/* ========================================
   CORRECTION HAMBURGER MENU - 3 BARRES
   Priorité maximale pour écraser tous les autres styles
   ======================================== */

/* Réinitialisation complète de l'icône hamburger */
.navbar-toggler .navbar-toggler-icon,
.navbar-toggler .navbar-toggler-icon::before,
.navbar-toggler .navbar-toggler-icon::after {
    background-image: none !important;
    content: '' !important;
    font-family: inherit !important;
}

/* ÉTAT FERMÉ : 3 BARRES HORIZONTALES (par défaut) */
.navbar-toggler.collapsed .navbar-toggler-icon,
.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
    display: block !important;
    width: 24px !important;
    height: 2px !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    border-radius: 2px !important;
}

.navbar-toggler.collapsed .navbar-toggler-icon::before,
.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: -8px !important;
    width: 24px !important;
    height: 2px !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
    transform: none !important;
}

.navbar-toggler.collapsed .navbar-toggler-icon::after,
.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -8px !important;
    width: 24px !important;
    height: 2px !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
    transform: none !important;
}

/* ÉTAT OUVERT : TRANSFORMATION EN X */
.navbar-toggler:not(.collapsed) .navbar-toggler-icon,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-color: transparent !important;
    background: transparent !important;
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon::before,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
    transform: rotate(45deg) !important;
    top: 0 !important;
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon::after,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
    transform: rotate(-45deg) !important;
    bottom: 0 !important;
}

/* Pour les navbars avec fond sombre */
.navbar-dark .navbar-toggler-icon,
.navbar-dark .navbar-toggler-icon::before,
.navbar-dark .navbar-toggler-icon::after,
.bg-dark .navbar-toggler-icon,
.bg-dark .navbar-toggler-icon::before,
.bg-dark .navbar-toggler-icon::after {
    background-color: #ffffff !important;
}

/* Pour les navbars avec fond clair */
.navbar-light .navbar-toggler-icon,
.navbar-light .navbar-toggler-icon::before,
.navbar-light .navbar-toggler-icon::after {
    background-color: #000000 !important;
}