/* Garde-fous responsive globaux : jamais de défilement horizontal, médias
   bornés à la largeur de l'écran, et retrait latéral réduit sur petit mobile. */
html, body { overflow-x: hidden; max-width: 100%; }
img { max-width: 100%; }
@media (max-width: 600px) {
  section { padding-left: 18px !important; padding-right: 18px !important; }
}

.nav { display:flex; align-items:center; justify-content:space-between; padding:20px 0 60px; position:relative; }
.nav-logo { display:flex; align-items:center; gap:10px; text-decoration:none; }
.nav-brand { font-weight:700; font-size:19px; font-family:'Space Grotesk',sans-serif; color:#fff; }
.nav-links { display:flex; gap:32px; font-size:14px; color:#9ca3af; align-items:center; }
.nav-link { color:#9ca3af; text-decoration:none; }
.nav-link-active { color:#fff; }
.nav-hint { color:#9ca3af; white-space:nowrap; }
.btn-pink { background:#f43f8e; color:#fff; font-weight:700; padding:10px 20px; border-radius:9999px; text-decoration:none; white-space:nowrap; }
.btn-outline { color:#fff; font-weight:700; padding:10px 20px; border-radius:9999px; border:1px solid #2a2a35; text-decoration:none; white-space:nowrap; }
.nav-toggle { display:none; background:none; border:none; color:#fff; font-size:22px; cursor:pointer; padding:4px 8px; }
.nav-auth { display:flex; align-items:center; gap:16px; }

.site-footer { border-top:1px solid #2a2a35; margin-top:64px; padding:28px 32px; background:#0f0f14; font-family:'Inter',sans-serif; }
.site-footer-inner { max-width:1240px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; }
.site-footer-brand { color:#6b7280; font-size:13px; }
.site-footer-links { display:flex; flex-wrap:wrap; gap:20px; }
.site-footer-link { color:#9ca3af; font-size:13px; text-decoration:none; }
.site-footer-link:hover { color:#fff; }

@media (max-width: 720px) {
  .nav-toggle { display:block; }
  .site-footer-inner { flex-direction:column; align-items:flex-start; }
  .nav-links {
    display:none;
    position:absolute; top:100%; left:0; right:0;
    background:#17171d; border:1px solid #2a2a35; border-radius:16px;
    flex-direction:column; align-items:flex-start; gap:16px; padding:20px; margin-top:8px; z-index:50;
  }
  .nav-links.nav-links-open { display:flex; }
  .nav-auth { flex-direction:column; align-items:flex-start; gap:12px; width:100%; }
  .nav-auth a, .nav-auth button { width:100%; text-align:center; box-sizing:border-box; }
}