/* Navigation commune à la vitrine (`vitrine/index.html`) et à l'Espace
   Outils (`templates/base.html`) : chargée APRÈS la feuille de style de
   chaque page, elle ne pose que ce qui doit être identique des deux côtés
   — boutons dans <nav>, pied de page qui passe à la ligne, et le menu
   mobile (bouton « Menu », panneau déplié par `nav.js`). Tokens Halo
   hérités de la page hôte, aucune couleur nouvelle. */

.nav nav{align-items:center}
.nav nav a,.nav-dd>button.dd-trigger{white-space:nowrap}
/* Boutons dans <nav> : `.nav nav a` et son :hover sont plus spécifiques que
   `.btn`, ils repeignaient le libellé du bouton en gris ou en encre. */
.nav nav a.btn,.nav nav a.btn:hover{color:#fff}
.nav nav a.btn-o,.nav nav a.btn-o:hover{color:var(--ink)}

.footer-nav{flex:0 1 auto;flex-wrap:wrap;row-gap:10px}

/* Onglets SAIFY Finance / SAIFY (ADR-0027) : interrupteur en capsule,
   l'onglet de la page courante porte aria-current et passe à l'encre. */
.onglets{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.55);flex:none}
.nav nav .onglets a{padding:5px 13px;border-radius:999px;font-weight:600;font-size:13px;color:var(--mut)}
.nav nav .onglets a:hover{color:var(--ink)}
.nav nav .onglets a[aria-current="page"],.nav nav .onglets a[aria-current="page"]:hover{background:var(--ink);color:#fff}

.nav-bascule{display:none}

@media(max-width:1180px){
  header .nav{position:relative;gap:12px}
  .nav-bascule{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-left:auto;
    min-width:44px;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:14px;
    background:rgba(255,255,255,.6);color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;
  }
  .nav-bascule:hover{border-color:var(--line-strong)}
  .nav-bascule:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
  .nav-bascule svg{width:20px;height:20px;display:block}
  .nav-bascule .ferme,.nav-bascule[aria-expanded="true"] .ouvre{display:none}
  .nav-bascule[aria-expanded="true"]{border-color:var(--line-strong)}
  .nav-bascule[aria-expanded="true"] .ferme{display:block}

  .nav nav{
    display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;margin:0;
    flex-direction:column;align-items:stretch;gap:2px;padding:10px;
    background:#fff;border:1px solid var(--line);border-radius:18px;
    box-shadow:0 18px 50px rgba(13,21,36,.16);
    max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;
  }
  .nav.nav-ouverte nav{display:flex}
  .nav nav a,.nav nav a.avec-icone{
    display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;
    font-size:15px;color:var(--ink-soft);
  }
  .nav nav a:not(.btn):hover,.nav nav a[aria-current]{background:rgba(36,71,226,.07);color:var(--ink)}
  .nav nav a.btn{justify-content:center;margin-top:8px;padding:12px 18px;font-size:14px;border-radius:var(--r-pill)}
  .nav nav a.btn-o{box-shadow:inset 0 0 0 1.5px var(--line-strong)}
  .nav nav a.btn + a.btn{margin-top:4px}
  /* Les onglets restent côte à côte en tête du panneau mobile. */
  .nav nav .onglets{display:flex;margin-bottom:6px}
  .nav nav .onglets a{flex:1;justify-content:center;min-height:40px;font-size:14px}
  .nav nav .onglets a[aria-current="page"]{background:var(--ink);color:#fff}

  /* Sous-menus (équipe SAIFY, compte client) : dépliés en place. */
  .nav-dd>button.dd-trigger{width:100%;min-height:44px;padding:0 14px;font-size:15px;justify-content:space-between;color:var(--ink-soft)}
  .nav-dd .dropdown,.nav-dd .dropdown.droite{
    position:static;min-width:0;padding:0 0 6px 12px;border:none;box-shadow:none;background:transparent;
  }
  .user-nav{display:block;border-left:none;margin:6px 0 0;padding:6px 0 0;border-top:1px solid var(--line)}
  .user-nav .dd-trigger{justify-content:flex-start;gap:10px}
}