/* ==================================================================== */
/* style-galerie.css - CORRECTIONS SPÉCIFIQUES POUR LE MENU RESPONSIVE */
/* ==================================================================== */

/* --- Règle Desktop --- */
@media (min-width: 769px) {
    /* Masque le hamburger sur desktop */
    .hamburger {
        display: none !important;
    }
}

/* --- RÈGLES CRITIQUES POUR LE MOBILE (@media) --- */
@media (max-width: 768px) {
    
    /* 1. ASSURER L'AFFICHAGE DU HAMBURGER */
    .hamburger {
        display: block !important; /* 👈 Force l'apparition du hamburger */
        cursor: pointer;
    }

    /* 2. ASSURER LE MASQUAGE INITIAL DU MENU COMPLET */
    .navlinks-container {
        display: none; /* 👈 Le menu est caché par défaut */
        flex-direction: column;
        width: 100%;
        position: absolute;
        top: 60px; 
        left: 0;
        background-color: #f9f9f9; 
        z-index: 999;
        /* Reste des styles... */
    }

    /* 3. OUVERTURE DU MENU PRINCIPAL */
    .navlinks-container.open {
        display: flex; 
    }
    
    /* --- FIX DU DROPDOWN (Ouverture et Calibrage) --- */
    
    .navlinks-container.open .dropdown {
        display: block; 
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .navlinks-container.open .dropbtn {
        width: 100%;
        text-align: left;
        padding: 15px 20px;
        box-sizing: border-box;
    }

    /* Masque tous les sous-menus par défaut et neutralise le hover */
    .dropdown:hover .dropdown-content,
    .navlinks-container.open .dropdown .dropdown-content {
        position: static; 
        display: none !important; 
        padding: 0;
        margin: 0;
    }

    /* AFFICHE SEULEMENT le sous-menu cliqué */
    .navlinks-container.open .dropdown .dropdown-content.show {
        display: block !important; 
    }
    
    .dropdown-content a {
        padding: 10px 20px 10px 40px !important; 
        width: 100%;
        display: block;
        background-color: #f0f0f0;
    }
}