/**
 * Glitch Header Navigation - CSS Pur équivalent Tailwind
 * Reproduction pixel-perfect du header Next.js avec scroll behavior
 * 
 * Variables CSS exposées pour contrôles Elementor :
 * --color-primary: #E2AD3B (or principal)
 * --color-secondary: #EAC966 (or clair)
 * --bg-color: #020202 (fond principal)
 * --text-white: #FFFFFF (texte blanc)
 * --text-muted: #E1E1E1 (texte atténué)
 * --panel-color: #1A1A1A (fond panneaux)
 * --topbar-height: 48px (hauteur topbar)
 * --header-height: 80px (hauteur header principal)
 * --hover-bg-opacity: 0.1 (opacité fond hover)
 */

/* Reset scopé pour éviter conflits thème */
.glitch-header-navigation.glitch-scope {
    font-family: 'Montserrat', sans-serif !important;
    line-height: 1.6 !important;
    color: var(--text-white) !important;
    background: transparent !important;
    position: relative !important;
    z-index: 1 !important;
    
    /* Variables CSS par défaut */
    --color-primary: #E2AD3B;
    --color-secondary: #EAC966;
    --bg-color: #020202;
    --text-white: #FFFFFF;
    --text-muted: #E1E1E1;
    --panel-color: #1A1A1A;
    --topbar-height: 48px;
    --header-height: 80px;
    --hover-bg-opacity: 0.1;
    
    /* Variables dérivées */
    --primary-rgb: 226, 173, 59;
    --secondary-rgb: 234, 201, 102;
    --gradient-primary: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
    --border-primary-10: rgba(var(--primary-rgb), 0.1);
    --border-primary-20: rgba(var(--primary-rgb), 0.2);
}

.glitch-header-navigation.glitch-scope *,
.glitch-header-navigation.glitch-scope *::before,
.glitch-header-navigation.glitch-scope *::after {
    box-sizing: border-box !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* Reset spécifique pour les éléments problématiques */
.glitch-header-navigation.glitch-scope h1,
.glitch-header-navigation.glitch-scope h2,
.glitch-header-navigation.glitch-scope h3,
.glitch-header-navigation.glitch-scope h4,
.glitch-header-navigation.glitch-scope p,
.glitch-header-navigation.glitch-scope span,
.glitch-header-navigation.glitch-scope a,
.glitch-header-navigation.glitch-scope button {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: none !important;
    outline: none !important;
}

/* Ne PAS écraser la police Font Awesome */
.glitch-header-navigation.glitch-scope i[class*="fa-"],
.glitch-header-navigation.glitch-scope .elementor-icon i,
.glitch-header-navigation.glitch-scope .eicon {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

/* Ne pas imposer Montserrat aux SVG */
.glitch-header-navigation.glitch-scope svg {
    font-family: inherit !important;
}

/* === BODY OFFSET POUR ÉVITER CHEVAUCHEMENT HÉROS === */
/* Automatiquement appliquer offset body pour éviter que le contenu passe sous le header fixe */
/* === MENU NORMAL === */
/* Plus besoin d'offset body - le menu n'est plus fixe */

/* === ADMIN BAR === */
/* Plus besoin d'offset admin bar - le menu n'est plus fixe */

/* === TOPBAR === */
/* Menu normal (non-fixe) bg-[#020202]/95 backdrop-blur-md border-b border-[#E2AD3B]/10 */
.glitch-header__topbar {
    position: relative !important;
    width: 100% !important;
    background: rgba(2, 2, 2, 0.95) !important; /* bg-[#020202]/95 */
    backdrop-filter: blur(12px) !important; /* backdrop-blur-md */
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid var(--border-primary-10) !important; /* border-[#E2AD3B]/10 */
    height: var(--topbar-height) !important;
    transition: transform 0.3s ease !important;
}

/* Scroll behavior - hide topbar */
.glitch-header-navigation[data-scroll-behavior="1"] .glitch-header__topbar.scroll-hidden {
    transform: translateY(-100%) !important;
}

/* Container - container mx-auto px-4 */
.glitch-header__container {
    max-width: 1200px !important; /* container mx-auto - configurable */
    margin: 0 auto !important;
    padding: 0 1rem !important; /* px-4 - configurable */
    width: 100% !important;
}

/* Topbar Content - flex items-center justify-between h-12 */
.glitch-header__topbar-content {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: var(--topbar-height) !important; /* h-12 */
}

/* === CATEGORY ICONS (LEFT) === */
/* hidden lg:flex items-center space-x-4 */
.glitch-header__category-icons {
    display: none !important; /* hidden */
    align-items: center !important;
    gap: 1rem !important; /* space-x-4 */
}

@media (min-width: 1024px) { /* lg breakpoint */
    .glitch-header__category-icons {
        display: flex !important; /* lg:flex */
    }
}

/* Category Icon - p-2 text-[#E1E1E1] hover:text-[#E2AD3B] hover:bg-[#E2AD3B]/10 rounded-lg transition-all duration-300 */
.glitch-header__category-icon {
    padding: 0.5rem !important; /* p-2 */
    color: var(--text-muted) !important; /* text-[#E1E1E1] */
    border-radius: 0.5rem !important; /* rounded-lg */
    transition: all 0.3s ease !important; /* transition-all duration-300 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2.25rem !important; /* 36px */
    height: 2.25rem !important; /* 36px */
}

.glitch-header__category-icon:hover {
    color: var(--color-primary) !important; /* hover:text-[#E2AD3B] */
    background: rgba(var(--primary-rgb), var(--hover-bg-opacity)) !important; /* hover:bg-[#E2AD3B]/10 */
}

.glitch-header__category-icon svg {
    width: 1.25rem !important; /* w-5 */
    height: 1.25rem !important; /* h-5 */
    fill: currentColor !important;
    stroke: currentColor !important;
}

.glitch-header__category-icon svg path {
    fill: currentColor !important;
    stroke: currentColor !important;
}

.glitch-header__category-icon i {
    color: inherit !important;
}

/* === TOPBAR LINKS === */
/* flex items-center space-x-6 */
.glitch-header__topbar-links {
    display: flex !important;
    align-items: center !important;
    gap: 1.5rem !important; /* space-x-6 - configurable */
}

/* Topbar Link - text-[#E1E1E1] hover:text-[#E2AD3B] font-medium transition-colors duration-300 */
.glitch-header__topbar-link {
    color: var(--text-muted) !important; /* text-[#E1E1E1] */
    font-weight: 500 !important; /* font-medium */
    font-size: 0.875rem !important; /* text-sm */
    transition: color 0.3s ease !important; /* transition-colors duration-300 */
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif !important;
}

.glitch-header__topbar-link:hover {
    color: var(--color-primary) !important; /* hover:text-[#E2AD3B] */
}

/* Highlighted Topbar Link (like "Boutique") - text-[#E2AD3B] hover:text-[#EAC966] font-bold */
.glitch-header__topbar-link--highlighted {
    color: var(--color-primary) !important; /* text-[#E2AD3B] */
    font-weight: 700 !important; /* font-bold */
}

.glitch-header__topbar-link--highlighted:hover {
    color: var(--color-secondary) !important; /* hover:text-[#EAC966] */
}

/* === MAIN HEADER === */
/* Menu normal (non-fixe) bg-[#020202]/95 backdrop-blur-md border-b border-[#E2AD3B]/20 */
.glitch-header__main {
    position: relative !important;
    width: 100% !important;
    background: rgba(2, 2, 2, 0.95) !important; /* bg-[#020202]/95 */
    backdrop-filter: blur(12px) !important; /* backdrop-blur-md */
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid var(--border-primary-20) !important; /* border-[#E2AD3B]/20 */
    height: var(--header-height) !important;
    transition: transform 0.3s ease, top 0.3s ease !important;
}

/* Scroll behavior - show only main header */
.glitch-header-navigation[data-scroll-behavior="1"] .glitch-header__main.scroll-only {
    top: 0 !important;
}

/* Main Content - flex items-center justify-between h-20 */
.glitch-header__main-content {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: var(--header-height) !important; /* h-20 */
}

/* === LOGO === */
/* flex items-center group */
.glitch-header__logo {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

/* Logo Image - relative w-12 h-12 object-contain group-hover:scale-110 transition-transform duration-300 */
.glitch-header__logo-image {
    position: relative !important;
    width: 3rem !important; /* w-12 - configurable */
    height: 3rem !important; /* h-12 - configurable */
    object-fit: contain !important;
    transition: transform 0.3s ease !important; /* transition-transform duration-300 */
}

.glitch-header__logo:hover .glitch-header__logo-image {
    transform: scale(1.1) !important; /* group-hover:scale-110 - configurable */
}

/* === DESKTOP NAVIGATION === */
/* hidden lg:flex items-center space-x-8 */
.glitch-header__nav {
    display: none !important; /* hidden */
    align-items: center !important;
    gap: 2rem !important; /* space-x-8 - configurable */
}

@media (min-width: 1024px) { /* lg breakpoint */
    .glitch-header__nav {
        display: flex !important; /* lg:flex */
    }
}

/* Nav Item Container - relative group */
.glitch-header__nav-item {
    position: relative !important;
}

/* Nav Link - flex items-center space-x-1 text-white hover:text-[#E2AD3B] font-bold transition-colors duration-300 py-2 */
.glitch-header__nav-link {
    display: flex !important;
    align-items: center !important;
    gap: 0.25rem !important; /* space-x-1 */
    color: var(--text-white) !important; /* text-white */
    font-weight: 700 !important; /* font-bold */
    font-size: 1rem !important; /* text-base */
    transition: color 0.3s ease !important; /* transition-colors duration-300 */
    padding: 0.5rem 0 !important; /* py-2 */
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif !important;
}

.glitch-header__nav-link:hover {
    color: var(--color-primary) !important; /* hover:text-[#E2AD3B] */
}

/* Chevron Icon - w-4 h-4 */
.glitch-header__chevron {
    width: 1rem !important; /* w-4 */
    height: 1rem !important; /* h-4 */
    transition: transform 0.3s ease !important;
}

.glitch-header__nav-item:hover .glitch-header__chevron {
    transform: rotate(180deg) !important;
}

/* === DROPDOWN MENU === */
/* absolute top-full left-0 mt-2 w-48 bg-[#020202]/95 backdrop-blur-md border border-[#E2AD3B]/20 rounded-2xl shadow-2xl shadow-[#E2AD3B]/10 overflow-hidden */
.glitch-header__dropdown {
    position: absolute !important;
    top: 100% !important; /* top-full */
    left: 0 !important;
    margin-top: 0.5rem !important; /* mt-2 */
    width: 12rem !important; /* w-48 - configurable */
    background: rgba(2, 2, 2, 0.95) !important; /* bg-[#020202]/95 */
    backdrop-filter: blur(12px) !important; /* backdrop-blur-md */
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid var(--border-primary-20) !important; /* border-[#E2AD3B]/20 */
    border-radius: 1rem !important; /* rounded-2xl - configurable */
    box-shadow: 0 25px 50px -12px rgba(var(--primary-rgb), 0.1) !important; /* shadow-2xl shadow-[#E2AD3B]/10 */
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-10px) !important;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease !important;
    z-index: 50 !important;
}

.glitch-header__nav-item:hover .glitch-header__dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Dropdown Link - block px-6 py-3 text-[#E1E1E1] hover:text-[#E2AD3B] hover:bg-[#E2AD3B]/10 transition-all duration-300 font-medium */
.glitch-header__dropdown-link {
    display: block !important;
    padding: 0.75rem 1.5rem !important; /* px-6 py-3 - configurable */
    color: var(--text-muted) !important; /* text-[#E1E1E1] */
    font-weight: 500 !important; /* font-medium */
    font-size: 0.875rem !important; /* text-sm */
    transition: all 0.3s ease !important; /* transition-all duration-300 */
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif !important;
}

.glitch-header__dropdown-link:hover {
    color: var(--color-primary) !important; /* hover:text-[#E2AD3B] */
    background: rgba(var(--primary-rgb), var(--hover-bg-opacity)) !important; /* hover:bg-[#E2AD3B]/10 */
}

/* === RIGHT ACTIONS === */
/* flex items-center space-x-4 */
.glitch-header__actions {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important; /* space-x-4 - configurable */
}

/* Action Button Base - text-white hover:text-[#E2AD3B] hover:bg-[#E2AD3B]/10 transition-all duration-300 */
.glitch-header__action-btn {
    color: var(--text-white) !important; /* text-white */
    background: transparent !important;
    border: none !important;
    padding: 0.5rem !important;
    border-radius: 0.375rem !important; /* rounded-md */
    transition: all 0.3s ease !important; /* transition-all duration-300 */
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2.5rem !important; /* icon button size */
    height: 2.5rem !important;
    text-decoration: none !important;
}

.glitch-header__action-btn:hover {
    color: var(--color-primary) !important; /* hover:text-[#E2AD3B] */
    background: rgba(var(--primary-rgb), var(--hover-bg-opacity)) !important; /* hover:bg-[#E2AD3B]/10 */
}

.glitch-header__action-btn svg {
    width: 1.25rem !important; /* w-5 */
    height: 1.25rem !important; /* h-5 */
    fill: currentColor !important;
    stroke: currentColor !important;
}

.glitch-header__action-btn svg path {
    fill: currentColor !important;
    stroke: currentColor !important;
}

.glitch-header__action-btn i {
    color: inherit !important;
}

/* === USER SECTION === */
.glitch-header__user-section {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.glitch-header__user-name {
    color: var(--text-muted) !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* === CART BUTTON === */
/* relative */
.glitch-header__cart-btn {
    position: relative !important;
}

/* Cart Badge - absolute -top-1 -right-1 w-5 h-5 bg-[#E2AD3B] text-[#020202] text-xs font-black rounded-full flex items-center justify-center */
.glitch-header__cart-badge {
    position: absolute !important;
    top: -4px !important; /* -top-1 - configurable */
    right: -4px !important; /* -right-1 - configurable */
    width: 1.25rem !important; /* w-5 - configurable */
    height: 1.25rem !important; /* h-5 - configurable */
    background: var(--color-primary) !important; /* bg-[#E2AD3B] */
    color: var(--bg-color) !important; /* text-[#020202] */
    font-size: 0.75rem !important; /* text-xs */
    font-weight: 900 !important; /* font-black */
    border-radius: 50% !important; /* rounded-full */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 1 !important;
}

/* === MOBILE TOGGLE === */
/* lg:hidden */
.glitch-header__mobile-toggle {
    display: flex !important;
    background: transparent !important;
    border: none !important;
    color: var(--text-white) !important;
    padding: 0.5rem !important;
    border-radius: 0.375rem !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2.5rem !important;
    height: 2.5rem !important;
}

@media (min-width: 1024px) { /* lg breakpoint */
    .glitch-header__mobile-toggle {
        display: none !important; /* lg:hidden */
    }
}

.glitch-header__mobile-toggle:hover {
    color: var(--color-primary) !important;
    background: rgba(var(--primary-rgb), var(--hover-bg-opacity)) !important;
}

.glitch-header__mobile-toggle svg {
    width: 1.5rem !important; /* w-6 */
    height: 1.5rem !important; /* h-6 */
    fill: currentColor !important;
    stroke: currentColor !important;
}

.glitch-header__mobile-toggle svg path {
    fill: currentColor !important;
    stroke: currentColor !important;
}

.glitch-header__mobile-toggle i {
    color: inherit !important;
}

/* === MOBILE NAVIGATION OVERLAY === */
/* Position fixe pour coller au header sans espace */
.glitch-header__mobile-overlay {
    display: none !important; /* hidden by default */
    position: absolute !important;
    top: 100% !important; /* Juste après le header */
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: var(--bg-color) !important; /* Fond uni sans transparence */
    border-top: 3px solid var(--color-primary) !important; /* Barre jaune/or au top */
    overflow-y: auto !important;
    padding: 0 !important; /* Pas de padding par défaut */
}

/* Ajuster si topbar cachée */
.glitch-header__topbar.scroll-hidden ~ .glitch-header__main .glitch-header__mobile-overlay,
.glitch-header__main.scroll-only + .glitch-header__mobile-overlay {
    top: var(--header-height) !important;
}

/* Ajuster avec admin bar */
body.admin-bar .glitch-header__mobile-overlay {
    top: calc(32px + var(--topbar-height) + var(--header-height)) !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar .glitch-header__mobile-overlay {
        top: calc(46px + var(--topbar-height) + var(--header-height)) !important;
    }
}

@media (max-width: 1023px) { /* below lg breakpoint */
    .glitch-header__mobile-overlay.mobile-open {
        display: block !important;
    }
}

/* Mobile Nav Container - container mx-auto px-4 py-6 */
.glitch-header__mobile-nav {
    padding: 1.5rem 0 !important; /* py-6 */
}

/* Mobile Nav Sections - space-y-4 */
.glitch-header__mobile-nav > div {
    margin-bottom: 1rem !important; /* space-y-4 */
}

/* === MOBILE CATEGORIES === */
/* flex items-center space-x-4 pb-4 border-b border-[#E1E1E1]/10 */
.glitch-header__mobile-categories {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important; /* space-x-4 */
    padding-bottom: 1rem !important; /* pb-4 */
    border-bottom: 1px solid rgba(225, 225, 225, 0.1) !important; /* border-[#E1E1E1]/10 */
    margin-bottom: 1rem !important;
}

/* Mobile Category Link - flex items-center space-x-2 p-2 text-[#E1E1E1] hover:text-[#E2AD3B] hover:bg-[#E2AD3B]/10 rounded-lg transition-all duration-300 */
.glitch-header__mobile-category-link {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important; /* space-x-2 */
    padding: 0.5rem !important; /* p-2 */
    color: var(--text-muted) !important; /* text-[#E1E1E1] */
    border-radius: 0.5rem !important; /* rounded-lg */
    transition: all 0.3s ease !important; /* transition-all duration-300 */
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif !important;
}

.glitch-header__mobile-category-link:hover {
    color: var(--color-primary) !important; /* hover:text-[#E2AD3B] */
    background: rgba(var(--primary-rgb), var(--hover-bg-opacity)) !important; /* hover:bg-[#E2AD3B]/10 */
}

.glitch-header__mobile-category-link svg {
    width: 1.25rem !important; /* w-5 */
    height: 1.25rem !important; /* h-5 */
}

/* === MOBILE TOPBAR === */
/* border-b border-[#E1E1E1]/10 pb-4 mb-4 */
.glitch-header__mobile-topbar {
    border-bottom: 1px solid rgba(225, 225, 225, 0.1) !important; /* border-[#E1E1E1]/10 */
    padding-bottom: 1rem !important; /* pb-4 */
    margin-bottom: 1rem !important; /* mb-4 */
}

/* Mobile Topbar Link - block text-[#E1E1E1] hover:text-[#E2AD3B] py-2 transition-colors duration-300 */
.glitch-header__mobile-topbar-link {
    display: block !important;
    color: var(--text-muted) !important; /* text-[#E1E1E1] */
    padding: 0.5rem 0 !important; /* py-2 */
    transition: color 0.3s ease !important; /* transition-colors duration-300 */
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
}

.glitch-header__mobile-topbar-link:hover {
    color: var(--color-primary) !important; /* hover:text-[#E2AD3B] */
}

/* Mobile Topbar Highlighted - text-[#E2AD3B] hover:text-[#EAC966] font-bold py-3 */
.glitch-header__mobile-topbar-link--highlighted {
    color: var(--color-primary) !important; /* text-[#E2AD3B] */
    font-weight: 700 !important; /* font-bold */
    padding: 0.75rem 0 !important; /* py-3 */
}

.glitch-header__mobile-topbar-link--highlighted:hover {
    color: var(--color-secondary) !important; /* hover:text-[#EAC966] */
}

/* === MOBILE MAIN NAV === */
.glitch-header__mobile-main-nav {
    /* Container for main nav items */
}

/* Mobile Nav Item */
.glitch-header__mobile-nav-item {
    margin-bottom: 0.5rem !important;
}

/* Mobile Nav Link - block text-white hover:text-[#E2AD3B] font-bold py-3 border-b border-[#E1E1E1]/10 transition-colors duration-300 */
.glitch-header__mobile-nav-link {
    display: block !important;
    color: var(--text-white) !important; /* text-white */
    font-weight: 700 !important; /* font-bold */
    padding: 0.75rem 0 !important; /* py-3 */
    border-bottom: 1px solid rgba(225, 225, 225, 0.1) !important; /* border-[#E1E1E1]/10 */
    transition: color 0.3s ease !important; /* transition-colors duration-300 */
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif !important;
}

.glitch-header__mobile-nav-link:hover {
    color: var(--color-primary) !important; /* hover:text-[#E2AD3B] */
}

/* Mobile Sub Nav - ml-4 mt-2 space-y-2 */
.glitch-header__mobile-sub-nav {
    margin-left: 1rem !important; /* ml-4 */
    margin-top: 0.5rem !important; /* mt-2 */
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important; /* space-y-2 */
}

/* Mobile Sub Link - block text-[#E1E1E1] hover:text-[#E2AD3B] py-2 text-sm transition-colors duration-300 */
.glitch-header__mobile-sub-link {
    display: block !important;
    color: var(--text-muted) !important; /* text-[#E1E1E1] */
    padding: 0.5rem 0 !important; /* py-2 */
    font-size: 0.875rem !important; /* text-sm */
    transition: color 0.3s ease !important; /* transition-colors duration-300 */
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif !important;
}

.glitch-header__mobile-sub-link:hover {
    color: var(--color-primary) !important; /* hover:text-[#E2AD3B] */
}

/* === SEARCH PANEL === */
.glitch-header__search-panel {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    background: rgba(2, 2, 2, 0.98) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid var(--border-primary-20) !important;
    padding: 1rem 0 !important;
    z-index: 45 !important;
}

.glitch-header__search-form {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 0.5rem !important;
    padding: 0.5rem !important;
}

.glitch-header__search-input {
    flex: 1 !important;
    background: transparent !important;
    border: none !important;
    color: var(--text-white) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    padding: 0.5rem !important;
    outline: none !important;
}

.glitch-header__search-input::placeholder {
    color: var(--text-muted) !important;
}

.glitch-header__search-submit,
.glitch-header__search-close {
    background: transparent !important;
    border: none !important;
    color: var(--text-white) !important;
    padding: 0.5rem !important;
    border-radius: 0.25rem !important;
    cursor: pointer !important;
    transition: color 0.3s ease !important;
}

.glitch-header__search-submit:hover,
.glitch-header__search-close:hover {
    color: var(--color-primary) !important;
}

/* === RESPONSIVE BREAKPOINTS === */

/* Tablet - md (768px) */
@media (max-width: 768px) {
    .glitch-header__container {
        padding: 0 0.75rem !important; /* Réduction padding */
    }
    
    .glitch-header__topbar-links {
        gap: 1rem !important; /* Réduction gap */
    }
    
    .glitch-header__actions {
        gap: 0.75rem !important; /* Réduction gap actions */
    }
    
    .glitch-header__logo-image {
        width: 2.5rem !important; /* Réduction taille logo */
        height: 2.5rem !important;
    }
    
    .glitch-header__topbar-link {
        font-size: 0.8125rem !important; /* text-sm réduit */
    }
}

/* Mobile - sm (640px) */
@media (max-width: 640px) {
    .glitch-header__container {
        padding: 0 1rem !important; /* Padding correct, pas collé au bord */
    }
    
    /* TOPBAR MOBILE : Seulement "Boutique" centré */
    .glitch-header__topbar-links {
        justify-content: center !important;
        gap: 0 !important;
    }
    
    .glitch-header__topbar-link:not(.glitch-header__topbar-link--highlighted) {
        display: none !important; /* Masquer tout sauf "Boutique" */
    }
    
    .glitch-header__category-icons {
        display: none !important; /* Masquer icônes catégories */
    }
    
    /* HEADER PRINCIPAL MOBILE : Logo gauche + actions droite */
    .glitch-header__main-content {
        justify-content: space-between !important;
        padding: 0 1rem !important;
    }
    
    .glitch-header__logo {
        position: relative !important; /* Retour en position normale */
        left: auto !important;
        transform: none !important;
        margin-right: auto !important; /* Pousse les actions à droite */
    }
    
    .glitch-header__logo-image {
        width: 2.5rem !important;
        height: 2.5rem !important;
    }
    
    /* Actions à droite : search, cart, user, menu */
    .glitch-header__actions {
        gap: 0.75rem !important;
        margin-left: 0 !important; /* Le logo prend déjà margin-right: auto */
        flex-shrink: 0 !important; /* Empêche compression */
    }
    
    .glitch-header__action-btn {
        width: 2.5rem !important; /* Plus gros pour meilleur touch target */
        height: 2.5rem !important;
        padding: 0.5rem !important; /* Plus de padding */
        border-radius: 0.5rem !important; /* Plus joli */
    }
    
    .glitch-header__action-btn svg {
        width: 1.25rem !important; /* Icônes bien proportionnées */
        height: 1.25rem !important;
    }
    
    .glitch-header__cart-badge {
        width: 1.25rem !important; /* Badge plus visible */
        height: 1.25rem !important;
        font-size: 0.75rem !important; /* Texte lisible */
        font-weight: 700 !important; /* Bold pour lisibilité */
        top: -4px !important;
        right: -4px !important;
        border: 2px solid var(--bg-color) !important; /* Contraste */
    }
    
    .glitch-header__user-name {
        display: none !important;
    }
    
    /* Navigation desktop cachée */
    .glitch-header__nav {
        display: none !important;
    }
    
    /* Mobile toggle visible avec style amélioré */
    .glitch-header__mobile-toggle {
        display: flex !important;
        width: 2.75rem !important; /* Plus gros pour importance */
        height: 2.75rem !important;
        padding: 0.625rem !important;
        border-radius: 0.5rem !important;
        background: rgba(var(--primary-rgb), 0.1) !important; /* Subtle highlight */
    }
    
    .glitch-header__mobile-toggle svg {
        width: 1.5rem !important; /* Icône hamburger plus visible */
        height: 1.5rem !important;
    }
}

/* Very Small - xs (480px) */
@media (max-width: 480px) {
    .glitch-header__topbar {
        --topbar-height: 42px !important; /* Topbar compacte mais lisible */
    }
    
    .glitch-header__main {
        --header-height: 72px !important; /* Header compact mais utilisable */
    }
    
    .glitch-header__container {
        padding: 0 0.75rem !important; /* Padding minimal mais pas collé */
    }
    
    /* Logo proportionné */
    .glitch-header__logo-image {
        width: 2.25rem !important; /* Logo visible mais compact */
        height: 2.25rem !important;
    }
    
    /* Actions proportionnées */
    .glitch-header__actions {
        gap: 0.5rem !important; /* Gap plus serré */
    }
    
    .glitch-header__action-btn {
        width: 2.25rem !important; /* Touch targets toujours 44px+ */
        height: 2.25rem !important;
        padding: 0.375rem !important;
    }
    
    .glitch-header__action-btn svg {
        width: 1.125rem !important; /* Icônes lisibles */
        height: 1.125rem !important;
    }
    
    /* Badge panier compact mais visible */
    .glitch-header__cart-badge {
        width: 1.125rem !important;
        height: 1.125rem !important;
        font-size: 0.6875rem !important;
        font-weight: 700 !important;
        top: -3px !important;
        right: -3px !important;
    }
    
    /* Mobile toggle toujours bien visible */
    .glitch-header__mobile-toggle {
        width: 2.5rem !important;
        height: 2.5rem !important;
        padding: 0.5rem !important;
    }
    
    .glitch-header__mobile-toggle svg {
        width: 1.25rem !important;
        height: 1.25rem !important;
    }
    
    /* Topbar mobile plus compact */
    .glitch-header__topbar-link--highlighted {
        font-size: 0.875rem !important;
        font-weight: 600 !important;
    }
    
    .glitch-header__category-icons {
        display: none !important; /* Masquer icônes catégorie */
    }
}

/* === ÉTATS DE FOCUS ACCESSIBLES === */
.glitch-header__topbar-link:focus,
.glitch-header__nav-link:focus,
.glitch-header__dropdown-link:focus,
.glitch-header__action-btn:focus,
.glitch-header__mobile-toggle:focus,
.glitch-header__category-icon:focus,
.glitch-header__logo:focus {
    outline: 2px solid var(--color-primary) !important;
    outline-offset: 2px !important;
}

/* === SUPPORT RTL === */
[dir="rtl"] .glitch-header__chevron {
    transform: scaleX(-1);
}

[dir="rtl"] .glitch-header__dropdown {
    left: auto;
    right: 0;
}

[dir="rtl"] .glitch-header__cart-badge {
    right: auto;
    left: -4px;
}

[dir="rtl"] .glitch-header__mobile-sub-nav {
    margin-left: 0;
    margin-right: 1rem;
}

/* === ANIMATIONS & TRANSITIONS === */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.glitch-header__dropdown.animate-in {
    animation: slideDown 0.3s ease;
}

.glitch-header__mobile-overlay.animate-in {
    animation: slideDown 0.3s ease;
}

/* === SCROLL BEHAVIOR STATES === */
.glitch-header-navigation[data-scroll-behavior="1"] .glitch-header__topbar {
    transition: transform 0.3s ease !important;
}

.glitch-header-navigation[data-scroll-behavior="1"] .glitch-header__main {
    transition: transform 0.3s ease, top 0.3s ease !important;
}

/* Hidden states */
.glitch-header__topbar.scroll-hidden {
    transform: translateY(-100%) !important;
}

.glitch-header__main.scroll-only {
    top: 0 !important;
}

/* === PRINT STYLES === */
@media print {
    .glitch-header-navigation {
        display: none !important;
    }
}

/* === JAVASCRIPT STATES === */
/* States managed by JavaScript */
.glitch-header__mobile-overlay {
    display: none !important;
}

.glitch-header__mobile-overlay.mobile-open {
    display: block !important;
}

.glitch-header__search-panel.search-open {
    display: block !important;
}

.glitch-header__mobile-toggle[aria-expanded="true"] .glitch-header__menu-icon {
    display: none !important;
}

.glitch-header__mobile-toggle[aria-expanded="true"] .glitch-header__close-icon {
    display: block !important;
}

/* === HIGH CONTRAST MODE === */
@media (prefers-contrast: high) {
    .glitch-header__topbar,
    .glitch-header__main {
        background: #000000 !important;
        border-color: #FFFFFF !important;
    }
    
    .glitch-header__dropdown {
        background: #000000 !important;
        border-color: #FFFFFF !important;
    }
    
    .glitch-header__topbar-link,
    .glitch-header__nav-link,
    .glitch-header__dropdown-link {
        color: #FFFFFF !important;
    }
    
    .glitch-header__topbar-link:hover,
    .glitch-header__nav-link:hover,
    .glitch-header__dropdown-link:hover {
        background: #FFFFFF !important;
        color: #000000 !important;
    }
}

/* === REDUCED MOTION === */
@media (prefers-reduced-motion: reduce) {
    .glitch-header__topbar,
    .glitch-header__main,
    .glitch-header__dropdown,
    .glitch-header__topbar-link,
    .glitch-header__nav-link,
    .glitch-header__dropdown-link,
    .glitch-header__action-btn,
    .glitch-header__logo-image,
    .glitch-header__chevron {
        transition: none !important;
        animation: none !important;
    }
    
    .glitch-header__logo:hover .glitch-header__logo-image {
        transform: none !important;
    }
    
    .glitch-header__nav-item:hover .glitch-header__chevron {
        transform: none !important;
    }
}

/* === MENU FIXE NORMAL === */
/* Plus d'animations de scroll - header toujours visible */

/* === Z-INDEX GÉRÉ PAR ELEMENTOR === */
/* Utilisez les contrôles natifs d'Elementor dans l'onglet Avancé > Position */