/* theme.css — identité visuelle de nantes-mobilite.fr (chargé en DERNIER sur toutes les pages).
 * Palette « bleu Loire & ardoise » : bleu #1d3c5c (la Loire, les toits d’ardoise ; 11,3:1 avec le blanc) réservé aux
 * actions et repères (en-tête, boutons, liens, filets) ; neutres froids (slate) ; titres en encre.
 * Les couleurs de lignes (M1, M2, tram, bus) restent celles du réseau. */
:root{
  --mm-brand:#1d3c5c; --mm-brand-dark:#18314b; --mm-brand-soft:#e7edf4;
  --mm-accent:#1d3c5c;          /* filets des titres de section (était le bleu de Marseille) */
  --mm-ink:#0f172a; --mm-muted:#475569;
  --brand:#1d3c5c; --brand-hover:#18314b; --brand-dark:#122539; --brand-light:#e7edf4; --brand-tint:#f7f9fb;
  --ink:#0f172a; --muted:#64748b; --surface:#f1f5f9; --line:#e2e8f0;
}
/* Hiérarchie : titres en encre (la couleur de marque ne sert plus à tout) */
.mm-content h2, .mm-content h3, .mm-home-body h2, .mm-home-body h3,
.about-area5 h2, .about-area5 h3 { color:var(--mm-ink) !important; }
/* Liens de texte : couleur de marque foncée, soulignement fin et décalé (lisible, moins « criard ») */
.mm-content p a, .mm-content li a, .mm-content td a,
.mm-home-body p a, .mm-home-body li a { color:#18314b; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; font-weight:600; }
.mm-content p a:hover, .mm-content li a:hover, .mm-content td a:hover,
.mm-home-body p a:hover, .mm-home-body li a:hover { color:#122539; text-decoration-thickness:2px; }
/* Tuiles « Explorer » : appel discret en encre, seule la flèche porte la marque (13 appels rouges = trop) ;
   la carte vedette (.bmx-feature, fond couleur de marque) garde son texte blanc. */
.bmx-card:not(.bmx-feature) .bmx-more{ color:var(--mm-ink) !important; }
.bmx-card:not(.bmx-feature):hover .bmx-more, .bmx-card:not(.bmx-feature):focus-visible .bmx-more{ color:var(--mm-brand) !important; }
/* Exception : sur fond brique (tuile vedette, bandeaux), les titres restent blancs */
.bmx-feature h2, .bmx-feature h3, .bmx-feature h4,
.mm-home-body .bmx-feature h3 { color:#fff !important; }
/* Bandeau info trafic : ambre pour les perturbations ordinaires (distinct du brique de l'en-tête),
   rouge réservé aux interruptions majeures (.bm-it-major, posée par infotrafic.php). */
.bm-it:not(.bm-it-major){ background:#fef3c7 !important; color:#78350f !important; border-bottom:1px solid #fcd34d; }
.bm-it:not(.bm-it-major) .bm-it-toggle{ background:#92400e !important; color:#fff !important; }
.bm-it:not(.bm-it-major) .bm-it-toggle:hover{ background:#78350f !important; }
.bm-it:not(.bm-it-major) .bm-it-close{ color:#78350f !important; }
.bm-it.bm-it-major{ background:#b91c1c !important; color:#fff !important; }