/*
 * ConjuresUp Theme Regression Guard v1.6.6
 * Narrow restoration for the established header/navigation treatment.
 * This intentionally does not recolor the global page canvas or typography.
 */

:root {
    --csu-header-purple: #4d1367;
    --csu-header-purple-dark: #351044;
    --csu-header-gold: #d4af37;
    --csu-header-cream: #fff6df;
}

/* Preserve the established purple header shell after parent-theme updates. */
body header .wpdevart-main-header-bg,
body header .wpdevart-main-header-bg-gradient,
body .wpdevart-main-header-bg,
body .wpdevart-main-header-bg-gradient {
    background: var(--csu-header-purple) !important;
    background-image: none !important;
}

/* Desktop top-level navigation only. Keep the theme's original sizing and spacing. */
@media screen and (min-width: 960px) {
    body header .navbar-wpdevart > ul > li > a,
    body header .simple-navbar-wpdevart > ul > li > a,
    body header .navbar-wpdevart > ul > li > .wpdevart-menu-button-icon,
    body header .navbar-wpdevart > ul > li > button.wpdevart-menu-button-icon,
    body header .wpdevart-menu-items-color {
        color: var(--csu-header-cream) !important;
        text-shadow: none !important;
    }

    body header .navbar-wpdevart > ul > li > a:hover,
    body header .navbar-wpdevart > ul > li > a:focus,
    body header .navbar-wpdevart > ul > li.current-menu-item > a,
    body header .navbar-wpdevart > ul > li.current-menu-ancestor > a,
    body header .simple-navbar-wpdevart > ul > li > a:hover,
    body header .simple-navbar-wpdevart > ul > li > a:focus {
        color: var(--csu-header-gold) !important;
    }

    /* Premium desktop dropdown treatment. Mobile navigation is intentionally untouched. */
    body header .navbar-wpdevart .dropdown-menu,
    body header .navbar-wpdevart .sub-menu {
        background: var(--csu-header-purple-dark) !important;
        background-image: linear-gradient(180deg, #4d1367 0%, #351044 100%) !important;
        border: 1px solid rgba(212, 175, 55, 0.58) !important;
        border-top: 2px solid var(--csu-header-gold) !important;
        box-shadow: 0 12px 28px rgba(18, 4, 25, 0.34) !important;
    }

    body header .navbar-wpdevart .dropdown-menu li,
    body header .navbar-wpdevart .sub-menu li {
        background: transparent !important;
        border-color: rgba(255, 246, 223, 0.16) !important;
    }

    body header .navbar-wpdevart .dropdown-menu a,
    body header .navbar-wpdevart .sub-menu a,
    body header .wpdevart-sub-menu-link-color,
    body header .wpdevart-sub-menu-button-icon {
        color: var(--csu-header-cream) !important;
        background: transparent !important;
        text-shadow: none !important;
    }

    body header .navbar-wpdevart .dropdown-menu li:hover > a,
    body header .navbar-wpdevart .dropdown-menu li:focus-within > a,
    body header .navbar-wpdevart .sub-menu li:hover > a,
    body header .navbar-wpdevart .sub-menu li:focus-within > a,
    body header .navbar-wpdevart .dropdown-menu .current-menu-item > a,
    body header .navbar-wpdevart .sub-menu .current-menu-item > a,
    body header .navbar-wpdevart .dropdown-menu .current-menu-ancestor > a,
    body header .navbar-wpdevart .sub-menu .current-menu-ancestor > a {
        color: var(--csu-header-gold) !important;
        background: rgba(255, 246, 223, 0.08) !important;
    }

    body header .navbar-wpdevart .dropdown-menu .wpdevart-sub-menu-button-icon,
    body header .navbar-wpdevart .sub-menu .wpdevart-sub-menu-button-icon {
        color: var(--csu-header-gold) !important;
    }
}

/* Mobile header and opened menu must remain purple rather than reverting to white. */
@media screen and (max-width: 959px) {
    body header .wpdevart-main-header-bg,
    body header .wpdevart-main-header-bg-gradient,
    body header .wpdevart-main-header-section,
    body header .wpdevart-main-header-section-mobile-logo,
    body header .nav-container,
    body header #wpdevartmobilemenu,
    body header #wpdevartmobilemenu > ul,
    body header #wpdevartmobilemenu ul,
    body header #wpdevartmobilemenu #head-mobile {
        background: var(--csu-header-purple) !important;
        background-image: none !important;
    }

    body header #wpdevartmobilemenu a,
    body header #wpdevartmobilemenu .wpdevart-menu-items-color,
    body header #wpdevartmobilemenu .wpdevart-menu-button-icon,
    body header #wpdevartmobilemenu .wpdevart-sub-menu-link-color,
    body header #wpdevartmobilemenu .wpdevart-sub-menu-button-icon,
    body header .wpdevart-mobile-icon-button {
        color: var(--csu-header-cream) !important;
    }

    body header #wpdevartmobilemenu a:hover,
    body header #wpdevartmobilemenu a:focus,
    body header #wpdevartmobilemenu .current-menu-item > a,
    body header #wpdevartmobilemenu .current-menu-ancestor > a {
        color: var(--csu-header-gold) !important;
    }
}

/* Premium header action icons: account, cart, and search. */
body header .wpdevart-woo-account-icon,
body header .wpdevart-woo-icon,
body header .search-trigger,
body header .search-trigger-layout-two,
body header .site-header__search-trigger,
body header .wpdevart-search-button-icon,
body header #wpdevartwidesearchbutton,
body header #wpdevartwidesearchbutton .fa,
body header #wpdevartwidesearchbutton .fas,
body header .search-menu-buttons .fa,
body header .search-menu-buttons .fas {
    color: var(--csu-header-gold) !important;
    text-shadow: 0 1px 8px rgba(212, 175, 55, 0.28) !important;
    opacity: 1 !important;
    transition: color 0.2s ease, transform 0.2s ease, text-shadow 0.2s ease !important;
}

body header .header-woo-account-icon a,
body header .header-woo-account-icon-mobile a,
body header .cart-customlocation,
body header .search-menu-buttons {
    color: var(--csu-header-gold) !important;
}

body header .header-woo-account-icon:hover .wpdevart-woo-account-icon,
body header .header-woo-account-icon:focus-within .wpdevart-woo-account-icon,
body header .header-cart:hover .wpdevart-woo-icon,
body header .header-cart:focus-within .wpdevart-woo-icon,
body header .search-trigger:hover,
body header .search-trigger:focus,
body header .search-trigger-layout-two:hover,
body header .search-trigger-layout-two:focus,
body header #wpdevartwidesearchbutton:hover .fa,
body header #wpdevartwidesearchbutton:focus .fa,
body header #wpdevartwidesearchbutton:hover .fas,
body header #wpdevartwidesearchbutton:focus .fas {
    color: var(--csu-header-cream) !important;
    opacity: 1 !important;
    transform: translateY(-1px);
    text-shadow: 0 0 10px rgba(255, 246, 223, 0.38) !important;
}

/* Keep the cart quantity badge legible and aligned with the premium palette. */
body header .custom-cart-count,
body header .custom-cart-count-layout-two,
body header .custom-cart-count-layout-three {
    background: var(--csu-header-gold) !important;
    color: var(--csu-header-purple-dark) !important;
    border: 1px solid rgba(255, 246, 223, 0.7) !important;
    font-weight: 700 !important;
}