/* (29/09) Cartes « Records en direct » et « Records menacés » — disposition B, comme les modèles et les observations :
   bandeau blanc AU-DESSUS (titre + boutons d'export), carte, légende et crédit SOUS la carte ; bouton plein écran sous le zoom.
   Classes rc-* (et non sa-*) : les règles globales de theme_clair.css pour les cartouches flottants ne s'y appliquent pas. */
.rc-cadre { position: relative; border: 1px solid var(--bord); border-radius: 8px; overflow: hidden; background: #fff; }
.rc-cadre .rc-carte { height: 600px; overflow: hidden; background: #1b2a3a; position: relative; }
html.theme-light .rc-cadre .rc-carte { background: #e9e8e2; }
@media (max-width: 600px) { .rc-cadre .rc-carte { height: 440px; } }
.rc-band { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 12px; background: #fff; color: #19191a; padding: 7px 10px; border-bottom: 1px solid #e2e2e6; min-height: 38px; }
.rc-titre { font: 600 15px -apple-system, system-ui, sans-serif; color: #19191a; min-width: 0; flex: 1 1 260px; }
.rc-titre small { display: block; font-weight: 500; font-size: 11px; color: #55555f; margin-top: 2px; }
.rc-band .ex-bloc-barre { position: static !important; flex: none; flex-wrap: wrap; }
.rc-band .ex-bloc-barre button { background: #fff !important; color: #19191a !important; border: 1px solid #d6d6dc !important; backdrop-filter: none !important; }
.export-mode .rc-band { padding-right: 58px; }                  /* place du logo rond de l'export */
.rc-legbar { background: #fff; color: #19191a; border-top: 1px solid #e2e2e6; padding: 5px 10px 6px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 3px 12px; }
.rc-legende { font: 500 10.5px -apple-system, system-ui, sans-serif; min-width: 0; }
.rc-legende > div { display: flex; flex-wrap: wrap; align-items: center; gap: 3px 9px; line-height: 1.5; }
.rc-legende b { font-weight: 700; }
/* html-to-image fige la largeur de chaque élément : avec une police un peu plus large (Windows), un libellé passait sous sa pastille */
.rc-legende span, .rc-legende b { white-space: nowrap; }
.rc-legende .sep { width: 1px; height: 11px; background: currentColor; opacity: .35; }
.rc-legende .nb { opacity: .75; font-style: italic; }
.rc-legende i { width: 10px; height: 10px; border-radius: 50%; display: inline-block; border: 1px solid rgba(0,0,0,.35); margin-right: 3px; vertical-align: -1px; }
.rc-credit { font: 600 9px -apple-system, system-ui, sans-serif; letter-spacing: .04em; text-transform: uppercase; color: #55555f; white-space: nowrap; margin-left: auto; }
.export-vierge .rc-band, .export-vierge .rc-legbar { display: none !important; }   /* → Atelier / → Événement : carte seule */
/* bouton plein écran (plein_ecran.js), dans un contrôle Leaflet sous le zoom ; seul en haut à gauche sur téléphone (zoom masqué) */
.rc-pe .pe-bt { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: #fff; color: #1c1c22; border: 0; border-radius: 4px; cursor: pointer; padding: 0; }
.rc-pe .pe-bt:hover { background: #f4f4f4; }
.pe-actif.rc-cadre { border: 0; }
@media (max-width: 600px) {
  .rc-band { padding: 6px 8px; } .rc-titre { font-size: 13px; }
  .rc-legbar { padding: 4px 8px 5px; } .rc-legende { font-size: 9.5px; } .rc-legende i { width: 8px; height: 8px; }
  .rc-credit { font-size: 7.5px; margin: 0 auto; }
}
/* (04/10) logo MC dans le bandeau à l'écran (comme sur les images exportées) ; caché pendant un export (l'export pose le sien) */
.rc-band.avec-logo { position: relative; padding-right: 50px; }
.rc-band .rc-logo { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; pointer-events: none; }   /* centré dans le bandeau ; seulement là où la droite du bandeau est libre (pas sur les Anomalies, qui y ont leurs boutons) */
.export-mode .rc-logo, .export-vierge .rc-logo { display: none !important; }
@media (max-width: 600px) { .rc-band.avec-logo { padding-right: 42px; } .rc-band .rc-logo { width: 26px; height: 26px; right: 8px; } }