.elementor-2811 .elementor-element.elementor-element-00ec2f3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2811 .elementor-element.elementor-element-00ec2f3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2811 .elementor-element.elementor-element-dbe33de{--display:flex;}.elementor-2811 .elementor-element.elementor-element-8545c37{--display:flex;}.elementor-2811 .elementor-element.elementor-element-62212a7{margin-top:53px;margin-bottom:0px;}.elementor-2811 .elementor-element.elementor-element-d01e38a{--display:flex;}.elementor-2811 .elementor-element.elementor-element-e21a355{--display:flex;}/* Start custom CSS *//* --- CORRECTION POUR RÉTABLIR LE HEADER SUR TOUS LES ÉCRANS --- */

/* 1. Règle absolue pour rétablir l'en-tête (Desktop & Mobile) */
/* Cible le conteneur principal masqué par Elementor Full Width */
.site-header {
    display: block !important; 
    visibility: visible !important;
    height: auto !important;
    z-index: 999 !important; /* Priorité maximale */
}

/* 2. Gérer le Comportement Mobile (< 992px) */
@media (max-width: 991px) {
    
    /* A. FORCER L'AFFICHAGE DE L'ICÔNE BURGER */
    /* L'icône du menu burger doit toujours être visible et cliquable sur mobile */
    .header__bar {
        display: block !important; 
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* B. S'assurer que le conteneur du menu mobile est bien là (même s'il est vide) */
    .header-navigation-content-wrapper {
        visibility: visible !important;
    }

    /* C. Masquer le menu DROIT qui cause le débordement, SAUF si l'utilisateur clique. */
    /* On laisse le JS du thème gérer le basculement entre display: none et display: block/flex/show. */
    .main-menu__nav {
        display: none; 
        visibility: hidden;
        /* Ces règles sont annulées par le thème via JS lorsqu'on clique sur le burger */
    }
    
    /* D. Assurer que le conteneur des icônes (Burger et Search) est bien affiché */
    .header-cart-btn-search {
        display: flex !important;
        visibility: visible !important;
    }
}


/* 3. Gérer le Comportement Desktop (> 992px) */
@media (min-width: 992px) {
    /* S'assurer que le menu est toujours affiché en ligne sur desktop */
    .main-menu__nav {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
    }
}/* End custom CSS */