/*
Theme Name: Safari Blog
Theme URI: https://wproyal.com/safari/
Author: WP Royal
Author URI: https://wproyal.com
Description: Travel bloggers theme. Safari Blog is a WordPress theme that was designed specifically for travel bloggers. It comes with a variety of features that will make it easy for you to share your stories and photos with the world. Safari Blog is SEO friendly, easy to use, and fast loading, so you can focus on creating great content instead of worrying about the technical details. Plus, with its minimal design and user-friendly interface, Safari Blog is perfect for bloggers who want a sleek and professional look without all the fuss. Plus, it is responsive, so it will look great on any device. Whether you’re using a desktop computer, a tablet, or a smartphone, Safari will display beautifully.
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 5.7
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: safari
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

/* =========================
   Categories: shared reset
========================= */
.wp-block-categories {
    margin:0.4rem 0;
    padding: 0;
    list-style: none;
    li{
      padding: 0.5rem 0;
      border-bottom: 1px solid var(--wp--preset--color--custom-border);
    }
}

.wp-block-post-content.entry-content a:hover {
    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-comment-author-name a{
    font-size: var(--wp--preset--font-size--custom-8);
}

.wp-block-post-author__byline{
    font-size: 0.90rem;
}
/* Post Bio */
.wp-block-post-author__bio{
    font-size: var(--wp--preset--font-size--custom-9);
}
/* Post Bio */


/* Featured Image Hover */

.wp-block-post-featured-image{
    overflow: hidden;
}

.wp-block-post-featured-image a,
.wp-block-post-featured-image a img{
    transition: all 0.3s ease-in-out;
}

.wp-block-post-featured-image a:hover img{
    transform: scale(1.05);
}

.wp-block-post-featured-image img{
    object-position: top;
}

/* End Featured Image Hover */


/* -------------------------------------------------
   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;
}

/* -------------------------------------------------
   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);
  }
}


/* Navigation */

@media (min-width: 600px){
    ul.wp-block-navigation ul.wp-block-page-list{
        row-gap: 10px;
    }
    ul.wp-block-navigation li{
        padding: 5px 0;
    }
    ul.wp-block-navigation li ul li{
        padding: 0;
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container{
        box-shadow: 0px 0px 26px -5px rgba(0, 0, 0, 0.2);
        transform: translateY(20px);
        transition: all 0.2s ease-in-out;
    }
    .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,
    .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,
    .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{
        transform: translateY(0);
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{
        left: 100% !important;
    }
}

@media (max-width: 599px){
    .wp-block-navigation__responsive-container-content,
    .wp-block-navigation__responsive-container-content ul,
    .wp-block-navigation__responsive-container-content ul li{
        align-items: center !important;
    }

    .wp-block-navigation__responsive-dialog{
        margin-top: 10px !important;
    }

    ul.wp-block-navigation li a{
        padding: 5px 10px !important;
    }

    ul.wp-block-navigation,
    ul.wp-block-navigation li,
    ul.wp-block-navigation li ul{
        gap: 10px !important;
        padding: 0 !important;
    }
}

/* End Navigation */


/* 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 */


/* Social Icons */

.wp-block-social-links.has-small-icon-size a{
    font-size: 18px;
}

/* End Social Icons */


/* 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--custom-dark);
    color: var(--wp--preset--color--custom-dark) !important;
    transition: background-color 0.2s ease-in-out;
}

.wp-block-query-pagination a:hover,
.page-numbers:hover {
    background: var(--wp--preset--color--custom-dark);
    color: var(--wp--preset--color--custom-reverse) !important;
}

.page-numbers.current,
.wp-block-query-pagination .current {
    background: var(--wp--preset--color--custom-dark);
    color: var(--wp--preset--color--custom-reverse) !important;
    cursor: default;
}

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

/* 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;
}