/* Barre sticky sobre ; le site a déjà Tailwind, on complète juste le comportement */
.site-nav{
  position:sticky; top:0; z-index:50; background:#ffffff;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
  --padX: 1rem; --maxW: 72rem;
  font: 15px/1.4 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
.site-nav .bar{
  display:flex; align-items:center; justify-content:space-between;
  padding:.6rem var(--padX); max-width:var(--maxW); margin:0 auto;
}
.site-nav .brand-link{ font-weight:800; color:#1d4ed8; text-decoration:none }
.site-nav .brand-link:hover{ text-decoration:underline }
.site-nav .hamburger{ display:inline-flex; align-items:center; gap:.5rem; border:1px solid #e5e7eb;
  padding:.4rem .55rem; border-radius:.5rem; background:#fff; cursor:pointer }
.site-nav .hamburger:hover{ background:#f9fafb }

.site-nav .menu{
  display:none; flex-direction:column; gap:.25rem;
  padding:.5rem var(--padX); border-top:1px solid #e5e7eb;
  max-width:var(--maxW); margin:0 auto .5rem;
}
.site-nav[data-open="true"] .menu{ display:flex }

.site-nav .menu-item{ position:relative; list-style:none }
.site-nav .menu-line{ display:flex; align-items:center; justify-content:space-between; gap:.75rem }
.site-nav .nav-link{
  display:flex; align-items:center; gap:.5rem; text-decoration:none;
  color:#374151; padding:.5rem .75rem; border-radius:.5rem;
}
.site-nav .nav-link:hover{ background:#f3f4f6; color:#111827 }
.site-nav .nav-link[aria-current="page"]{ font-weight:700; color:#1f2937 }

.site-nav .caret{ opacity:.7; font-size:12px }

.site-nav .submenu{
  display:none; flex-direction:column; gap:.25rem;
  padding:.25rem .5rem .25rem 1rem; margin:.25rem 0 .4rem 0;
  border-left:2px solid #e5e7eb;
}
.site-nav .menu-item.open > .submenu{ display:flex }

/* Niveau 3+ indentation */
.site-nav .submenu .submenu{ padding-left: 1rem }

/* Desktop */
@media (min-width:1024px){
  .site-nav .hamburger{ display:none }
  .site-nav .menu{
    display:flex !important; flex-direction:row; align-items:center; gap:.25rem;
    padding:.35rem var(--padX); border:0; margin:0 auto;
  }
  .site-nav .menu-item{ }
  .site-nav .submenu{
    position:absolute; left:0; top:100%; min-width:260px; background:#fff;
    border:1px solid #e5e7eb; border-radius:.5rem; box-shadow:0 10px 25px rgba(0,0,0,.08);
    padding:.5rem; margin-top:.25rem; display:none; z-index:60;
  }
  .site-nav .menu-item:hover > .submenu,
  .site-nav .menu-item:focus-within > .submenu{ display:flex }

  /* Sous-sous menu à droite */
  .site-nav .submenu .menu-item{ position:relative }
  .site-nav .submenu .menu-item > .submenu{
    top:0; left:100%; margin-left:.25rem;
  }

  /* Retire la barre gauche décorative en desktop */
  .site-nav .submenu{ border-left:0; }
}

/* Accessibilité */
.site-nav .sr-only{
  position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0;
}