/* La page « Zone de chalandise » du tableau de bord (maquette A validée le 01/10/2026,
   docs/maquettes/zone-chalandise-a.html). Jetons du DS uniquement ; la carte elle-même est dessinée
   par MapLibre (web/vendor/maplibre-gl.css), seul son cadre est réglé ici. */

.zc-bascules { display: flex; flex-wrap: wrap; gap: 8px 14px; margin: 0 0 12px; }
.zc-bascule { display: inline-flex; gap: 4px; }

.zc-carte { height: 560px; border: 1px solid var(--border-subtle); border-radius: var(--ds-radius-control, 6px); overflow: hidden; background: var(--surface-3); }
.zc-carte .maplibregl-ctrl-attrib { display: none; }

.zc-legende { margin: 10px 0 0; align-items: center; }
.zc-source { margin-left: auto; color: var(--text-2); }

.zc-nom { margin: 0 0 4px; font: var(--weight-bold) var(--text-xl)/var(--leading-snug) var(--font-display); color: var(--text-1); letter-spacing: -0.01em; }
.zc-ligne { cursor: default; }

@media (max-width: 700px) {
  .zc-carte { height: 380px; }
}

/* Au doigt, les boutons de la carte (zoom, boussole) font 44 px comme toute cible tactile. */
@media (pointer: coarse) {
  .zc-carte .maplibregl-ctrl-group button { width: 44px; height: 44px; }
}