/* Regroupements de marqueurs (Leaflet.markercluster) — remplace la palette
   bleu/vert/jaune par défaut de MarkerCluster.Default.css par la palette
   orange déjà utilisée partout ailleurs sur le site (cf. --viz-orange/
   --viz-orange-dark dans sidebarViz.css, --gs-orange/--gs-orange-dark dans
   globalSearch.css, le dégradé #ff5f6d → #ffc371 de l'en-tête dans
   navbar.css). Trois paliers déjà définis par la librairie selon le nombre
   de fiches regroupées (<10 / 10-99 / 100+) : on garde cette classification,
   seule la couleur change, du plus clair (peu de fiches) au plus chaud/rouge
   (beaucoup de fiches) — même logique de progression que le dégradé de
   l'en-tête, sans inventer de nouvelle couleur hors palette du site. */
:root {
    --mc-orange-soft: #ff8b3d;
    --mc-orange: #ec6f1f;
    --mc-orange-deep: #ff5f6d;
}

.marker-cluster-small {
    background-color: rgba(255, 139, 61, 0.35);
}
.marker-cluster-small div {
    background-color: var(--mc-orange-soft);
}

.marker-cluster-medium {
    background-color: rgba(236, 111, 31, 0.35);
}
.marker-cluster-medium div {
    background-color: var(--mc-orange);
}

.marker-cluster-large {
    background-color: rgba(255, 95, 109, 0.35);
}
.marker-cluster-large div {
    background-color: var(--mc-orange-deep);
}

.marker-cluster {
    background-clip: padding-box;
    border-radius: 20px;
}
.marker-cluster div {
    width: 32px;
    height: 32px;
    margin-left: 4px;
    margin-top: 4px;
    border-radius: 16px;
    border: 2px solid #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    font: 700 12px system-ui, "Helvetica Neue", Arial, sans-serif;
    text-align: center;
}
.marker-cluster span {
    line-height: 28px;
    color: #fff;
}