/* ================================================================
   trajectoires/themes/mobpro.css — Surcharges spécifiques MOBPRO
   ================================================================
   Thématique MOBPRO (mobilités domicile-travail). Chargé APRÈS
   trajectoires/{shared,theater,editorial,dept,licence,epci}.css.
   Contient les deltas MOBPRO vs le commun :
   - .thr-narration-chart max-width 900px (vs 1000px SIRENE qui a besoin
     de place pour les ticks y en millions + overlay timeline).
   - (prévu) tokens/surcharges pour modes transport, CO2, transfrontaliers
     si divergence future d'avec SIRENE.

    Note : à ce jour (phase 4), MOBPRO est un sous-ensemble strict de
    SIRENE sur les CSS — la plupart des sélecteurs (.thr-co2, .thr-tf-*)
    sont dans le commun (theater.css) bien que SIRENE ne les utilise pas.
    ================================================================ */

/* ── NARRATION CHART : max-width 900px (vs 1000px SIRENE) ─────── */
/* MOBPRO n'a pas d'overlay timeline-wrap sur le narration-chart,
    donc 900px suffit (SIRENE a besoin de 1000px pour les ticks y en
    millions + les dots d'événements overlay). Override du commun. */
.cv-page .thr-narration-chart {
    max-width: 900px;
}

/* ── SLIDER MILLÉSIME CARTE EPCI (trajectoires mobpro EPCI) ──── */
/* .thr-map-year-slider/.thr-map-year-label sont définis dans
    theater.css (page sombre landing nationale) ; le dashboard EPCI
    ne charge PAS theater.css — redéfinition ici pour la carte
    communale (contexte clair, dashboard). Copie adaptée de
    theater.css:267-287 (bump 20260907a). */
.thr-map-year-slider {
    display: flex; align-items: center; gap: 0.75rem;
}
.thr-map-year-slider input[type="range"] {
    width: 200px; height: 4px;
    -webkit-appearance: none;
    background: rgba(53,152,192,0.2);
    border-radius: 2px; outline: none;
}
.thr-map-year-slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 18px; height: 18px; border-radius: 50%;
    background: var(--accent-data, #3598C0); cursor: pointer;
    box-shadow: 0 0 10px rgba(53,152,192,0.5);
}
.thr-map-year-slider input[type="range"]::-moz-range-thumb {
    width: 18px; height: 18px; border-radius: 50%;
    border: none;
    background: var(--accent-data, #3598C0); cursor: pointer;
    box-shadow: 0 0 10px rgba(53,152,192,0.5);
}
.thr-map-year-label {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.3rem; font-weight: 700;
    color: var(--accent-data, #3598C0);
    min-width: 3.5em; text-align: center;
}