/* theme.css — identité visuelle de nice-mobilite.fr (chargé en DERNIER sur toutes les pages).
 * Palette « ocre niçois & pierre » : terre de Sienne #e81848 (façades ocre du Vieux-Nice ; 7,6:1 avec le blanc,
 * nettement distincte du rouge alerte #b91c1c) réservée aux actions et repères (en-tête, boutons, liens, filets) ;
 * neutres chauds (stone) ; titres en encre. Les couleurs des lignes (L1, L2, L3, B, bus) restent celles du réseau. */
:root{
  --mm-brand:#e81848; --mm-brand-dark:#bf133b; --mm-brand-soft:#f7e3e8;
  --mm-accent:#e81848;          /* filets des titres de section (accent = couleur de marque) */
  --mm-ink:#1c1917; --mm-muted:#57534e;
  --brand:#e81848; --brand-hover:#bf133b; --brand-dark:#900e2c; --brand-light:#f7e3e8; --brand-tint:#fcf5f7;
  --ink:#1c1917; --muted:#78716c; --surface:#f5f5f4; --line:#e7e5e4;
}
/* 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:#bf133b; 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:#900e2c; 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 ocre (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 de l'ocre 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; }
/* Module itinéraire (bmob-itineraire.css) : neutres froids du modèle → neutres chauds (pierre), accordés à l'ocre. */
.mmob-scope, .mmob-itn-page{
  --mmob-ink:#1c1917; --mmob-ink-soft:#44403c; --mmob-muted:#57534e;
  --mmob-line:#e7e5e4; --mmob-surface-2:#fafaf9;
  --mmob-shadow-sm:0 1px 2px rgba(28,25,23,.06), 0 1px 3px rgba(28,25,23,.10);
  --mmob-shadow:0 4px 12px rgba(28,25,23,.10), 0 2px 4px rgba(28,25,23,.06);
  --mmob-shadow-lg:0 18px 40px rgba(28,25,23,.16);
}