/* ========================================
   CORRECTION POSITION HAMBURGER MOBILE
   ======================================== */

@media (max-width: 768px) {
    /* Forcer le menu hamburger tout à gauche */
    .nav-toggle {
        position: absolute !important;
        left: 5px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        z-index: 1001;
    }
    
    /* Ajuster le logo pour laisser de la place au hamburger */
    .logo {
        margin-left: 55px !important;
    }
    
    /* S'assurer que les autres éléments restent à leur place */
    .nav-content {
        position: relative;
    }

    /* L'avatar mobile reste absolument centré,
       non affecté par le hamburger à gauche */
    .mobile-nav-avatar {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 100;
    }
}