/*
Theme Name: Online Library
Theme URI: https://www.ovationthemes.com/products/online-library
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Online Library Theme is a modern and versatile theme designed for bookshops, eBook stores, publishing houses, digital libraries, book catalog systems, online book store platforms, reading portals, author showcase sites, education and learning resources, academic libraries, and eLearning book hubs. Whether you’re managing a small collection of books or running a large-scale online library, this theme provides all the essential tools to showcase and organize your content effectively using features ideal for an eBook shop, bookstore template, digital reading platform, or educational resource center. Built with a clean and user-friendly design, the theme ensures easy navigation for visitors to explore categories, genres, and featured titles without hassle. It supports seamless integration with WooCommerce and Contact Form 7, allowing you to sell books, eBooks, or educational resources and manage inquiries directly from your site. The responsive layout guarantees an optimal browsing experience across all devices, ensuring readers can access your library anytime, anywhere. Customization is simple with built-in options for colors, typography, and layouts, so you can create a unique online presence that matches your brand. Additionally, the theme is optimized for SEO, ensuring better visibility in search engines and attracting more readers. Perfect for authors, publishers, educators, and book enthusiasts, the Online Library Theme combines functionality with elegance, making it easier than ever to manage and present your collection professionally. Demo : https://trial.ovationthemes.com/online-library/
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 5.6
Version: 1.4.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: online-library
Update URI: false
Tags: blog, education, photography, one-column, two-columns, custom-colors, custom-menu, custom-logo, sticky-post, threaded-comments, right-sidebar, left-sidebar, grid-layout, custom-background, rtl-language-support, featured-images, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, template-editing, translation-ready

Online Library Theme, Copyright 2025 pewilliams
Online Library is distributed under the terms of the GNU GPL

*/

a{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:focus,
button:focus{
    outline: 2px solid #000 !important;
}
/*navigation css*/
@media screen and (min-width:1000px){
    .main-header .wp-block-navigation .has-child .wp-block-navigation__submenu-container a:focus{
        color: #ffffff !important;
    }
    .wp-block-navigation-submenu .wp-block-navigation__submenu-icon:focus{
        outline: 2px solid var(--wp--preset--color--secondary) !important;
    }
    .wp-block-navigation ul li a{
        border-bottom: 1px solid #0000;
        transition: 1s;
    }
    .main-header .menu-box .header-menu ul a:hover,
    .wp-block-navigation ul li a:hover,
    .wp-block-navigation ul li a:focus,
    .wp-block-navigation .current-menu-item a{
        text-decoration: underline;
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container{  
        border-top: 2px solid var(--wp--preset--color--secondary);
        border-bottom: 2px solid var(--wp--preset--color--secondary);
        box-shadow: 2px 2px 8px #cfc8d8;
    }
    .wp-block-navigation ul ul li a{
        border-bottom: 1px solid var(--wp--preset--color--border-color);
    }
    .wp-block-navigation ul ul li a:hover{
        background-color: var(--wp--preset--color--primary);
        color: var(--wp--preset--color--secondary) !important;
    }
    .main-header .menu-box .header-menu ul .wp-block-navigation__submenu-container li a:hover,
    .main-header .menu-box .header-menu ul .wp-block-navigation__submenu-container li a:focus,
    .wp-block-navigation__submenu-container .current-menu-item a{
        background-color: var(--wp--preset--color--secondary) !important;
        color: var(--wp--preset--color--heading) !important;
        border-color: #0000;
    }
    .main-header .menu-header .header-menu-box nav ul.wp-block-navigation__container{
        gap: 22px;
    }
}
.wp-block-navigation ul ul{
    padding: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open li:last-child a{
    border-bottom: none;
}
.wp-block-navigation__responsive-container.is-menu-open li a:hover,
.wp-block-navigation__responsive-container.is-menu-open li a:focus,
.wp-block-navigation__responsive-container.is-menu-open li.current-menu-item a{
    background-color: transparent !important;
    color: var(--wp--preset--color--primary) !important;
}
.wp-block-navigation .wp-block-navigation__submenu-icon{
    background: transparent;
}
@media screen and (max-width:999px) {
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }
    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 26px;
        height: 26px;
    }
    .wp-block-navigation__responsive-container-close{ 
        background-color: var(--wp--preset--color--primary);
        padding: 8px;
    }
    .wp-block-navigation__responsive-container-open svg{
        fill: var(--wp--preset--color--primary);
    }
    .wp-block-navigation__responsive-container-close svg{
        fill: var(--wp--preset--color--background) !important;
    }
    .wp-block-navigation__responsive-container-close{
        top: 10px;
        right: 20px;
    }
    .wp-block-navigation__responsive-container-open:not(.always-shown){
        display: block;
        background-color: var(--wp--preset--color--icon-background) !important;
        border-radius: 5px;
        padding: 5px;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; 
    }
    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background-color: var(--wp--preset--color--white);
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
        padding-top: 4rem;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border-bottom: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 100%;
        gap: 0 !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
        width: auto;
        padding: 12px 24px 12px;
        line-height: 30px;
        text-align: center;
        justify-content: center;
    }

    /*
    * Submenu Css
    */
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a{
        gap: 3px;
        font-weight: 300 !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a:before {
        content: '--';
    }
}

.wp-block-image img{
    vertical-align: middle;
}

.pos-relative{
    position: relative;
}

form {
    position: relative;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid var(--wp--preset--color--border-color);
    outline: 0;
    resize: none;
    line-height: 20px;
    background: none;
    color: var(--wp--preset--color--foreground);
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
select option{
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--foreground);
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--heading);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: var(--wp--preset--color--heading);
    color: var(--wp--preset--color--white);
    border-radius: 30px;
    text-transform: capitalize;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-align: center;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--secondary);
}
.sidebar-box form.wp-block-search .wp-block-search__inside-wrapper  .wp-block-search__button,
.search-no-results .wp-block-query-no-results .wp-block-search .wp-block-search__inside-wrapper  .wp-block-search__button{
    background-color: var(--wp--preset--color--heading);
    color: var(--wp--preset--color--white);
}
.sidebar-box form.wp-block-search .wp-block-search__inside-wrapper  .wp-block-search__button:hover,
.search-no-results .wp-block-query-no-results .wp-block-search .wp-block-search__inside-wrapper  .wp-block-search__button:hover{
    background-color: var(--wp--preset--color--primary) !important;
}
.wpcf7-form label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 8px;
    color: var(--wp--preset--color--foreground);
    font-weight: 700;
}

.form-group {
    margin-bottom: 30px;
}

.form-group p{
    margin: 0;
}

.form-group.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 0;
}
/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 2px;
}
.comment-form .comment-form-comment textarea,
.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-form-url input{
    background: var(--wp--preset--color--section-bg);
}
.single-post .post-meta .wp-block-post-author{
    align-items: center;
}
.single-post .wp-block-comments .comment-respond .comment-form .comment-form-cookies-consent{
    align-items: flex-start;
}
.single-post .wp-block-post-featured-image img{
    height: 400px;
    width: 400px;
    object-fit: contain;
    transform: translateY(10px);
    transition: all 0.4s ease;
}
.single-post .wp-block-post-featured-image img:hover{
   transform: translateY(0px);
}
.wp-block-query li.wp-block-post .inner-post-box .archieve-meta{
    flex-wrap: wrap;
    gap: 12px;
}
/*pagination*/
.wp-block-query-pagination-numbers .page-numbers{
    padding: var(--wp--preset--spacing--20);
    line-height: 1;
    text-decoration: none;
    color:var(--wp--preset--color--heading);
}
.wp-block-query-pagination-numbers .page-numbers.current{
    background:var(--wp--preset--color--heading);
    color: var(--wp--preset--color--white) !important;
}
.wp-block-query-pagination-numbers .page-numbers:hover{
    color:var(--wp--preset--color--primary);
}
.wp-block-query-pagination-next, .wp-block-query-pagination-previous{
    background:var(--wp--preset--color--heading);
    font-size: var(--wp--preset--font-size--small);
    line-height: 1;
    padding: 10px;
    color: var(--wp--preset--color--white);
    text-decoration: none;
}
.wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover{
    color: var(--wp--preset--color--white);
    background: var(--wp--preset--color--primary);
}
/*sidebar css*/
.sidebar-box,.inner-post-box{
    position: relative;
    box-shadow: 0px 4px 9px var(--wp--preset--color--sidebar-shadow-color);
}
.sidebar-box .wp-block-query ul.wp-block-post-template li .wp-block-post-date{
    padding-left: 0 !important;
}
.sidebar-heading{
    display: table;
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    width: auto;
}
.sidebar-post-title{
    margin-block-start: 10px;
    margin-block-end: 0;
}
.sidebar-box .wp-block-page-list  ul li{
    list-style: square;
}
.sidebar-box .wp-block-archives-list li ,
.sidebar-box .wp-block-categories-list li,
.sidebar-box .wp-block-page-list li{
    list-style: circle;
}
.sidebar-box .wp-block-archives-list li::marker,
.sidebar-box .wp-block-categories-list li::marker,
.sidebar-box .wp-block-page-list li::marker{
    color: var(--wp--preset--color--primary);
}
.sidebar-box .wp-block-archives-list,.sidebar-box .wp-block-categories-list{
    padding-left: 20px;
}
.sidebar-box ul li a{
    text-decoration: none;
}
.sidebar-box .wp-block-tag-cloud a{
    background: var(--wp--preset--color--primary-light);
    color: var(--wp--preset--color--primary);
}
.sidebar-box .wp-block-tag-cloud a:hover{
    background: var(--wp--preset--color--background);
    color: var(--wp--preset--color--primary);
}
/*post css*/
.post-title{
    position: relative;
}
.post-title .wp-block-separator{
    width: 57px !important;
}
.post-title .wp-block-separator:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: var(--wp--preset--color--primary);
    top: 0;
    bottom: 0;
    margin: auto;
}
.archieve-readmore .wp-block-separator{
    width: 20px !important;
}
/*woocommerce*/
.wp-block-group.woocommerce.product{
    margin-block-start: 0;
}
.wc-block-product,
.wc-block-grid__product,
.woocommerce .products li,
.wp-block-woocommerce-related-products li,
.products-block-post-template li {
    text-align: center;
    padding: 10px !important;
    background: transparent !important;
    border: 1px solid var(--wp--preset--color--border-color);
    border-radius: 10px;
}
.wc-block-product:hover,
.wc-block-grid__product:hover,
.woocommerce .products li:hover,
.wp-block-woocommerce-related-products li:hover,
.products-block-post-template li:hover{
    border: 1px solid var(--wp--preset--color--primary);
}
.wc-block-components-product-image img {
    width: auto;
    max-width: 100% !important;
}
.woocommerce div.product div.images img{
    width: auto;
}
.wc-block-grid__product{
    margin: 0 10px;
}
a.wc-block-grid__product-link,.wc-block-grid__product-image,.wc-block-grid__products .wc-block-grid__product-image img {
    width: 100%;
}
.wc-block-components-product-rating__stars,.wc-block-grid__product-rating,.woocommerce .star-rating {
    margin: 0 auto 0.5em;
    color: #f4bc16;
}
.wc-block-components-product-rating__stars::before,.wc-block-grid__product-rating .star-rating:before{
    color: #cfc8d8;
}
.woocommerce span.onsale,.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    padding: 0;
    border-radius: 5px;
    margin: 5px !important;
    min-height: 8px;
    line-height: 26px;
    min-width: 60px;
    font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2{
    font-size: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2 + .edit{
    float: left;
    color: var(--wp--preset--color--secondary);
    font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2 + .edit:hover{
    color: var(--wp--preset--color--primary);
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    justify-content: space-between;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products li{
    max-width: 100%;
    margin-bottom: 15px;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: var(--wp--preset--color--primary);
    border: 1px solid;
    border-color: var(--wp--preset--color--primary);
    padding: 12px!important;
    margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
    color: var(--wp--preset--color--white);
}
nav.woocommerce-MyAccount-navigation ul li:hover {
    background: var(--wp--preset--color--secondary);
    border-color: var(--wp--preset--color--secondary);
}
nav.woocommerce-MyAccount-navigation ul li:hover a{
    color: var(--wp--preset--color--white);
}
.woocommerce ul.products li.product .button{
    padding: var(--wp--preset--spacing--30);
    border-radius: 0;
}
.woocommerce a.added_to_cart,
.added_to_cart.wc-forward{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    padding: var(--wp--preset--spacing--30);
    text-decoration: none;
    border-radius: 30px;
    display: inline-block; 
}
.added_to_cart.wc-forward{
    margin-left: 10px;
}
.wc-block-components-product-badge{
    box-shadow: 2px 2px 0 0 var(--wp--preset--color--heading);
    border-radius: 0 !important;
    border: solid 2px var(--wp--preset--color--heading) !important;
    padding: 5px 8px !important;
}
.wc-block-grid__product .wc-block-grid__product-title,.wc-block-components-product-name,h2.woocommerce-loop-product__title,.woocommerce-Tabs-panel h2{
  font-size: 18px !important;
  font-weight: bold;
}
.woocommerce #review_form #respond textarea{
    background: var(--wp--preset--color--section-bg);
    border: 1px solid var(--wp--preset--color--border-color);
}
.woocommerce-Tabs-panel--reviews,.wc-block-checkout__form,.woocommerce-Tabs-panel--description{
    padding: 20px !important;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-checkout__form, .wp-block-woocommerce-checkout-order-summary-block,.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wc-block-components-sidebar-layout.wc-block-cart{
    padding-top: 30px;
}
.wc-block-cart{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 30px;
    border-radius: 10px;
    color: var(--wp--preset--color--heading);
}
.is-large.wc-block-cart .wc-block-cart-items td:after ,.is-large.wc-block-cart .wc-block-cart-items:after {
    border-color: transparent;
}
.wc-block-cart .wc-block-cart-items th,.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title{
    padding: 10px !important;
}
.wc-block-cart table.wc-block-cart-items{
    margin: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wc-block-cart-items__header,.wp-block-woocommerce-checkout-order-summary-block,.wp-block-woocommerce-cart-order-summary-block,.woocommerce-Tabs-panel--description,.is-large.wc-block-cart .wc-block-cart-items{
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-components-totals-wrapper:after{
    border-color:  var(--wp--preset--color--border-color);
    opacity: 1 !important;
}
.wc-block-cart__submit-container a{
    margin-top: 15px;
}
.wc-block-checkout__actions_row a{
    color: var(--wp--preset--color--primary);
}
.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    margin-right: auto !important;
    margin-left: auto !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 0 !important;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover {
    background: transparent;
}

/* scroll top */
p.scroll-top {
    position: absolute;
}
.scroll-top::before{
    font-size: 20px;
    cursor: pointer;
    background: var(--wp--preset--color--secondary); 
    color: var(--wp--preset--color--primary);
    font-family: "Font Awesome 7 Free";
    font-weight: 600;
    content: '\f135'; 
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    transform: rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    z-index: 99;
}
.scroll-top:hover::before {
    background: var(--wp--preset--color--heading) !important;
    color: var(--wp--preset--color--white);
}
/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
@media screen and (max-width:999px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 30px !important;
    }
    .wc-block-components-totals-wrapper{
        padding: 16px 22px;
    }
    .wc-block-cart{
        padding: 0;
        border: none;
    }
    .wc-block-components-sidebar-layout.wc-block-cart{
        padding-top: 0;
    }
    .latest-news .wp-block-post-template,
    .post-grid-layout.wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 30px !important;
    }
}
@media screen and (max-width:600px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .single-product .wp-block-woocommerce-product-meta .wp-block-group{
        display: block !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 25px !important;
    }
    .wp-block-woocommerce-cart:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 90% !important;
    }
}
@media screen and (max-width: 999px) and (min-width: 782px){
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .search-results .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .sidebar-col,.post-col{
        flex-basis: 50% !important;
    }
    .page-sidebar-col{
        flex-basis: 40% !important;
    }
    .page-text-col{
        flex-basis: 60% !important;
    }
}
@media screen and (max-width:781px){
    .search.search-results .wp-block-columns .wp-block-column .wp-block-query{
        margin-bottom: 45px;
    }
    .single.single-post .wp-block-column .wp-block-template-part{
        margin-top: 40px;
    }
    .post-title .wp-block-separator{
        width: 30px !important;
    }
    .post-title h4{
        font-size: 21px;
    }
    .archieve-meta time ,.archieve-meta .wp-block-post-author-name{
        font-size: 13px !important;
    }
    .blog-box .wp-block-cover{
        min-height: 250px !important;
    }
}
@media screen and (max-width: 1699px){
    .product-iner-box{
        padding-right: var(--wp--preset--spacing--50) !important;
        padding-left: var(--wp--preset--spacing--50) !important;
    }
    .product-iner-box h3{
        font-size: 18px !important;
    }
}
@media screen and (max-width: 1099px){
    .blog-sec-query .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media screen and (max-width: 599px){
    .blog-sec-query .wp-block-post-template {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}
@media screen and (max-width: 1350px) and (min-width: 601px){
    .single-post .wp-block-query .related-post{
        display: grid;
        grid-template-columns: auto auto;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
        grid-template-columns: 50% 50%;
    }
}
@media screen and (max-width:425px){
    .collection-section .collection-content .collection-box{
        display: grid;
    }
    .collection-section .collection-content .collection-img{
        width: 100% !important;
        height: 300px;
    }
}
@media screen and (min-width:426px) and (max-width:767px){
    .collection-section .collection-content .collection-box .collection-img{
        width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2) !important;
    }
}
@media screen and (max-width:767px){
    .woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
        grid-template-columns: 100%;
    }
    .post-grid-layout.wp-block-post-template,
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .latest-blogs,
    .search-results .wp-block-post-template{
        display: block !important;
    }
    .post-grid-layout.wp-block-post-template li,
    .page-template-blog-right-sidebar .wp-block-post-template li,
    .page-template-blog-left-sidebar .wp-block-post-template li,
    .latest-blogs li,
    .search-results .wp-block-post-template li{
        margin-bottom: 30px;
    }
    .post-grid-layout.wp-block-post-template li:last-child,
    .page-template-blog-right-sidebar .wp-block-post-template li:last-child,
    .page-template-blog-left-sidebar .wp-block-post-template li:last-child,
    .latest-blogs li:last-child,
    .search-results .wp-block-post-template li:last-child{
        margin-bottom: 0;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 25px !important;
        text-align: center !important;
    }
    .error-heading{
        font-size: 110px !important;
    }
    footer.custom-footer-class .footer-widgets .footer-box-3{
        padding-right: 0 !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    footer.custom-footer-class .footer-widgets .footer-phone, footer.custom-footer-class .footer-widgets .footer-mail, footer.custom-footer-class .footer-widgets .footer-address{
        display: flex;
        justify-content: center;
    }
    footer.custom-footer-class .footer-widgets{
        text-align: center;
    }
    .main-header{
        background: linear-gradient(to right, var(--wp--preset--color--secondary) 100%, transparent 0%) !important;
        margin-bottom: 0 !important;
        border-bottom: 2px solid var(--wp--preset--color--primary);
    }
    .main-header .header-bottom .header-box{
        border-radius: 0 !important;
        width: 100% !important;
    }
    .banner-section .banner-content .banner-inner-content{
        padding-right: 0 !important;
        text-align: center;
    }
    .banner-section:after{
        top: 0 !important;
        clip-path: none !important;
        width: 100% !important;
        height: 100% !important;
    }
    .banner-section .banner-content .banner-btn, .main-header .header-top .header-phone-box a, .main-header .header-top .header-mail-box a, .main-header .header-top .header-text-box p{
        justify-content: center;
    }
    .banner-section .banner-content .banner-title{
        font-size: 30px !important;
    }
    .banner-section{
        min-height: 480px !important;
    }
    .main-header .header-bottom .header-menu{
        justify-content: end;
    }
    .latest-news .news-boxes li{
        text-align: center;
    }
    .latest-news .news-boxes li .news-btn {
        float: none !important;
        margin: 0 auto;
    }
    .testimonial-section .owl-nav{
        display: none !important;
    }
    .faq-section .faq-section-cols{
        gap: 0;
    }
    .latest-news .owl-nav{
        top: auto !important;
        bottom: -55px;
        width: auto !important;
    }
    .footer-box-2 .wp-block-list li{
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
    .about-section .about-img-box-inner .abt-exp-box{
        top: auto !important;
        bottom: -45px;
        right: 50% !important;
        transform: translateX(50%) !important;
    }
    .about-section .about-text-box p{
        text-align: center;
        margin-left: 0 !important;
        margin-top: 45px !important;
        font-size: 16px !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .main-header{
        margin-bottom: -88px !important;
    }
    .main-header .header-top .header-info-boxes{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
    .main-header .header-top .header-info-boxes .header-text-box{
        grid-column: span 2 / span 2;
    }
    .main-header .header-top .header-mail-box a{
        justify-content: end;
    }
    .main-header .header-bottom .header-box {
        width: 100% !important;
    }
    .main-header .header-top .header-text-box p{
        justify-content: center;
    }
    .banner-section .banner-content .banner-inner-content{
        padding-right: 20% !important;
    }
    .banner-section:after{
        width: 96% !important;
        top: 86px !important;
        height: 534px !important;
    }
    .banner-section .banner-content .banner-title{
        font-size: 34px !important;
    }
    .collection-section .collection-content .collection-box{
        gap: 12px;
    }
    .testimonial-section .owl-nav, .latest-news .owl-nav{
        width: 118% !important;
    }
    .about-section .about-cols{
        flex-wrap: nowrap !important;
    }
    .about-section .about-text-box p{
        font-size: 16px !important;
        margin-left: 40px !important;
    }
    .faq-section .faq-section-cols{
        flex-wrap: nowrap !important;
        gap: 10px
    }
    footer.custom-footer-class .footer-widgets{
        display: grid;
        grid-template-columns: 50% 50%;
        gap: 35px;
    }
     footer .footer-widgets .footer-box-2{
        padding-top: 0 !important;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .main-header .header-bottom .header-box {
        width: 100% !important;
    }
    .main-header .header-top .header-phone-box{
        flex-basis: 18% !important;
    }
    .main-header .header-top .header-mail-box{
        flex-basis: 28% !important;
    }
    .main-header .header-top .header-text-box{
        flex-basis: 54% !important;
    }
    .banner-section:after{
        width: 78% !important;
    }
    .banner-section .banner-inner-content{
        padding-right: 40% !important;
    }
    .sidebar-box form.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button{
        padding: 10px;
    }
    .about-section .about-text-box p{
        font-size: 18px !important;
    }
    .testimonial-section .owl-nav, .latest-news .owl-nav{
        width: 115% !important;
    }
    footer.custom-footer-class .footer-widgets .footer-box-3{
        padding-right: 10px !important;
    }
}
@media screen and (min-width: 1100px) and (max-width: 1399px){
    .main-header .header-bottom .header-logo{
        font-size: 20px !important;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
    .main-header .header-top .header-info-boxes{
        gap: 16px;
    }
    .banner-section .banner-inner-content{
        padding-right: 43% !important;
    }
}

/* Header Image */
.inner-cover-img{
    position: relative;
}
.inner-cover-img:after{
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000000;
    opacity: 0.5;
}
.inner-cover-img .wp-block-cover__inner-container{
    z-index: 1;
}

/* Header */
.home .main-header{
    margin-bottom: -76px;
    position: relative;
    z-index: 2;
    background: linear-gradient(to right, var(--wp--preset--color--secondary) 40%, transparent 40%);
}
.main-header{
    background: linear-gradient(to right, var(--wp--preset--color--secondary) 100%, transparent 0%);
}
.home .main-header .header-bottom .header-box{
    width: 85%;
}
.main-header .header-top .header-phone-box a, .main-header .header-top .header-mail-box a{
    text-decoration: none;
}
.main-header .header-top .header-phone-box i, .main-header .header-top .header-mail-box i, .main-header .header-top .header-text-box i{
    margin-right: 10px;
    font-size: 16px;
    margin-top: 4px;
}
.main-header .header-top .header-phone-box a, .main-header .header-top .header-mail-box a, .main-header .header-top .header-text-box p{
    display: flex;
}
.main-header .header-bottom .header-logo{
    flex-basis: 20%;
}
.main-header .header-bottom .header-menu{
    flex-basis: 80%;
}

/* Banner */
.banner-section{
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.banner-section:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: var(--wp--preset--color--primary);
    opacity: 0.3;
    z-index: -1;
}
.banner-section:after{
    content: '';
    position: absolute;
    left: 0;
    top: 74px;
    background-color: var(--wp--preset--color--secondary);
    height: 546px;
    width: 70%;
    z-index: -1;
    clip-path: polygon( 0% 0.225%,76.948% 0.225%,73.958% 0.225%,73.958% 0.225%,73.097% 0.368%,72.281% 0.782%,71.519% 1.443%,70.824% 2.331%,70.206% 3.422%,69.676% 4.694%,69.244% 6.124%,68.922% 7.69%,68.721% 9.369%,68.652% 11.14%,68.652% 11.14%,68.721% 12.91%,68.922% 14.59%,69.244% 16.156%,69.676% 17.586%,70.206% 18.858%,70.824% 19.948%,71.519% 20.836%,72.281% 21.498%,73.097% 21.911%,73.958% 22.054%,87.318% 22.054%,87.318% 22.054%,87.913% 22.153%,88.477% 22.439%,89.003% 22.896%,89.484% 23.51%,89.911% 24.264%,90.277% 25.143%,90.576% 26.131%,90.798% 27.213%,90.937% 28.374%,90.985% 29.598%,90.985% 29.598%,90.937% 30.821%,90.798% 31.982%,90.576% 33.064%,90.277% 34.052%,89.911% 34.931%,89.484% 35.685%,89.003% 36.299%,88.477% 36.756%,87.913% 37.042%,87.318% 37.14%,82.758% 37.14%,82.758% 37.14%,81.73% 37.311%,80.754% 37.805%,79.845% 38.596%,79.015% 39.656%,78.276% 40.959%,77.643% 42.478%,77.127% 44.186%,76.743% 46.057%,76.503% 48.063%,76.42% 50.177%,76.42% 50.177%,76.503% 52.292%,76.743% 54.298%,77.127% 56.168%,77.643% 57.876%,78.276% 59.396%,79.015% 60.699%,79.845% 61.759%,80.754% 62.549%,81.73% 63.043%,82.758% 63.214%,95.123% 63.214%,95.123% 63.214%,95.914% 63.345%,96.664% 63.725%,97.364% 64.334%,98.003% 65.15%,98.571% 66.152%,99.059% 67.321%,99.456% 68.636%,99.751% 70.075%,99.936% 71.619%,100% 73.246%,100% 73.246%,99.936% 74.874%,99.751% 76.418%,99.456% 77.857%,99.059% 79.172%,98.571% 80.341%,98.003% 81.343%,97.364% 82.159%,96.664% 82.768%,95.914% 83.148%,95.123% 83.279%,72.716% 83.279%,72.716% 83.279%,72.057% 83.388%,71.432% 83.705%,70.848% 84.212%,70.316% 84.892%,69.842% 85.728%,69.436% 86.702%,69.106% 87.797%,68.859% 88.997%,68.705% 90.283%,68.652% 91.639%,68.652% 91.639%,68.599% 92.996%,68.445% 94.282%,68.198% 95.482%,67.868% 96.577%,67.461% 97.551%,66.988% 98.387%,66.455% 99.067%,65.872% 99.574%,65.247% 99.891%,64.588% 100%,0% 100%,0% 0.225% );
}
.banner-section .banner-inner-content .banner-btn a:hover, .banner-section .banner-inner-content .banner-btn a:hover i{
    background-color: var(--wp--preset--color--heading) !important;
}
.banner-section .banner-inner-content .banner-btn a{
    position: relative;
    padding-right: 30px !important;
}
.banner-section .banner-inner-content .banner-btn i{
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--secondary);
    border: 1px solid var(--wp--preset--color--secondary);
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}

/* Collection Section */
.collection-section .collection-head-box .collection-title img, .about-section .about-sec-title img, .testimonial-section .testimonial-sec-title img, .faq-section .faq-sec-title img, .latest-news .latest-news-sec-title img{
    height: 35px;
    width: auto !important;
    margin-right: 15px;
    margin-bottom: -8px;
}
.collection-section .collection-head-box .collection-title, 
.about-section .about-sec-title, 
.testimonial-section .testimonial-sec-title, 
.faq-section .faq-sec-title, 
.latest-news .latest-news-sec-title{
    line-height: 1.4;
}
.collection-section .collection-content .collection-img,
.collection-section .collection-content .collection-img img{
    transition: 1s;
}
.collection-section .collection-content .collection-img{
    overflow: hidden;
    border: 1px solid #0000;
}
.collection-section .collection-content .collection-img:hover{
    border-color: var(--wp--preset--color--secondary) !important;
}
.collection-section .collection-content .collection-img:hover img{
    transform: scale(1.1) rotate(1deg);
}
.about-section .about-cols .about-img-box-inner figure {
    position: relative;
    overflow: hidden;
}
.about-section .about-cols .about-img-box-inner figure::before {
    position: absolute;
    top: 0;
    left: 0%;
    right: 0;
    opacity: 0;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.about-section .about-cols .about-img-box-inner figure:hover::before {
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s;
    opacity: 1;
}
@-webkit-keyframes shine {
    100% {
      left: 125%;
    }
}
@keyframes shine {
    100% {
      left: 125%;
    }
}
.about-section .about-img-box-inner{
    position: relative;
}
.about-section .about-img-box-inner .abt-exp-box{
    position: absolute;
    top: 50%;
    right: -60px;
    transform: translateY(-50%);
}
.about-section .about-img-box-inner img{
    width: 100% !important;
    object-fit: cover;
}

/*faq*/
.faq-section .faq-section-cols details.faq-detail-block[open],
.faq-section .faq-section-cols details.faq-detail-block:hover{
    border-color: var(--wp--preset--color--primary) !important;
    box-shadow: none;
}
.faq-section .faq-section-cols details.faq-detail-block{
    box-shadow: 0 0 0 1px var(--wp--preset--color--primary);
}

/*testimonial*/
.testimonial-section .owl-nav, .latest-news .owl-nav{
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 110%;
    z-index: -1;
}
.testimonial-section .owl-nav button, .latest-news .owl-nav button{
    background-color: #0000;
    color:var(--wp--preset--color--text-color);
    font-size: 30px;
    padding: 0;
}
.testimonial-section .owl-nav button:hover, .latest-news .owl-nav button:hover{
    color: var(--wp--preset--color--text-color);
}
.testimonial-section .owl-nav button:focus, .latest-news .owl-nav button:focus{
    outline: none !important;
}
.testimonial-section .testimonial-box:hover .testimonail-main-img img{
    border: 3px solid var(--wp--preset--color--secondary) !important;
}
.testimonial-section .testimonial-box .testimonial-title a{
    text-decoration: none;
}
.testimonial-section .owl-dots{
    text-align: center;
}
.testimonial-section .owl-dots .owl-dot.active{
    opacity: 0.8;
}
.testimonial-section .owl-dots .owl-dot{
    padding: 6px;
    margin: 3px;
    background-color: var(--wp--preset--color--secondary);
    opacity: 0.5;
}

/*latest news*/
.latest-news .news-boxes li .news-btn{
    float: right;
}
.latest-news .news-boxes li:hover .latest-news-box{
    background-color: transparent !important;
}
.latest-news .news-boxes li .news-btn{
    box-shadow: 0 0 0 1px var(--wp--preset--color--primary);
}
.latest-news .news-boxes li:hover .news-btn, .latest-news .news-boxes li:hover .wp-block-post-featured-image img{
    border-color: var(--wp--preset--color--secondary) !important;
}
.latest-news .news-boxes li:hover .news-title, .latest-news .news-boxes li:hover .news-btn, .latest-news .news-boxes li:hover .wp-block-post-title a, .latest-news .news-boxes li:hover .wp-block-post-excerpt__excerpt{
    color: var(--wp--preset--color--secondary) !important;
}

/*footer*/
.footer-box-2 .wp-block-list li{
    margin-bottom: 25px;
    list-style: none;
}
.footer-box-2 .wp-block-list li::last-child{
    margin-bottom: 0;
}
.footer-box-2 .wp-block-list li a, 
footer .footer-widgets .footer-box-3 .footer-phone a, 
footer .footer-widgets .footer-box-3 .footer-mail a,
footer .footer-widgets .footer-box-3 .footer-address a{
    text-decoration: none;
}
footer .footer-widgets .footer-box-3 .footer-address a, footer .footer-widgets .footer-box-3 .footer-mail a, footer .footer-widgets .footer-box-3 .footer-phone a{
    display: flex;
}
footer .footer-widgets .footer-box-3 .footer-address i, footer .footer-widgets .footer-box-3 .footer-mail i, footer .footer-widgets .footer-box-3 .footer-phone i{
    margin-top: 4px;
}
.footer-box-2 .wp-block-list li a:hover,
footer .wp-block-social-links a:hover,
.footer-box-2 .wp-block-list li a:focus,
footer .wp-block-social-links a:focus,
footer .footer-widgets .footer-box-3 .footer-phone:hover, 
footer .footer-widgets .footer-box-3 .footer-mail:hover,
footer .footer-widgets .footer-box-3 .footer-address:hover,
footer .footer-widgets .footer-box-3 .footer-phone:hover a, 
footer .footer-widgets .footer-box-3 .footer-mail:hover a,
footer .footer-widgets .footer-box-3 .footer-address:hover a{
    color: var(--wp--preset--color--secondary) !important;
}
footer .footer-widgets .footer-box-3 .footer-phone, footer .footer-widgets .footer-box-3 .footer-mail, footer .footer-widgets .footer-box-3 .footer-address{
    position: relative;
    width: fit-content;
}
footer .footer-widgets .footer-box-3 .footer-phone i, footer .footer-widgets .footer-box-3 .footer-mail i, footer .footer-widgets .footer-box-3 .footer-address i{
    margin-right: 10px;
}
footer.custom-footer-class{
    margin-top: 0 !important;
}

.woocommerce-page .add_to_cart_button{
    background-color: #352910 !important;
}
.woocommerce-page .add_to_cart_button:hover{
    background-color: black !important;
}
.woocommerce-page .added_to_cart:hover{
    background-color: #000 !important;

}
.woocommerce-cart .wc-block-cart-item__remove-link{
    background-color: transparent !important;
}
.wp-block-woocommerce-filled-cart-block .wc-block-cart__submit-button{
    background-color: #352910 !important;
}
.wp-block-woocommerce-filled-cart-block .wc-block-cart__submit-button:hover{
    background-color: black !important;
}
.woocommerce .single_add_to_cart_button{
    background-color: #352910 !important;
}
.woocommerce .single_add_to_cart_button:hover{
    background-color: black !important;
}
.woocommerce-cart .wc-block-cart-item__image img{
    animation-name: slideInDown !important;
}
.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
     background-color: #352910 !important;
}
.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover{
      background-color: #000 !important;
}
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
    background-color: #352910;
    color: white !important;
}
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:hover{
    background-color: black !important;
    color: white !important;
}
.wc-block-components-button__text{
    opacity: 2.5 !important;
}

/* ============================================
   MOBILE HEADER OPTIMIZATION
   ============================================
   Ensures consistent mobile behavior across all pages:
   - Hides top bar on mobile
   - Reduces header height for compact profile
   - Enlarges hamburger menu button
   - Ensures mobile menu has highest z-index
   ============================================ */

@media screen and (max-width: 780px) {

    /* HIDE TOP BAR COMPLETELY ON MOBILE - Target actual rendered HTML */
    /* The orange bar renders as <header> with has-primary-background-color class */
    header.wp-block-group.has-primary-background-color.has-background,
    .main-header .header-top,
    .main-header .header-top.wp-block-group,
    .wp-block-group.main-header .header-top,
    .wp-block-group.main-header .wp-block-group.header-top,
    div.wp-block-group.header-top.wow.fadeInDown,
    div.main-header div.header-top {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* NARROW HEADER - Reduce padding */
    .main-header .header-bottom,
    .main-header .header-bottom .wp-block-group {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .main-header .header-box {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Reduce logo padding on mobile */
    .header-logo,
    header .wp-block-image.header-logo,
    header .wp-block-site-title {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        font-size: 18px !important;
    }

    /* LARGER HAMBURGER MENU BUTTON */
    .wp-block-navigation__responsive-container-open {
        width: 48px !important;
        height: 48px !important;
        padding: 10px !important;
    }

    .wp-block-navigation__responsive-container-open svg {
        width: 28px !important;
        height: 28px !important;
    }

    /* MOBILE MENU PANEL - HIGHEST Z-INDEX */
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container.is-menu-open {
        z-index: 999999 !important;
    }

    .wp-block-navigation__responsive-container-content {
        z-index: 999999 !important;
    }

    /* Ensure close button is also large and visible */
    .wp-block-navigation__responsive-container-close {
        width: 48px !important;
        height: 48px !important;
        padding: 10px !important;
        z-index: 1000000 !important;
    }

    .wp-block-navigation__responsive-container-close svg {
        width: 28px !important;
        height: 28px !important;
    }

    /* Mobile menu overlay */
    .wp-block-navigation__responsive-container.is-menu-open {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
    }
}

/* EXTRA SMALL MOBILE (<480px) */
@media screen and (max-width: 480px) {

    /* Even more compact header on very small screens */
    .main-header .header-box {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .header-logo,
    header .wp-block-site-title {
        font-size: 16px !important;
    }
}

/* ============================================
   Psychic News - Additional CSS (migrated)
   ============================================ */

body {
    padding-top: 0px !important;
}

/* Sticky left column in magazine hero section */
.about-section .about-cols {
    align-items: flex-start;
}

.about-section .about-left-column .wp-block-cover.alignfull {
    min-height: 100vh !important;
    height: 100vh !important;
}

@media (min-width: 960px) {
    .about-section .about-left-column {
        position: sticky;
        top: 0px;
    }
}

/* Generic sticky helper */
.pn-sticky {
    position: sticky;
    top: 80px;
    z-index: 20;
    align-self: flex-start;
}

@media (max-width: 960px) {
    .pn-sticky {
        position: static;
    }
}

.black-text {
    color: black !important;
}

/* Global safe defaults */
* {
    box-sizing: border-box;
}

/* HOME PAGE: remove extra gaps */
.home .wp-block-group,
.home .wp-block-cover,
.home .wp-block-columns {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.home header,
.home .hero,
.home .about-hero,
.home .wp-block-cover {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* CTA area / two-column hero alignment (home) */
.home .pn-cta-wrapper {
    display: flex;
    align-items: stretch;
    gap: 24px;
}

.home .pn-cta-wrapper > div {
    flex: 1;
    height: 100%;
}

/* SIDEBAR: restore vertical spacing between widgets */
.sidebar,
.widget-area,
.wp-block-sidebar {
    display: block;
}

.sidebar .widget,
.widget-area .widget,
.wp-block-sidebar .wp-block-group,
.wp-block-widget {
    margin-bottom: 24px;
}

.widget-title,
.sidebar .wp-block-heading,
.sidebar h2,
.sidebar h3 {
    margin-bottom: 10px;
}

.sidebar ul,
.widget ul,
.wp-block-categories-list,
.wp-block-archives-list,
.wp-block-latest-posts__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar li + li,
.widget li + li,
.wp-block-categories-list li + li,
.wp-block-archives-list li + li,
.wp-block-latest-posts__list li + li {
    margin-top: 6px;
}

.widget_tag_cloud .tagcloud a,
.wp-block-tag-cloud a {
    display: inline-block;
    margin: 4px 6px 0 0;
}

/* ARCHIVE / BLOG: restore row spacing between column rows */
.archive .wp-block-columns:not(:last-child),
.blog .wp-block-columns:not(:last-child),
.post-type-archive .wp-block-columns:not(:last-child) {
    margin-bottom: 32px;
}

/* Cards: keep columns equal height */
.card,
div[class*="card"] {
    display: flex;
    flex-direction: column;
}

/* Basic typography margins */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.7em;
}

p {
    margin-top: 0;
    margin-bottom: 0.9em;
}

/* Normalize images */
img {
    max-width: 100%;
    height: auto;
    display: block;
}