/* ══════════════════════════════════════════════════════════════════
   radar132.shell.css — chrome partagé (header / nav / footer)
   Mutualise l'identité visuelle de l'accueil sur les sous-pages
   (carte.html, media.html). Source de vérité : règles extraites du
   <style> inline d'index.html. À terme, index.html devrait aussi
   pointer ici pour supprimer la duplication.
   ══════════════════════════════════════════════════════════════════ */

/* ── Polices ── */
.font-logo  { font-family:'Inter',sans-serif; font-weight:900; }
.font-serif { font-family:'IBM Plex Serif',Georgia,serif; }

/* ── Boutons de navigation (header) — repris du sélecteur de région ── */
.region-btn {
  display:inline-flex; align-items:center; gap:5px;
  padding:6px 12px; border-radius:8px;
  font-size:.72rem; font-weight:700; cursor:pointer;
  border:1.5px solid transparent;
  background:rgba(255,255,255,.08); color:#bfdbfe;
  letter-spacing:.02em; transition:all .15s;
  white-space:nowrap; text-decoration:none;
}
.region-btn:hover  { background:rgba(255,255,255,.18); color:#fff; }
.region-btn.active { background:#fff; color:#1e3a8a; border-color:#fff; }

/* ── Lien logo (header) ── */
.r132-logo-link { text-decoration:none; color:inherit; }
.r132-logo-link:hover { color:inherit; }
/* Neutralise la marge h1 par défaut quand la page ne charge pas le preflight
   Tailwind (ex. media.html en nopreflight) — garde le header compact. */
.r132-logo-link h1 { margin:0; }

/* Sous-titre régional du logo : caché en mobile, visible ≥640px.
   Classe dédiée pour éviter la collision avec `.hidden{display:none!important}`
   de radar132.css (chargé par media.html) et l'aléa des builds Tailwind. */
.r132-logo-sub { display:none; }
@media (min-width:640px) {
  .r132-logo-sub { display:inline; }
}

@media (max-width:767px) {
  .region-btn .lbl-long { display:none; }
}
@media (max-width:480px) {
  .region-btn { padding:5px 9px; font-size:.65rem; }
}

/* ── Respect de prefers-reduced-motion ──────────────────────────────
   Coupe les animations (pastilles pulsées, marqueurs d'alerte de la
   carte, etc.) pour les sous-pages qui chargent ce fichier
   (carte.html, media.html). L'accueil a sa propre garde inline. ──── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; }
  .region-btn, .r132-logo-link { transition: none !important; }
  html { scroll-behavior: auto !important; }
}