/* Site header — nav commune à toutes les pages publiques (landing, pricing, docs, cgu, privacy, mentions) */
.nav{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;max-width:960px;margin:0 auto}
.nav-logo{font-size:1.25rem;font-weight:700;color:var(--text);text-decoration:none}
.nav-logo:hover{text-decoration:none}
.nav-logo span{color:var(--primary)}
.nav-links{display:flex;align-items:center;gap:24px;font-size:.9rem}
.nav-links a{color:var(--muted)}
.nav-links a:hover{color:var(--text);text-decoration:none}
.nav-links a.active{color:var(--primary);font-weight:600}
.nav-lang{font-size:.8rem}
.nav-login{margin-left:auto}
.nav-cta{background:var(--primary);color:#fff!important;padding:8px 16px;border-radius:8px;font-weight:600}
.nav-cta:hover{background:var(--primary-dark);text-decoration:none}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px;color:var(--text);border-radius:6px}
.nav-toggle:hover{background:var(--bg)}
.nav-toggle svg{display:block;width:22px;height:22px}

@media(max-width:640px){
  .nav{position:relative}
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:0;padding:8px 0;box-shadow:var(--shadow-nav);z-index:100}
  .nav-links.open{display:flex}
  .nav-links a{padding:12px 24px}
  .nav-login{margin-left:0}
  .nav-cta{margin:8px 24px;text-align:center;border-radius:8px}
}