/* ==========================================================================
   Bandeau "Les actualites de Yannick" — design C valide (v187).
   Fond anthracite SIGNATURE : identique en mode clair ET en mode sombre
   (comme le bloc rouge du logo — repere visuel constant).
   Tout en Overpass (police du site), typo agrandie en desktop.
   LA MECANIQUE DE ROTATION N'EST PAS TOUCHEE : memes classes, memes
   animations (mm-news-strip-in), meme JS. Habillage uniquement.
   ========================================================================== */

/* ── Fond + structure ── */
body .mm-news-strip,
body.light-mode .mm-news-strip {
    background: #17181b;
    background-image: repeating-linear-gradient(90deg, transparent 0 120px, rgba(255, 255, 255, 0.022) 120px 121px);
    border-top: 1px solid #000;
    border-bottom: 1px solid #2c2e33;
    min-height: 88px;
}
body .mm-news-strip-inner { min-height: 88px; }

/* ── Label "Les actualites de Yannick" : blanc + separateur vertical ── */
body .mm-news-strip-label,
body.light-mode .mm-news-strip-label {
    color: #fff;
    border-right: 1px solid #2c2e33;
    padding-right: 26px;
    flex-basis: 276px;
    font-size: 15px;
}
body .mm-news-strip-label i {
    background: #c90000;
    box-shadow: 0 0 12px rgba(201, 0, 0, 0.67);
}

/* ── Typo agrandie desktop (Overpass partout) ── */
body .mm-news-strip-rotator,
body .mm-news-strip-item,
body .mm-news-strip-item.is-active { height: 30px; line-height: 30px; }
body .mm-news-strip-date {
    color: #8a919b;
    font-size: 14px;
    flex-basis: 205px;
}
body .mm-news-strip-city {
    color: #ff4545;
    font-size: 17px;
    flex-basis: 185px;
    text-shadow: 0 0 14px rgba(201, 0, 0, 0.33);
}
body .mm-news-strip-event { color: #d8dade; font-size: 16px; }
body .mm-news-strip-event:before { content: '>'; color: #ff4545; font-style: normal; font-weight: 900; }

/* ── Tablette : proportions intermediaires, fond sombre conserve ── */
@media (min-width: 768px) and (max-width: 1023px) {
    body .mm-news-strip, body .mm-news-strip-inner { min-height: 84px; }
    body .mm-news-strip-label { flex-basis: 225px; font-size: 12px; padding-right: 16px; }
    body .mm-news-strip-date { flex-basis: 175px; font-size: 12px; }
    body .mm-news-strip-city { flex-basis: 140px; font-size: 13px; }
    body .mm-news-strip-event { font-size: 12px; }
}

/* ── Mobile : structure 2 lignes existante conservee, couleurs C ── */
@media (max-width: 767px) {
    body .mm-news-strip, body .mm-news-strip-inner { min-height: 108px; }
    body .mm-news-strip-label { border-right: 0; padding-right: 0; flex-basis: auto; font-size: 10px; }
    body .mm-news-strip-rotator, body .mm-news-strip-item, body .mm-news-strip-item.is-active { height: 54px; line-height: 1; }
    body .mm-news-strip-date { font-size: 10px; }
    body .mm-news-strip-city { font-size: 11px; text-shadow: none; }
    body .mm-news-strip-event { font-size: 11px; }
    body .mm-news-strip-event:before { content: none; }
}

/* ── Accents alternatifs du panneau accessibilite : le rouge signature du
      bandeau suit la couleur choisie via --accent-dark-text (deja calculee
      pour les fonds sombres depuis la v166). ── */
body .mm-news-strip-city { color: var(--accent-dark-text, #ff4545); }
body .mm-news-strip-event:before { color: var(--accent-dark-text, #ff4545); }
body .mm-news-strip-label i { background: var(--accent, #c90000); }