/* ============================================================
   OilViva — Header & Navigation
   Light · Clean · Modern
   Uses html body:not(.wp-admin) to beat Astra customizer inline styles
   ============================================================ */

/* ---- HEADER BAR ---- */
html body:not(.wp-admin) .ast-primary-header-bar,
html body:not(.wp-admin) .main-header-bar,
html body:not(.wp-admin) .site-header {
    background: rgba(255,255,255,0.97) !important;
    background-color: rgba(255,255,255,0.97) !important;
    border-bottom: 1px solid #eee !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.04) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}

/* ---- LOGO ---- */
html body:not(.wp-admin) .ast-site-identity .site-title a {
    color: #1a1a1a !important;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.55rem !important;
    font-weight: 600 !important;
}
html body:not(.wp-admin) .ast-site-identity .site-title a:hover { color: #8b6f47 !important; }
html body:not(.wp-admin) .ast-site-identity .site-description {
    color: #888 !important;
    font-size: 0.65rem !important;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* ---- DESKTOP NAV ---- */
html body:not(.wp-admin) .main-navigation .menu-item > a,
html body:not(.wp-admin) .main-header-menu > .menu-item > .menu-link,
html body:not(.wp-admin) .main-header-menu .menu-item > a {
    color: #333 !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}
html body:not(.wp-admin) .main-navigation .menu-item > a:hover,
html body:not(.wp-admin) .main-header-menu > .menu-item:hover > .menu-link,
html body:not(.wp-admin) .main-header-menu .current-menu-item > a,
html body:not(.wp-admin) .main-navigation .current-menu-item > a {
    color: #8b6f47 !important;
    background: transparent !important;
}

/* ---- DROPDOWN ---- */
html body:not(.wp-admin) .main-header-menu .sub-menu,
html body:not(.wp-admin) .main-navigation .sub-menu {
    background: #fff !important;
    background-color: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.08) !important;
}
html body:not(.wp-admin) .main-header-menu .sub-menu .menu-item > a,
html body:not(.wp-admin) .main-navigation .sub-menu .menu-item > a {
    color: #333 !important;
    font-size: 0.82rem !important;
    border-bottom: 1px solid #f5f5f5 !important;
}
html body:not(.wp-admin) .main-header-menu .sub-menu .menu-item > a:hover {
    color: #8b6f47 !important;
    background: #fafaf8 !important;
}

/* ---- ICONS ---- */
html body:not(.wp-admin) .ast-header-cart .cart-count { background: #8b6f47 !important; color: #fff !important; }
html body:not(.wp-admin) .astra-search-icon,
html body:not(.wp-admin) .ast-header-search { color: #333 !important; }

/* ---- MOBILE MENU ---- */
@media (max-width: 921px) {
    html body:not(.wp-admin) .ast-mobile-header-wrap,
    html body:not(.wp-admin) .ast-mobile-menu-wrap,
    html body:not(.wp-admin) .ast-mobile-menu-content,
    html body:not(.wp-admin) .ast-mobile-header-content,
    html body:not(.wp-admin) .ast-mobile-popup-content {
        background: #fff !important;
        color: #333 !important;
    }
    html body:not(.wp-admin) .ast-mobile-menu-wrap .main-header-menu,
    html body:not(.wp-admin) .ast-mobile-menu-content .main-header-menu {
        background: #fff !important;
    }
    html body:not(.wp-admin) .ast-mobile-menu-wrap .main-header-menu .menu-item > a,
    html body:not(.wp-admin) .ast-mobile-menu-content .main-header-menu .menu-item > a {
        color: #333 !important;
        font-size: 1rem !important;
        text-transform: none !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }
    html body:not(.wp-admin) .ast-mobile-menu-wrap .main-header-menu .menu-item > a:hover {
        color: #8b6f47 !important;
        background: #fafaf8 !important;
    }
    html body:not(.wp-admin) .ast-mobile-menu-wrap .main-header-menu .sub-menu,
    html body:not(.wp-admin) .ast-mobile-menu-content .main-header-menu .sub-menu {
        background: #fafaf8 !important;
        border-left: 3px solid #8b6f47 !important;
    }
    html body:not(.wp-admin) .ast-header-break-point .ast-mobile-menu-trigger-minimal {
        color: #333 !important;
    }
}