/*
Theme Name: Explorer Blog
Theme URI: https://wproyal.com/explorer-blog/
Author: WP Royal
Author URI: https://wproyal.com
Description: Explorer Blog is a clean and modern WordPress theme designed for travel bloggers, explorers, and storytellers. Whether you’re documenting your adventures, sharing travel tips, or publishing destination guides, Explorer Blog provides a beautiful layout that keeps your content front and center. Built with the power of WordPress Full Site Editing, the theme is fast, flexible, and easy to customize, allowing you to create a stunning travel blog without touching code.
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 5.7
Version: 0.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: explorer-blog
Tags: blog, grid-layout, custom-colors, custom-header, editor-style, flexible-header, footer-widgets, right-sidebar, two-columns, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, theme-options, sticky-post

/* Skip Link */
.skip-link {
    position: absolute;
    left: -9999px;
    z-index: 999999;
}
.skip-link a:focus {
    position: absolute;
    left: 6px;
    top: 7px;
    z-index: 999999;
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px;
    background: #000;
    color: #fff;
    text-decoration: none;
}

/* =========================
   Categories: shared reset
========================= */
.wp-block-categories {
    margin:0.5rem 0;
    padding: 0;
    list-style: none;
    li{
      padding: 0.5rem 0;
      border-bottom: 1px solid #ddd;
    }
}



.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
  align-items: flex-start;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{
  font-size: 1.25rem;
}

.wp-block-post-content.entry-content a {
    text-decoration: underline;
}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--primary-color);
}
.wp-block-post-author__byline{
  font-size: 0.75rem;
}



/* -------------------------------------------------
   Quotes: Blockquote, Pullquote, Verse (Gutenberg)
   Works in posts + pages
-------------------------------------------------- */

/* Base blockquote */
.wp-block-quote,
blockquote {
  position: relative;
  margin: 2rem 0;
  padding: 1.25rem 1.5rem;
  border-left: 4px solid currentColor;
  border-radius: 12px;
  background: color-mix(in srgb, currentColor 6%, transparent);
}

.wp-block-quote p,
blockquote p {
  margin: 0;
  font-size: 1.1em;
  line-height: 1.6;
}

.wp-block-quote p + p,
blockquote p + p {
  margin-top: 0.85em;
}

/* Citation */
.wp-block-quote cite,
.wp-block-quote__citation,
blockquote cite {
  display: block;
  margin-top: 0.9rem;
  font-style: normal;
  opacity: 0.75;
  font-size: 0.95em;
}

/* Optional quote mark (subtle) */
.wp-block-quote::before,
blockquote::before {
  content: "“";
  position: absolute;
  top: -0.35rem;
  left: 0.85rem;
  font-size: 3rem;
  line-height: 1;
  opacity: 0.25;
}

/* Large style blockquote (Gutenberg style: is-style-large) */
.wp-block-quote.is-style-large {
  padding: 1.75rem 1.75rem;
  border-left-width: 6px;
}

.wp-block-quote.is-style-large p {
  font-size: 1.25rem;
  line-height: 1.5;
}

/* -------------------------------------------------
   Pullquote
-------------------------------------------------- */
.wp-block-pullquote {
  margin: 2.5rem 0;
  padding: 1.75rem 1.75rem;
  border: 0;
  border-radius: 16px;
  background: color-mix(in srgb, currentColor 8%, transparent);
}

.wp-block-pullquote blockquote {
  margin: 0;
  padding: 0;
  border-left: 0;
  background: transparent;
}

.wp-block-pullquote p {
  margin: 0;
  font-size: 1.25rem;
  text-align: center;
}

.wp-block-pullquote cite,
.wp-block-pullquote__citation {
  margin-top: 1rem;
  display: block;
  text-align: center;
  font-style: normal;
  opacity: 0.75;
  font-size: 0.95em;
}

/* Solid color pullquote (if you use background color controls) */
.wp-block-pullquote.has-background {
  background: inherit;
}

/* -------------------------------------------------
   Verse (poetry / lyrics formatting)
-------------------------------------------------- */
.wp-block-verse {
  margin: 2rem 0;
  padding: 1.25rem 1.5rem;
  border-radius: 12px;
  background: color-mix(in srgb, currentColor 5%, transparent);
  border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  white-space: pre-wrap; /* keeps verse line breaks */
  line-height: 1.8;
}

/* Code block editor chrome */
.wp-block-code{
  position: relative;
  margin: 1.5rem 0;
}

.wp-block-code code{
  display:block;
  overflow-x:auto;
  padding: 3rem 1.1rem 1.1rem;
  border-radius: 14px;

  background: #0b1220;
  color: #e6edf6;

  border: 1px solid rgba(255,255,255,.10);


  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;
  font-size: .95rem;
  line-height: 1.6;

  tab-size: 2;
  -moz-tab-size: 2;
}

/* Top bar */
.wp-block-code::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height: 34px;
  border-radius: 14px 14px 0 0;
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,0));
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Mac dots */
.wp-block-code::after{
  content:"";
  position:absolute;
  top: 12px;
  left: 14px;
  width: 40px;
  height: 10px;
  background:
    radial-gradient(circle at 5px 5px,  #ff5f57 0 4px, transparent 5px),
    radial-gradient(circle at 20px 5px, #febc2e 0 4px, transparent 5px),
    radial-gradient(circle at 35px 5px, #28c840 0 4px, transparent 5px);
  opacity: .9;
}

/* Scrollbar */
.wp-block-code code::-webkit-scrollbar{ height:10px; }
.wp-block-code code::-webkit-scrollbar-track{
  background: rgba(255,255,255,.06);
  border-radius: 999px;
}
.wp-block-code code::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.18);
  border-radius: 999px;
}
.wp-block-code code::-webkit-scrollbar-thumb:hover{
  background: rgba(255,255,255,.26);
}



/* -------------------------------------------------
   Dark mode friendly tweaks (if your theme uses dark bg)
-------------------------------------------------- */
@media (prefers-color-scheme: dark) {
  .wp-block-quote,
  blockquote,
  .wp-block-pullquote,
  .wp-block-verse {
    background: color-mix(in srgb, currentColor 10%, transparent);
  }
}

/* Header Search */

header :where(.wp-block-search__input){
    height: 35px;
}
header .wp-block-search.wp-block-search__button-only .wp-block-search__button{
    padding: 5px;
}

/* End Header Search */


/* Search Page*/

.search .wp-block-post .wp-block-columns{
    height: 100% !important;
}

/* End Search Page */


/* Button Hover */

.wp-element-button{
    transition: background-color 0.2s ease-in-out;
}

.wp-element-button:hover{
    background-color: var(--wp--preset--color--accent-grey);
}
.wp-block-button.is-style-outline .wp-element-button:hover{
    background: transparent;
    color: var(--wp--preset--color--accent-grey) !important;
}

/* End Button Hover */

/* Pagination */

.wp-block-query-pagination, 
.wp-block-query-pagination-numbers,
.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next{
    display: flex;
    gap: 10px !important;
    flex-wrap: wrap;
    justify-content: center;
}

.wp-block-query-pagination .is-arrow-arrow{
    margin: 0;
}

.wp-block-query-pagination a,
.page-numbers {
    padding: 4px 15px;
    border: 1px solid var(--wp--preset--color--primary-color);
    color: var(--wp--preset--color--primary-color);
    transition: background-color 0.2s ease-in-out;
}

.wp-block-query-pagination a:hover,
.page-numbers:hover {
    background: var(--wp--preset--color--primary-color);
    color: var(--wp--preset--color--white);
}

.page-numbers.current,
.wp-block-query-pagination .current {
    background: var(--wp--preset--color--primary-color);
    color: var(--wp--preset--color--white);
    cursor: default;
}

.page-numbers.dots {
    border: 0;
    background: transparent;
    padding: 4px;
}
.page-numbers.dots:hover{
    background: none;
    color: var(--wp--preset--color--primary-color);
}

/* End Pagination */

/* Hide empty column */
.wp-block-column:not(:has(*)) {
    display: none;
}

/* Column AFTER empty column */
.wp-block-column:not(:has(*)) + .wp-block-column {
    flex: 1 1 0 !important;
}

/* Column BEFORE empty column */
.wp-block-columns:has(.wp-block-column:not(:has(*)))
> .wp-block-column:has(+ .wp-block-column:not(:has(*)) {
    flex: 1 1 0 !important;
}