/*
 * Hamburger Menu Center Fix
 * Centre le bouton hamburger sur mobile et ajuste son épaisseur/taille
 * Le container parent (1b5df07d) est flex row avec nav-menu + cart
 * Le cart décale le hamburger vers la gauche
 * Solution : position relative sur le container, absolute sur le cart
 * => le hamburger occupe toute la largeur et se centre
 */

@media (max-width: 767px) {

    /* Container parent : position relative pour ancrer le cart en absolute */
    .elementor-element-1b5df07d {
        position: relative !important;
    }

    /* Nav-menu prend toute la largeur => hamburger centré */
    .elementor-element-1b5df07d > .elementor-widget-wrap,
    .elementor-element-1b5df07d.e-con {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
    }

    /* Le widget nav-menu prend toute la largeur disponible */
    .elementor-element-49d26c8b {
        flex: 1 1 auto !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    /* Le bouton hamburger lui-même est centré et on augmente sa taille/épaisseur */
    .elementor-element-49d26c8b .elementor-nav-menu--toggle,
    .elementor-element-49d26c8b .elementor-menu-toggle {
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 28px !important; /* Augmente la taille de l'icône font si utilisée */
        padding: 5px !important; /* Ajoute un peu de zone de clic */
    }

    /* Force la taille du SVG Elementor de façon agressive */
    body .elementor-element-49d26c8b .elementor-menu-toggle svg,
    body[data-elementor-device-mode="mobile"] .elementor-element-49d26c8b .elementor-menu-toggle svg {
        width: 28px !important;
        height: 28px !important;
        fill: currentColor;
    }

    /* Ajustement de l'épaisseur par les bordures si c'est l'icône par défaut Elementor */
    .elementor-element-49d26c8b .elementor-menu-toggle i::before {
        font-weight: 900 !important; /* Rend l'icône plus épaisse si font-awesome */
    }

    /* Le cart icon est positionné en absolute à droite */
    .elementor-element-3f251a17 {
        position: absolute !important;
        right: 10px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        flex: 0 0 auto !important;
        width: auto !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    /* Même fix pour tablette si nécessaire */
    .elementor-element-1b5df07d {
        position: relative !important;
    }

    .elementor-element-49d26c8b {
        flex: 1 1 auto !important;
        display: flex !important;
        justify-content: center !important;
    }

    .elementor-element-49d26c8b .elementor-nav-menu--toggle,
    .elementor-element-49d26c8b .elementor-menu-toggle {
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 28px !important;
    }
    
    body .elementor-element-49d26c8b .elementor-menu-toggle svg {
        width: 28px !important;
        height: 28px !important;
    }

    .elementor-element-3f251a17 {
        position: absolute !important;
        right: 10px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        flex: 0 0 auto !important;
        width: auto !important;
    }
}