/* ----- Layout général ----- */
body { margin:0; font-family:Arial,Helvetica,sans-serif; }

/* ----- Conteneur du menu ----- */
[role="navigation"] {
    background:#2c3e50;
    overflow:visible;
}

/* ----- Items du menu (desktop) ----- */
ul { list-style:none; margin:0; padding:0; display:flex; }

li { position:relative; }

a {
    display:block;
    padding:0px 0px;
    color:#ecf0f1;
    text-decoration:none;
    transition:background .3s;
}

a:hover { background:#6b9bcb; }

/* ----- Sous‑menu (caché) ----- */
ul ul {
    position:absolute;
    top:100%;
    left:0;
    background:#34495e;
    display:none;
    min-width:180px;
    flex-direction:column;
}

ul ul a { padding:10px 15px; }

/* Affichage du sous‑menu au survol (desktop) */
li:hover > ul { display:flex; }

/* ----- Bouton mobile ----- */
#menu-toggle {
    display:none;
    padding:15px;
    color:#ecf0f1;
    cursor:pointer;
}

/* ----- Version mobile (≤768 px) ----- */
@media (max-width:768px) {
    ul { flex-direction:column; display:none; }
    li:hover > ul { position:static; }
    #menu-toggle { display:block; }
}