/**
 * Moteur V4 — layout.css
 *
 * EXTRAIT de medson-clinical, prive de ses regles .med-* : ce fichier habille
 * la MECANIQUE du chrome et des blocs, jamais une identite.
 *
 * 🔴 REGENERE le 2026-09-23 : la premiere extraction, ligne a ligne, coupait
 * des blocs en plein milieu — 12 accolades ouvrantes pour 9 fermantes. Le CSS
 * etait donc INVALIDE et le navigateur l abandonnait ENTIEREMENT (0 regle en
 * memoire pour 12 dans le fichier servi en 200). Invisible sans mesurer
 * `cssRules.length` dans un vrai navigateur.
 */

/* ── Burger (mobile) ──────────────────────────────────────────────────── */

.mnx-burger {

  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 40px;
  height: 40px;
  padding: 0 9px;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.mnx-burger span {

  display: block;
  height: 2px;
  width: 100%;
  background: var(--color-primary-dark);
  border-radius: 2px;
}

@media (max-width: 1024px) {
  .mnx-burger {
 display: flex;
  }
}

/* Tiroir mobile (markup `.mnx-drill` du module de menu). */
.mnx-drill-overlay {

  position: fixed;
  inset: 0;
  background: rgba(10, 44, 77, .45);
  z-index: 1000;
}

.mnx-drill-overlay[hidden] {
 display: none;
}

body.mnx-nav-open {
 overflow: hidden;
}

/* 🔴 LE TIROIR MOBILE DÉBORDAIT DE 3px.
   `.nav-drill` (rendu par le module de menu, template `mobile`) n'est stylé
   par AUCUNE feuille de ce thème : sans largeur bornée il prenait 393px pour
   un écran de 390, et `document.scrollWidth` dépassait sur TOUTE page en
   390px — y compris les pages d'authentification, où le tiroir est pourtant
   invisible (positionné hors écran au repos).

   `max-width:100%` + `box-sizing` suffisent : on ne touche ni à sa position
   ni à son comportement d'ouverture, pilotés par le JS du header. */
.nav-drill,
.mnx-drill {

  max-width: 100%;
  box-sizing: border-box;
}

.nav-drill *,
.mnx-drill * {
 max-width: 100%;
}