/* ============================================================
   HEADER & MARQUEE — FULLY ISOLATED STYLES
   ============================================================ */

#site-header-wrap {
    position: relative;
    z-index: 9999;
    width: 100%;
}

/* --- ANNOUNCEMENT MARQUEE --- */
#site-header-wrap .ab-announce {
    background-color: #2A1F14 !important;
    color: #FBF7F0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 0.65rem 0 !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

#site-header-wrap .ab-announce-inner {
    display: block !important;
    overflow: hidden !important;
    width: 100% !important;
    padding: 0 1rem !important;
}

#site-header-wrap .ab-announce-track {
    display: inline-flex !important;
    white-space: nowrap !important;
    animation: ab-marquee 30s linear infinite !important;
    will-change: transform !important;
}

#site-header-wrap .ab-announce-track > * {
    flex-shrink: 0 !important;
    padding-right: 3rem !important;
}

#site-header-wrap .ab-announce-item strong {
    color: #B8935E !important;
    font-weight: 600 !important;
}

@keyframes ab-marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* --- MAIN HEADER LAYOUT --- */
#site-header-wrap .site-header-lux {
    background: #FBF7F0 !important;
    border-bottom: 1px solid #E5DCC9 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9998 !important;
    width: 100% !important;
    transition: box-shadow 0.3s ease !important;
}

#site-header-wrap .site-header-lux.is-scrolled {
    box-shadow: 0 5px 20px rgba(42,31,20,0.06) !important;
}

#site-header-wrap .ab-lux-inner {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 1.25rem 2rem !important;
    gap: 2rem !important;
}

/* --- LEFT NAV --- */
#site-header-wrap .ab-lux-left { display: flex !important; align-items: center !important; }
#site-header-wrap .ab-nav-desk-left ul { display: flex !important; gap: 2.5rem !important; list-style: none !important; margin: 0 !important; padding: 0 !important; }

#site-header-wrap .ab-nav-desk-left a,
#site-header-wrap .ab-nav-desk-right a {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: #2A1F14 !important;
    text-decoration: none !important;
    transition: color 0.25s ease !important;
}
#site-header-wrap .ab-nav-desk-left a:hover,
#site-header-wrap .ab-nav-desk-right a:hover { color: #B8935E !important; }

/* --- DROPDOWN (BULLETPROOF CENTER) --- */
#site-header-wrap .ab-nav-desk-left > ul > li.ab-has-drop {
    position: relative !important;
}

#site-header-wrap .ab-nav-desk-left > ul > li.ab-has-drop > ul.ab-dropdown {
    position: absolute !important;
    top: calc(100% + 15px) !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(10px) !important;
    background: #FBF7F0 !important;
    border: 1px solid #E5DCC9 !important;
    padding: 1rem 1.5rem !important;
    min-width: 240px !important;
    width: 240px !important;
    list-style: none !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.85rem !important;
    box-shadow: 0 15px 40px rgba(42,31,20,0.08) !important;
    z-index: 10000 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
}

#site-header-wrap .ab-nav-desk-left > ul > li.ab-has-drop:hover > ul.ab-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
}

#site-header-wrap .ab-nav-desk-left > ul > li.ab-has-drop > ul.ab-dropdown > li > a {
    font-size: 0.8rem !important;
    text-transform: none !important;
    letter-spacing: 0.05em !important;
    color: #8B7B6B !important;
    display: block !important;
    padding: 0 !important;
}

#site-header-wrap .ab-nav-desk-left > ul > li.ab-has-drop > ul.ab-dropdown > li > a:hover {
    color: #B8935E !important;
    padding-left: 4px !important;
}

/* --- CENTER LOGO --- */
#site-header-wrap .ab-lux-center { display: flex !important; justify-content: center !important; align-items: center !important; }
#site-header-wrap .ab-logo-wrap img { max-height: 55px !important; width: auto !important; display: block !important; }

/* --- RIGHT NAV & ICONS --- */
#site-header-wrap .ab-lux-right { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 2rem !important; }
#site-header-wrap .ab-nav-desk-right ul { display: flex !important; gap: 2.5rem !important; list-style: none !important; margin: 0 !important; padding: 0 !important; }
#site-header-wrap .ab-lux-icons { display: flex !important; gap: 0.5rem !important; align-items: center !important; }

#site-header-wrap .ab-i-btn {
    width: 38px !important; height: 38px !important; border-radius: 50% !important; background: transparent !important; border: none !important;
    display: flex !important; align-items: center !important; justify-content: center !important; color: #2A1F14 !important; cursor: pointer !important;
    transition: all 0.25s ease !important; position: relative !important; text-decoration: none !important; padding: 0 !important;
}
#site-header-wrap .ab-i-btn:hover { background: #F6EFE2 !important; color: #B8935E !important; }

#site-header-wrap .ab-cart-num {
    position: absolute !important; top: 2px !important; right: 2px !important; background: #B8935E !important; color: #FBF7F0 !important;
    font-family: 'Inter', sans-serif !important; font-size: 0.6rem !important; font-weight: 700 !important; min-width: 16px !important;
    height: 16px !important; border-radius: 999px !important; display: flex !important; align-items: center !important; justify-content: center !important;
    border: 1.5px solid #FBF7F0 !important;
}

/* --- MOBILE RESPONSIVE --- */
@media (max-width: 1024px) {
    #site-header-wrap .ab-nav-desk-left,
    #site-header-wrap .ab-nav-desk-right { display: none !important; }
    #site-header-wrap .ab-mob-toggle { display: block !important; }
    #site-header-wrap .ab-lux-inner { padding: 1rem 1.25rem !important; gap: 1rem !important; }
    #site-header-wrap .ab-logo-wrap img { max-height: 45px !important; }
}
@media (max-width: 480px) {
    #site-header-wrap .ab-lux-inner { padding: 0.75rem !important; }
    #site-header-wrap .ab-logo-wrap img { max-height: 38px !important; }
    #site-header-wrap .ab-i-btn { width: 34px !important; height: 34px !important; }
}
@media (max-width: 768px) {
    #site-header-wrap .ab-announce { font-size: 0.65rem !important; padding: 0.5rem 0 !important; }
    #site-header-wrap .ab-announce-track > * { padding-right: 2rem !important; }
}

/* --- HIDE CART ICON --- */
#site-header-wrap .cart-toggle {
    display: none !important;
}
