/**
* Theme Name:        avanam-fashi
* Theme URI:         https://templatemela.com/
* Template:          avanam
* Author:            TemplateMela
* Author URI:        #
* Description:       This is a child theme of Avanam, generated by TemplateMela.
* Version:           1.0.3
* License:           GNU General Public License v3.0 (or later)
* License URI:       https://www.gnu.org/licenses/gpl-3.0.html
* Text Domain:       avanam-fashi
* Requires at least: 6.2
* Tested up to:      6.6
* Requires PHP:      7.4
* Tags: translation-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce
*/

:root {
    /* Mznari Brand Design Tokens */
    --mznari-primary-dark: #500406;
    --mznari-hover: #641F32;
    --mznari-bg: #FFFDF9;
    --mznari-secondary-bg: #F7F0E8;
    --mznari-text: #292322;
    --mznari-gold: #B08D57;
    --mznari-sale: #9E2947;

    /* Theme & Kadence Global Palette Mappings */
    --global-palette1: #500406;
    --global-palette2: #B08D57;
    --global-palette3: #292322;
    --global-palette4: #4A3E3B;
    --global-palette5: #7A6F6C;
    --global-palette6: #A39996;
    --global-palette7: #F7F0E8;
    --global-palette8: #FFFDF9;
    --global-palette9: #ffffff;

    --global-primary: #500406;
    --global-primary-hover: #641F32;
    --global-accent: #B08D57;
    --global-palette-highlight: #B08D57;
    --global-palette-btn-bg: #500406;
    --global-palette-btn-bg-hover: #641F32;
}

/* =========================================================
   1. GLOBAL BACKGROUND & TYPOGRAPHY
   ========================================================= */
body, #page, .site, .site-content {
    background-color: #FFFDF9 !important;
    color: #292322 !important;
}

h1, h2, h3, h4, h5, h6,
.entry-title, .product_title, .woocommerce-loop-product__title {
    color: #292322;
}

p, span, li {
    color: inherit;
}

/* Secondary Background Sections */
.site-top-footer-wrap,
.mznari-insta-item,
.cat-content {
    background-color: #F7F0E8;
}

/* =========================================================
   PRIORITY 1 — LUXURY HEADER & NAVBAR ARCHITECTURE (#500406)
   ========================================================= */
#masthead,
.site-header,
#main-header,
.site-header-wrap,
.site-header-inner-wrap,
.site-header-upper-wrap,
.site-header-upper-inner-wrap,
.site-main-header-wrap,
.site-main-header-wrap .site-header-row-container-inner,
.site-main-header-wrap .site-container,
.site-main-header-wrap .site-main-header-inner-wrap,
.base-sticky-header,
.site-mobile-header-wrap,
.site-mobile-header-wrap .site-header-row-container-inner {
    background-color: #500406 !important;
}

/* =========================================================
   TOP ANNOUNCEMENT BAR
   ========================================================= */
.site-top-header-wrap,
.site-top-header-wrap .site-header-row-container-inner {
    background-color: #38151F !important;
    color: #FFFDF9 !important;
    border-bottom: 1px solid rgba(176, 141, 87, 0.25) !important;
    padding: 2px 0 !important;
}

.site-top-header-wrap p,
.site-top-header-wrap span,
.site-top-header-wrap strong {
    color: #FFFDF9 !important;
}

.mznari-topbar-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 6px 0;
    width: 100%;
    text-align: center;
}

.mznari-topbar-badge {
    background: linear-gradient(135deg, #DFBE84 0%, #B08D57 100%) !important;
    color: #38151F !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
    line-height: 1.3 !important;
    display: inline-block !important;
}

.mznari-topbar-text {
    font-size: 13px !important;
    letter-spacing: 0.4px !important;
    color: #FFFDF9 !important;
    line-height: 1.4 !important;
}

.mznari-topbar-text strong {
    color: #DFBE84 !important;
    font-weight: 700 !important;
}

/* =========================================================
   STICKY HEADER ANIMATION & GLASSMORPHISM
   ========================================================= */
@keyframes mznariStickySlideDown {
    from {
        transform: translateY(-100%);
        opacity: 0.85;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.site-main-header-wrap {
    border-bottom: 1px solid rgba(176, 141, 87, 0.25) !important;
    transition: all 0.3s ease !important;
}

.site-main-header-wrap.item-is-fixed,
.base-sticky-header.item-is-fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1200 !important;
    background-color: rgba(80, 4, 6, 0.97) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.45) !important;
    border-bottom: 1px solid rgba(176, 141, 87, 0.35) !important;
    animation: mznariStickySlideDown 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

.site-main-header-wrap.item-is-fixed .site-main-header-inner-wrap {
    min-height: 64px !important;
}

/* =========================================================
   DESKTOP HEADER SINGLE-ROW UNBROKEN LAYOUT (>= 992px)
   ========================================================= */
@media screen and (min-width: 992px) {
    #main-header {
        display: block !important;
    }
    #mobile-header {
        display: none !important;
    }

    .site-main-header-wrap .site-header-row-container-inner > .site-container {
        max-width: 1440px !important;
        width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .site-header .site-main-header-wrap .site-header-row-container-inner > .site-container .site-main-header-inner-wrap,
    .site-main-header-wrap .site-main-header-inner-wrap,
    .site-main-header-inner-wrap.site-header-row,
    .site-main-header-inner-wrap {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 75px !important;
        height: auto !important;
        padding: 0 !important;
        gap: 15px !important;
        grid-template-columns: none !important;
    }

    /* Left Section: Logo + Navigation */
    .site-header .site-main-header-wrap .site-header-row-container-inner > .site-container .site-main-header-inner-wrap .site-header-main-section-left,
    .site-header-main-section-left {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        grid-column: unset !important;
        grid-column-start: unset !important;
        grid-column-end: unset !important;
        border-bottom: none !important;
        order: 1 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .site-branding {
        flex-shrink: 0 !important;
        margin-right: 22px !important;
    }

    .site-header-item-main-navigation,
    .site-header-item-navigation {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    .main-navigation .primary-menu-container > ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 4px !important;
    }

    /* Right Section: Search + Account + Wishlist + Cart */
    .site-header .site-main-header-wrap .site-header-row-container-inner > .site-container .site-main-header-inner-wrap .site-header-main-section-right,
    .site-header-main-section-right {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        grid-column: unset !important;
        grid-column-start: unset !important;
        grid-column-end: unset !important;
        border-top: none !important;
        border-bottom: none !important;
        order: 2 !important;
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 0 0 0 10px !important;
        padding: 0 !important;
    }

    .site-header-item.site-header-focus-item,
    .site-header-section-right .site-header-item {
        margin-right: 14px !important;
        margin-left: 0 !important;
        flex-shrink: 0 !important;
    }

    .site-header-section-right .site-header-item:last-child {
        margin-right: 0 !important;
    }

    /* Search Box sizing */
    .header-search-advanced,
    .header-search-advanced-wrap,
    .site-header-item-search-advanced,
    .site-header-focus-item[data-section="base_customizer_header_search_advanced"] {
        max-width: 260px !important;
        min-width: 170px !important;
        width: auto !important;
        flex-shrink: 1 !important;
    }

    .header-search-advanced form.search-form {
        max-width: 260px !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        height: 38px !important;
    }

    .header-search-advanced form.search-form .search-field {
        min-width: 70px !important;
        height: 36px !important;
        font-size: 13px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1250px) {
    .site-header .main-navigation .primary-menu-container > ul > li.menu-item > a,
    .main-navigation .primary-menu-container > ul > li.menu-item > a {
        padding: 8px 8px !important;
        font-size: 12.5px !important;
    }
    .header-search-advanced,
    .header-search-advanced-wrap {
        max-width: 190px !important;
    }
}

/* =========================================================
   NAVBAR MENU LINKS & SLIDING GOLD UNDERLINE ANIMATION
   ========================================================= */
.main-navigation .primary-menu-container > ul > li.menu-item > a,
.site-header .main-navigation a,
.header-navigation a,
.primary-menu-container a {
    color: #FFFDF9 !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-flex !important;
    align-items: center !important;
    text-shadow: none !important;
    position: relative !important;
    padding: 10px 14px !important;
    transition: color 0.3s ease !important;
}

/* Sliding Gold Underline Animation */
.main-navigation .primary-menu-container > ul > li.menu-item > a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 2px !important;
    left: 14px !important;
    right: 14px !important;
    height: 2px !important;
    background: linear-gradient(90deg, #B08D57 0%, #DFBE84 50%, #B08D57 100%) !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    border-radius: 2px !important;
}

.main-navigation .primary-menu-container > ul > li.menu-item:hover > a::after,
.main-navigation .primary-menu-container > ul > li.current-menu-item > a::after {
    transform: scaleX(1) !important;
}

.main-navigation .primary-menu-container > ul > li.menu-item:hover > a,
.main-navigation .primary-menu-container > ul > li.current-menu-item > a,
.site-header .main-navigation a:hover,
.header-navigation a:hover {
    color: #DFBE84 !important;
}

/* Dropdown Sub-menus */
.main-navigation ul.sub-menu,
.header-navigation ul.sub-menu,
.dropdown-menu {
    background-color: #500406 !important;
    border: 1px solid #B08D57 !important;
    border-radius: 6px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
    padding: 8px 0 !important;
    min-width: 220px !important;
}

.main-navigation ul.sub-menu li a,
.header-navigation ul.sub-menu li a {
    color: #FFFDF9 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
    padding: 10px 20px !important;
    display: flex !important;
    align-items: center !important;
    transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
    position: relative !important;
}

.main-navigation ul.sub-menu li a::before {
    content: '›' !important;
    color: #DFBE84 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-right: 8px !important;
    opacity: 0 !important;
    transform: translateX(-4px) !important;
    transition: all 0.25s ease !important;
    line-height: 1 !important;
}

.main-navigation ul.sub-menu li a:hover,
.header-navigation ul.sub-menu li a:hover {
    background-color: #641F32 !important;
    color: #DFBE84 !important;
    padding-left: 24px !important;
}

.main-navigation ul.sub-menu li a:hover::before,
.header-navigation ul.sub-menu li a:hover::before {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

/* =========================================================
   HEADER SEARCH BAR & PILL SEARCH BUTTON
   ========================================================= */
.site-header .header-search-advanced,
.site-header .header-search-advanced-wrap {
    max-width: 260px !important;
    min-width: 170px !important;
    width: 100% !important;
}

.site-header .header-search-advanced form.search-form,
.site-header .search-form {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 25px !important;
    overflow: hidden !important;
    border: 1.5px solid #B08D57 !important;
    background-color: #FFFDF9 !important;
    height: 38px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

.site-header .header-search-advanced form.search-form:focus-within,
.site-header .search-form:focus-within {
    border-color: #DFBE84 !important;
    box-shadow: 0 0 12px rgba(176, 141, 87, 0.45) !important;
}

.site-header .header-search-advanced form.search-form .input-container {
    flex: 1 1 auto !important;
    position: relative !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}

.site-header .header-search-advanced form.search-form input[type="search"].search-field,
.site-header input[type="search"].search-field {
    background: transparent !important;
    background-color: transparent !important;
    color: #292322 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    height: 100% !important;
    padding: 0 10px 0 16px !important;
    font-size: 13.5px !important;
    width: 100% !important;
}

.site-header .header-search-advanced form.search-form input[type="search"].search-field::placeholder {
    color: #8C7B75 !important;
    opacity: 0.9 !important;
}

/* Search Submit Button */
.site-header .header-search-advanced button.search-submit,
.site-header form.search-form button.search-submit,
.site-header .search-submit {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    height: 100% !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    border-radius: 0 25px 25px 0 !important;
    transition: all 0.25s ease !important;
    transform: none !important;
}

.site-header .header-search-advanced button.search-submit:hover,
.site-header form.search-form button.search-submit:hover {
    background-color: #F7F0E8 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Search Magnifying Glass Icon */
.site-header .header-search-advanced button.search-submit svg,
.site-header .header-search-advanced button.search-submit .base-svg-icon,
.site-header .header-search-advanced button.search-submit .base-search2-svg,
.site-header .search-submit svg {
    color: #500406 !important;
    fill: #500406 !important;
    width: 17px !important;
    height: 17px !important;
    display: block !important;
    transition: all 0.25s ease !important;
}

.site-header .header-search-advanced button.search-submit:hover svg,
.site-header .search-submit:hover svg {
    color: #B08D57 !important;
    fill: #B08D57 !important;
    transform: scale(1.1) !important;
}

/* =========================================================
   HEADER ACTION BUTTONS & ICONS (Account, Wishlist, Cart)
   ========================================================= */
.site-header .header-account-button,
.site-header .header-wishlist-button,
.site-header .header-cart-button,
.site-header .drawer-toggle,
.site-header .header-account-wrap button,
.site-header .header-account-wrap a,
.site-header .header-wishlist-wrap a,
.site-header .header-cart-wrap button,
.site-header .header-cart-wrap a,
.site-header a.action-link {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #FFFDF9 !important;
    cursor: pointer !important;
    position: relative !important;
    transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.site-header .header-account-wrap a:hover,
.site-header .header-wishlist-wrap a:hover,
.site-header .header-cart-wrap a:hover,
.site-header .header-cart-wrap button:hover {
    transform: scale(1.08) !important;
}

/* SVGs for Action Icons — Bright White (#FFFDF9) */
.site-header .site-header-section-right .thebase-svg-icon,
.site-header .site-header-section-right .base-svg-icon:not(.base-search2-svg),
.site-header .site-header-section-right .thebase-account-svg,
.site-header .site-header-section-right .base-header-wishlist-svg,
.site-header .site-header-section-right .thebase-shopping-bag-svg,
.site-header .header-account-wrap svg,
.site-header .header-wishlist-wrap svg,
.site-header .header-cart-wrap svg {
    color: #FFFDF9 !important;
    fill: #FFFDF9 !important;
    width: 22px !important;
    height: 22px !important;
    display: block !important;
    transition: all 0.25s ease !important;
}

/* Hover Accent Color — Gold #DFBE84 */
.site-header .header-account-button:hover svg,
.site-header .header-wishlist-button:hover svg,
.site-header .header-cart-button:hover svg,
.site-header .site-header-section-right a:hover svg,
.site-header .site-header-section-right button:hover svg {
    color: #DFBE84 !important;
    fill: #DFBE84 !important;
}

/* Cart & Wishlist Badge Bubbles */
.cart-icon .cart-count,
.wishlist-count,
.header-cart-wrap .cart-count,
.header-cart-wrap .header-cart-total,
.header-wishlist-wrap .header-wishlist-total {
    background-color: #9E2947 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border: 1.5px solid #DFBE84 !important;
    font-size: 11px !important;
    border-radius: 50% !important;
    min-width: 18px !important;
    height: 18px !important;
    line-height: 15px !important;
    text-align: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
    position: absolute !important;
    top: -6px !important;
    right: -9px !important;
    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.header-cart-wrap:hover .header-cart-total,
.header-wishlist-wrap:hover .header-wishlist-total {
    transform: scale(1.18) !important;
}

/* =========================================================
   PRIORITY 2 & 5 — MAIN CTA BUTTONS & HOVER
   ========================================================= */
.button, 
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"],
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce #place_order {
    background-color: #500406 !important;
    color: #ffffff !important;
    border: 1px solid #500406 !important;
    border-radius: 4px;
    font-weight: 600;
    transition: all 0.3s ease !important;
}

/* Priority 5 — Hover: #641F32 */
.button:hover, 
button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover,
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce #place_order:hover {
    background-color: #641F32 !important;
    border-color: #641F32 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(100, 31, 50, 0.4) !important;
}

/* Dedicated Popup CTA Button */
.shop-now-btn,
.box .shop-now-btn,
a.shop-now-btn {
    margin-top: 24px !important;
    display: inline-block !important;
    background: #B08D57 !important;
    background: linear-gradient(135deg, #C5A065 0%, #B08D57 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 13px 36px !important;
    text-decoration: none !important;
    border-radius: 30px !important;
    border: 1px solid #DFBE84 !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(176, 141, 87, 0.4) !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    cursor: pointer !important;
}

.shop-now-btn:hover,
.box .shop-now-btn:hover,
a.shop-now-btn:hover {
    background: #641F32 !important;
    border-color: #B08D57 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(100, 31, 50, 0.5) !important;
}

/* =========================================================
   PRIORITY 3 — LUXURY FOOTER & TRUST ARCHITECTURE (#500406)
   ========================================================= */

/* Middle Footer Section (Balanced 4 Columns) */
.site-middle-footer-wrap {
    background-color: #500406 !important;
    padding: 55px 0 40px !important;
    border-top: 1px solid rgba(176, 141, 87, 0.25) !important;
}

.site-middle-footer-wrap .site-container {
    max-width: 1400px !important;
}

/* Footer Column Titles with Gold Accent Underline */
.site-middle-footer-wrap .widget-title,
.site-middle-footer-wrap h2.widget-title,
.site-middle-footer-wrap h3.widget-title {
    color: #FFFDF9 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    position: relative !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
}

.site-middle-footer-wrap .widget-title::after,
.site-middle-footer-wrap h2.widget-title::after,
.site-middle-footer-wrap h3.widget-title::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 36px !important;
    height: 2px !important;
    background: linear-gradient(90deg, #B08D57 0%, #DFBE84 100%) !important;
    border-radius: 2px !important;
}

/* Footer Navigation Links & Slide Micro-Animation */
.site-middle-footer-wrap ul.menu,
.site-middle-footer-wrap ul.wp-block-page-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.site-middle-footer-wrap ul.menu li,
.site-middle-footer-wrap ul.wp-block-page-list li {
    margin-bottom: 9px !important;
    padding: 0 !important;
}

.site-middle-footer-wrap ul.menu li a,
.site-middle-footer-wrap ul.wp-block-page-list li a {
    color: #E6DFD5 !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    position: relative !important;
    transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.site-middle-footer-wrap ul.menu li a::before,
.site-middle-footer-wrap ul.wp-block-page-list li a::before {
    content: '›' !important;
    color: #DFBE84 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-right: 6px !important;
    opacity: 0.6 !important;
    transition: transform 0.25s ease, opacity 0.25s ease, color 0.25s ease !important;
}

.site-middle-footer-wrap ul.menu li a:hover,
.site-middle-footer-wrap ul.wp-block-page-list li a:hover {
    color: #DFBE84 !important;
    transform: translateX(6px) !important;
}

.site-middle-footer-wrap ul.menu li a:hover::before,
.site-middle-footer-wrap ul.wp-block-page-list li a:hover::before {
    opacity: 1 !important;
    color: #DFBE84 !important;
    transform: translateX(2px) !important;
}

/* Brand & Heritage Widget (Column 1) */
.mznari-footer-brand {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mznari-footer-logo-link {
    display: inline-block !important;
    margin-bottom: 4px !important;
    text-decoration: none !important;
    transition: opacity 0.25s ease, transform 0.25s ease !important;
}

.mznari-footer-logo-link:hover {
    opacity: 0.92 !important;
    transform: translateY(-1px) !important;
}

.mznari-footer-logo-img {
    max-width: 175px !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
}

.mznari-footer-brand-title {
    font-size: 24px !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    color: #DFBE84 !important;
    margin: 0 0 2px 0 !important;
    text-transform: uppercase;
    line-height: 1.2 !important;
}

.mznari-footer-brand-tagline {
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    color: #B08D57 !important;
    margin: 0 !important;
}


.mznari-footer-brand-desc {
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #E6DFD5 !important;
    margin: 0 !important;
}

.mznari-footer-contact-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 4px;
}

.mznari-footer-contact-link {
    font-size: 13px !important;
    color: #FFFDF9 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: color 0.25s ease !important;
}

.mznari-footer-contact-link:hover {
    color: #DFBE84 !important;
}

.mznari-footer-address {
    line-height: 1.5 !important;
    align-items: flex-start !important;
    color: #E6DFD5 !important;
}

.mznari-footer-address .mznari-contact-icon {
    margin-top: 1px !important;
    flex-shrink: 0 !important;
}


.mznari-footer-contact-link:hover {
    color: #DFBE84 !important;
}

.mznari-contact-icon {
    font-size: 14px;
}

.mznari-footer-hours {
    font-size: 12px !important;
    color: #A39996 !important;
    margin: 2px 0 0 0 !important;
}

.mznari-footer-social-icons {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
}

.mznari-social-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255, 253, 249, 0.08);
    border: 1px solid rgba(176, 141, 87, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFDF9 !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    text-decoration: none !important;
}

.mznari-social-btn:hover {
    background-color: #B08D57 !important;
    border-color: #DFBE84 !important;
    color: #500406 !important;
    transform: translateY(-3px) scale(1.1) !important;
    box-shadow: 0 4px 14px rgba(176, 141, 87, 0.4) !important;
}

/* =========================================================
   TRUST & PAYMENT BADGES STRIP
   ========================================================= */
.mznari-trust-payment-strip {
    background-color: #38151F;
    border-top: 1px solid rgba(176, 141, 87, 0.2);
    border-bottom: 1px solid rgba(176, 141, 87, 0.2);
    padding: 32px 0;
}

.mznari-trust-features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

.mznari-trust-card {
    display: flex;
    align-items: center;
    gap: 14px;
    background-color: rgba(80, 4, 6, 0.65);
    border: 1px solid rgba(176, 141, 87, 0.25);
    border-radius: 8px;
    padding: 14px 18px;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

.mznari-trust-card:hover {
    border-color: #DFBE84;
    background-color: rgba(80, 4, 6, 0.9);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

.mznari-trust-icon-wrap {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(176, 141, 87, 0.15);
    border: 1px solid rgba(176, 141, 87, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #DFBE84;
}

.mznari-svg-trust {
    stroke: #DFBE84;
}

.mznari-trust-info {
    display: flex;
    flex-direction: column;
}

.mznari-trust-title {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #FFFDF9 !important;
    margin: 0 0 2px 0 !important;
    line-height: 1.3 !important;
}

.mznari-trust-desc {
    font-size: 11.5px !important;
    color: #A39996 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

.mznari-payment-methods-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding-top: 18px;
    border-top: 1px solid rgba(176, 141, 87, 0.15);
}

.mznari-pay-label {
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #DFBE84;
    text-transform: uppercase;
}

.mznari-pay-badges-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.mznari-badge-pill {
    background-color: #FFFDF9;
    color: #292322;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 5px 12px;
    border-radius: 4px;
    border: 1px solid rgba(176, 141, 87, 0.3);
    transition: all 0.25s ease;
    display: inline-block;
}

.mznari-badge-pill:hover {
    background-color: #DFBE84;
    color: #38151F;
    border-color: #DFBE84;
    transform: translateY(-2px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}

/* =========================================================
   BOTTOM FOOTER & COPYRIGHT
   ========================================================= */
.site-bottom-footer-wrap {
    background-color: #2D0E17 !important;
    padding: 16px 0 !important;
    border-top: 1px solid rgba(176, 141, 87, 0.15) !important;
}

.site-bottom-footer-wrap p,
.site-bottom-footer-wrap a,
.site-bottom-footer-wrap span {
    color: #A39996 !important;
    font-size: 13px !important;
}

.site-bottom-footer-wrap a:hover {
    color: #DFBE84 !important;
}

.site-bottom-footer-wrap #footer-navigation ul {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 16px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-bottom-footer-wrap #footer-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.site-bottom-footer-wrap #footer-navigation ul li a {
    color: #A39996 !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: color 0.25s ease !important;
}

.site-bottom-footer-wrap #footer-navigation ul li a:hover {
    color: #DFBE84 !important;
}


@media screen and (max-width: 991px) {
    .mznari-trust-features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
}

@media screen and (max-width: 600px) {
    .mznari-trust-features-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .mznari-topbar-content {
        flex-direction: column;
        gap: 4px;
        text-align: center;
    }
}

/* =========================================================
   GOLD ACCENT & SALE / IMPORTANT BADGES
   ========================================================= */
.onsale, 
.woocommerce span.onsale,
.badge-sale {
    background-color: #9E2947 !important;
    color: #ffffff !important;
    font-weight: 700;
    border-radius: 3px;
}

.star-rating,
.woocommerce .star-rating span {
    color: #B08D57 !important;
}

/* Product Price */
.price, 
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
    color: #500406 !important;
    font-weight: 700;
}

/* =========================================================
   HOMEPAGE FEATURES BAR — FULL SECTION WITHOUT SCROLLING
   ========================================================= */
.elementor-element-ff0f9ae,
.features-bar-section,
.simple-scroll {
    overflow: visible !important;
}

.elementor-element-ff0f9ae .elementor-container,
.features-bar-section .elementor-container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

.elementor-element-ff0f9ae .elementor-column,
.features-bar-section .elementor-column {
    flex: 1 1 22% !important;
    max-width: 25% !important;
    width: 25% !important;
    padding: 10px 15px !important;
    box-sizing: border-box !important;
}

.elementor-element-ff0f9ae .elementor-widget-icon-box,
.features-bar-section .elementor-widget-icon-box {
    width: 100% !important;
    margin: 0 !important;
}

.elementor-element-ff0f9ae .elementor-widget-wrap,
.features-bar-section .elementor-widget-wrap {
    overflow: visible !important;
    flex-wrap: wrap !important;
}

.elementor-element-ff0f9ae .elementor-widget-wrap::-webkit-scrollbar,
.features-bar-section .elementor-widget-wrap::-webkit-scrollbar,
.simple-scroll .elementor-widget-wrap::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
}

@media (max-width: 1024px) {
    .elementor-element-ff0f9ae .elementor-column,
    .features-bar-section .elementor-column {
        flex: 1 1 48% !important;
        max-width: 50% !important;
        width: 50% !important;
        margin-bottom: 15px !important;
    }
}

@media (max-width: 600px) {
    .elementor-element-ff0f9ae .elementor-column,
    .features-bar-section .elementor-column {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 12px !important;
    }
}

/* =========================================================
   MOBILE PRODUCT GRID — 2 EQUAL COLUMNS ON MOBILE (<= 767px)
   ========================================================= */
@media screen and (max-width: 767px) {
    /* Preserve Splide Carousel & Categories Slider Layout */
    .splide__track,
    .splide__list,
    .woocommerce-carousel,
    .woocommerce-carousel .splide__track,
    .woocommerce-carousel ul.splide__list,
    .categories-wrap,
    .categories-wrap ul.categories,
    .elementor-widget-tmcore-product-categories-carousel ul.categories {
        display: flex !important;
        flex-direction: row !important;
        grid-template-columns: none !important;
    }

    .woocommerce-carousel .splide__slide,
    .categories-wrap .splide__slide,
    ul.categories li.category {
        display: block !important;
        flex-shrink: 0 !important;
    }

    /* Target ONLY Regular Products Grid (NOT Categories or Carousels) */
    .elementor-widget-tmcore-products:not(.tmcore-product-carousel) ul.products:not(.splide__list):not(.categories),
    .woocommerce:not(.woocommerce-carousel):not(.categories-wrap) > ul.products:not(.splide__list):not(.categories),
    .woocommerce-page:not(.woocommerce-carousel) ul.products:not(.splide__list):not(.categories) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 12px !important;
        row-gap: 20px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }

    .elementor-widget-tmcore-products:not(.tmcore-product-carousel) ul.products:not(.splide__list):not(.categories) li.product,
    .woocommerce:not(.woocommerce-carousel):not(.categories-wrap) > ul.products:not(.splide__list):not(.categories) li.product,
    .woocommerce-page:not(.woocommerce-carousel) ul.products:not(.splide__list):not(.categories) li.product {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        float: none !important;
    }

    /* Product Thumbnail & Badge on Mobile */
    .elementor-widget-tmcore-products:not(.tmcore-product-carousel) ul.products:not(.splide__list):not(.categories) li.product .product-thumbnail,
    .woocommerce:not(.woocommerce-carousel) ul.products:not(.splide__list):not(.categories) li.product .product-thumbnail {
        position: relative;
        overflow: hidden;
        border-radius: 4px;
        margin-bottom: 8px !important;
    }

    .elementor-widget-tmcore-products:not(.tmcore-product-carousel) ul.products:not(.splide__list):not(.categories) li.product .product-thumbnail img,
    .woocommerce:not(.woocommerce-carousel) ul.products:not(.splide__list):not(.categories) li.product .product-thumbnail img {
        width: 100% !important;
        height: auto !important;
        display: block;
        object-fit: cover;
    }

    /* Product Details & Typography on Mobile */
    .elementor-widget-tmcore-products:not(.tmcore-product-carousel) ul.products:not(.splide__list):not(.categories) li.product .entry-content-wrap,
    .woocommerce:not(.woocommerce-carousel) ul.products:not(.splide__list):not(.categories) li.product .entry-content-wrap {
        padding: 4px 0 !important;
        text-align: center;
    }

    .elementor-widget-tmcore-products:not(.tmcore-product-carousel) ul.products:not(.splide__list):not(.categories) li.product .woocommerce-loop-product__title,
    .woocommerce:not(.woocommerce-carousel) ul.products:not(.splide__list):not(.categories) li.product .woocommerce-loop-product__title {
        font-size: 13.5px !important;
        line-height: 1.35 !important;
        margin: 4px 0 !important;
        white-space: normal !important;
    }

    .elementor-widget-tmcore-products:not(.tmcore-product-carousel) ul.products:not(.splide__list):not(.categories) li.product .price,
    .woocommerce:not(.woocommerce-carousel) ul.products:not(.splide__list):not(.categories) li.product .price {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }

    /* Product "Add to Cart" Button on Mobile */
    .elementor-widget-tmcore-products:not(.tmcore-product-carousel) ul.products:not(.splide__list):not(.categories) li.product .product-action-wrap,
    .woocommerce:not(.woocommerce-carousel) ul.products:not(.splide__list):not(.categories) li.product .product-action-wrap {
        margin-top: 6px !important;
    }

    .elementor-widget-tmcore-products:not(.tmcore-product-carousel) ul.products:not(.splide__list):not(.categories) li.product .button,
    .woocommerce:not(.woocommerce-carousel) ul.products:not(.splide__list):not(.categories) li.product .button {
        width: 100% !important;
        display: block !important;
        padding: 8px 12px !important;
        font-size: 13px !important;
        text-align: center !important;
        border-radius: 4px !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   LUXURY BLOG "READ MORE" BUTTON
   ========================================================= */
.elementor-widget-tmcore-post-grid .post-button,
.elementor-widget-tmcore-post-grid a.post-button,
.elementor-widget-tmcore-post-grid .post-button.button,
.post-style-1 .post-button,
.post-style-2 .post-button,
.post-style-3 .post-button,
.post-style-4 .post-button,
.entry-content .post-button,
.entry-actions .post-more-link,
a.post-more-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #500406 !important;
    color: #FFFDF9 !important;
    font-family: inherit !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    padding: 9px 24px !important;
    border-radius: 25px !important;
    border: 1px solid #500406 !important;
    box-shadow: 0 4px 12px rgba(74, 31, 43, 0.25) !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    cursor: pointer !important;
    margin-top: 12px !important;
    line-height: 1.4 !important;
}

.elementor-widget-tmcore-post-grid .post-button::after,
.elementor-widget-tmcore-post-grid a.post-button::after,
.post-style-2 .post-button::after,
.entry-content .post-button::after,
.entry-actions .post-more-link::after {
    content: "➔" !important;
    font-size: 12px !important;
    line-height: 1 !important;
    transition: transform 0.25s ease !important;
    display: inline-block !important;
    margin-left: 3px !important;
}

.elementor-widget-tmcore-post-grid .post-button:hover,
.elementor-widget-tmcore-post-grid a.post-button:hover,
.elementor-widget-tmcore-post-grid .post-button.button:hover,
.post-style-1 .post-button:hover,
.post-style-2 .post-button:hover,
.post-style-3 .post-button:hover,
.post-style-4 .post-button:hover,
.entry-content .post-button:hover,
.entry-actions .post-more-link:hover,
a.post-more-link:hover {
    background: #B08D57 !important;
    background: linear-gradient(135deg, #C5A065 0%, #B08D57 100%) !important;
    border-color: #B08D57 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(176, 141, 87, 0.45) !important;
    text-decoration: none !important;
}

.elementor-widget-tmcore-post-grid .post-button:hover::after,
.elementor-widget-tmcore-post-grid a.post-button:hover::after,
.post-style-2 .post-button:hover::after,
.entry-content .post-button:hover::after,
.entry-actions .post-more-link:hover::after {
    transform: translateX(4px) !important;
}

/* =========================================================
   LUXURY WOOCOMMERCE SHOW/HIDE PASSWORD TOGGLE
   ========================================================= */
.woocommerce-page form .password-input,
.woocommerce form .password-input,
.woocommerce-form-row.woocommerce-form-row--wide,
.woocommerce-ResetPassword,
.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce-EditAccountForm {
    position: relative;
}

.woocommerce-page form .password-input input[type="password"],
.woocommerce form .password-input input[type="password"],
.woocommerce-page form .password-input input[type="text"],
.woocommerce form .password-input input[type="text"],
.woocommerce-form-row input[type="password"],
.woocommerce-form-row input[type="text"].woocommerce-Input--password,
input[name="password_1"],
input[name="password_2"],
input[name="password_current"],
input[name="password"],
input#password,
input#password_1,
input#password_2,
input#account_password,
input#reg_password {
    padding-right: 48px !important;
}

/* Style the show-password-input button */
.woocommerce-page form .show-password-input,
.woocommerce form .show-password-input,
button.show-password-input,
span.show-password-input,
.show-password-input {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    border-radius: 50% !important;
    transition: background-color 0.2s ease !important;
}

.woocommerce-page form .show-password-input:hover,
.woocommerce form .show-password-input:hover,
button.show-password-input:hover,
span.show-password-input:hover,
.show-password-input:hover {
    background: rgba(176, 141, 87, 0.15) !important;
    background-color: rgba(176, 141, 87, 0.15) !important;
    box-shadow: none !important;
    transform: translateY(-50%) !important;
}

/* Eye Icon (Default: Password Hidden -> Show Eye) */
.woocommerce-page form .show-password-input:after,
.woocommerce form .show-password-input:after,
button.show-password-input:after,
span.show-password-input:after,
.show-password-input:after {
    content: "" !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    background-color: #500406 !important;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>') !important;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>') !important;
    -webkit-mask-size: 20px 20px !important;
    mask-size: 20px 20px !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
}

/* Eye Slash Icon (When Password Visible -> Show Slashed Eye) */
.woocommerce-page form .show-password-input.display-password:after,
.woocommerce form .show-password-input.display-password:after,
button.show-password-input.display-password:after,
span.show-password-input.display-password:after,
.show-password-input.display-password:after {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/><line x1="1" y1="1" x2="23" y2="23"/></svg>') !important;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/><line x1="1" y1="1" x2="23" y2="23"/></svg>') !important;
    background-color: #B08D57 !important;
}

.woocommerce-page form .show-password-input:hover:after,
.woocommerce form .show-password-input:hover:after,
button.show-password-input:hover:after,
span.show-password-input:hover:after,
.show-password-input:hover:after {
    background-color: #B08D57 !important;
    transform: scale(1.12) !important;
}