/* modules/menu/module.css - style de BASE des menus ([[menu#ref=...]]), volontairement neutre : le Template le surcharge (classes .menu,
   .menu-liste, .menu-niveau-N, .menu-item, .menu-lien, .menu-parent, .menu-actif, .menu-burger, .menu-sous-bouton). */
.menu { position: relative; }
.menu-liste { list-style: none; margin: 0; padding: 0; }
.menu-niveau-1 { display: flex; flex-wrap: wrap; gap: 4px 18px; align-items: center; }
.menu-item { position: relative; }
.menu-lien { display: inline-block; padding: 8px 4px; text-decoration: none; color: inherit; }
.menu-titre { cursor: default; }
.menu-actif > .menu-lien { font-weight: 700; }
/* sous-menus : en cascade au survol ou au focus (clavier, toucher) */
.menu-niveau-2, .menu-niveau-3, .menu-niveau-4 {
    display: none; position: absolute; left: 0; top: 100%; min-width: 200px; z-index: 50;
    background: #fff; color: #222; box-shadow: 0 6px 18px rgba(0,0,0,.18); padding: 6px 0; flex-direction: column;
}
.menu-niveau-3, .menu-niveau-4 { left: 100%; top: 0; }
.menu-item:hover > .menu-liste, .menu-item:focus-within > .menu-liste { display: flex; }
.menu-niveau-2 .menu-lien, .menu-niveau-3 .menu-lien, .menu-niveau-4 .menu-lien { display: block; padding: 8px 16px; }
/* burger et boutons de sous-menu : caches par defaut, montres par la regle de rupture propre a chaque menu */
.menu-burger { display: none; align-items: center; justify-content: center; flex-direction: column; gap: 5px; width: 44px; height: 44px; padding: 0; background: none; border: 1px solid currentColor; border-radius: 6px; cursor: pointer; color: inherit; }
.menu-burger span { display: block; width: 22px; height: 2px; background: currentColor; }
.menu-sous-bouton { display: none; width: 32px; height: 32px; margin-left: 4px; background: none; border: 0; cursor: pointer; color: inherit; vertical-align: middle; }
.menu-sous-bouton::before { content: ""; display: inline-block; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .15s; }
.menu-sous-ouvert > .menu-sous-bouton::before { transform: rotate(-135deg); }
@media (prefers-reduced-motion: reduce) { .menu-sous-bouton::before { transition: none; } }