/* Barre du haut et menu sur téléphone (01/11/2026, Aziz : « la navigation n'est pas adaptée sur tel, inspire-toi de lemlist sans copier »).
   Logo à gauche, bouton menu à droite ; le menu prend tout l'écran : les pages en lignes, les deux boutons en bas.
   Sur ordinateur étroit, les liens passent entre le logo et les boutons (ils ne se chevauchent plus). Script : nav-tel.js. */
.nav-burger,.nav-panneau{display:none}
@media (max-width:999px){
  nav .links,nav .nav-actions{display:none}
  nav .wrap{position:relative;z-index:20}
  .nav-burger{display:grid;place-items:center;width:44px;height:44px;margin-right:-6px;padding:0;border:0;background:none;border-radius:10px;cursor:pointer;color:var(--ink)}
  .nav-burger span{position:relative;display:block;width:22px;height:12px}
  .nav-burger i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .3s cubic-bezier(.22,1,.36,1),top .3s cubic-bezier(.22,1,.36,1)}
  .nav-burger i:first-child{top:0}
  .nav-burger i:last-child{top:10px}
  nav.ouvert .nav-burger i:first-child{top:5px;transform:rotate(45deg)}
  nav.ouvert .nav-burger i:last-child{top:5px;transform:rotate(-45deg)}
  .nav-panneau{display:flex;flex-direction:column;position:fixed;z-index:19;left:0;right:0;top:0;bottom:0;padding:calc(var(--nav-h,64px) + 14px) 20px calc(20px + env(safe-area-inset-bottom));background:#fff;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s;overflow-y:auto}
  nav.ouvert .nav-panneau{opacity:1;visibility:visible;transition:opacity .28s ease}
  .nav-panneau ul{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:16px;overflow:hidden}
  .nav-panneau li + li{border-top:1px solid var(--line)}
  .nav-panneau li a{display:flex;align-items:center;justify-content:space-between;padding:16px 16px;font-size:15.5px;font-weight:500;color:var(--ink);text-decoration:none}
  .nav-panneau li a::after{content:"";width:7px;height:7px;margin-right:3px;border:solid #AEAEB2;border-width:1.5px 1.5px 0 0;transform:rotate(45deg)}
  .nav-panneau li a:active{background:var(--soft)}
  .nav-panneau li{opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s cubic-bezier(.22,1,.36,1)}
  nav.ouvert .nav-panneau li{opacity:1;transform:none}
  nav.ouvert .nav-panneau li:nth-child(2){transition-delay:.04s}
  nav.ouvert .nav-panneau li:nth-child(3){transition-delay:.08s}
  nav.ouvert .nav-panneau li:nth-child(4){transition-delay:.12s}
  nav.ouvert .nav-panneau li:nth-child(5){transition-delay:.16s}
  .np-boutons{display:grid;gap:10px;margin-top:auto;padding-top:20px}
  .np-boutons a{display:flex;align-items:center;justify-content:center;height:48px;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none}
  .np-fort{background:#2563EB;color:#fff;box-shadow:inset 0 -1px 0 1px rgba(30,64,175,.9),inset 0 0 0 1px #2563EB,inset 0 .5px 0 1.5px rgba(255,255,255,.3);transition:background-color .15s,box-shadow .1s,opacity .2s}
  .np-fort:active{background:#1D4ED8;box-shadow:inset 0 3px 0 0 #1E3A8A}
  .np-clair{background:#fff;color:var(--ink);box-shadow:inset 0 -1px 0 0 #B5B5B5,inset 0 0 0 1px rgba(0,0,0,.1),inset 0 .5px 0 1.5px #fff;transition:background-color .15s,box-shadow .1s,opacity .2s}
  .np-clair:active{background:#F1F1F1;box-shadow:inset 0 2px 0 0 #D4D4D4}
  body.menu-ouvert{overflow:hidden}
}
/* Téléphone : barre pleine largeur, plus de carte flottante */
@media (max-width:600px){
  nav{padding:0!important;background:#fff!important}
  nav .wrap{height:56px!important;padding:0 20px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;max-width:none!important}
  nav .wrap,nav.scrolled .wrap,nav.ouvert .wrap{box-shadow:0 1px 0 var(--line)!important}   /* séparateur léger, toujours là (Aziz, 01/11) */
  nav .wrap{position:relative;z-index:20}
  nav .logo img{height:21px!important}
}
@media (prefers-reduced-motion:reduce){
  .nav-burger i,.nav-panneau,.nav-panneau li{transition:none!important}
}
@media (min-width:1000px) and (max-width:1199px){
  nav .links{position:static;transform:none;margin:0 auto;gap:22px}
}
/* 06/11 (audit du site : « au téléphone, 2,5 écrans sans bouton » ; carte blanche d'Aziz) : sous 1 000 px, le petit bouton noir reste dans la barre,
   entre le logo et le menu, tout le temps, sans animation. « Se connecter » reste dans le menu. Menu ouvert : le bouton se cache, le grand du menu suffit. */
@media (max-width:999px){
  nav .nav-actions{display:flex;margin-left:auto;margin-right:6px}
  nav .nav-actions .nav-cnx{display:none}
  nav.ouvert .nav-actions{visibility:hidden}
}
@media (max-width:600px){
  nav .wrap .nav-actions .btn-sm{height:36px;padding:0 14px;border-radius:10px;font-size:14px}
}