/*
 * Pastilles de regroupement des réalisations (Leaflet.markercluster).
 *
 * Seules les animations de MarkerCluster.css sont chargées : MarkerCluster.Default.css,
 * qui impose des pastilles bleu / jaune / vert, est volontairement laissé de côté.
 * L'apparence est définie ici pour rester cohérente avec les pins noirs de la carte.
 *
 * Feuille chargée uniquement sur la page « Toutes nos réalisations », depuis
 * enqueue_leaflet_scripts() dans functions.php. Le reste des styles de la carte
 * (popups) vit dans assets/scss/page/_map.scss.
 */

.kl-cluster-marker {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  transition: transform 0.2s ease;
}

.kl-cluster-marker span {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
}

.kl-cluster-marker:hover,
.kl-cluster-marker:focus {
  transform: scale(1.08);
}