/* V10.3.0 — Oveyo custom MarkerCluster styles (palette ink + orange).
   Remplace MarkerCluster.Default.css. Couleurs : #102A43 (ink), #F4632B (orange),
   #FFA45B (orange clair). */

.marker-cluster-oveyo {
  background-clip: padding-box;
  border-radius: 50%;
}
.marker-cluster-oveyo div {
  width: 32px;
  height: 32px;
  margin-left: 4px;
  margin-top: 4px;
  text-align: center;
  border-radius: 50%;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(16, 42, 67, 0.18);
}
.marker-cluster-oveyo span {
  line-height: 32px;
  color: white;
  font-size: 12px;
  font-weight: 700;
}

/* Petits clusters (2-9 markers) — ink */
.marker-cluster-oveyo-small {
  background-color: rgba(16, 42, 67, 0.25);
}
.marker-cluster-oveyo-small div {
  background-color: #102A43;
}

/* Moyens (10-49) — orange */
.marker-cluster-oveyo-medium {
  background-color: rgba(244, 99, 43, 0.25);
}
.marker-cluster-oveyo-medium div {
  background-color: #F4632B;
}

/* Grands (50+) — orange foncé */
.marker-cluster-oveyo-large {
  background-color: rgba(217, 79, 21, 0.25);
}
.marker-cluster-oveyo-large div {
  background-color: #D94F15;
}
.marker-cluster-oveyo-large div {
  width: 38px;
  height: 38px;
  margin-left: 1px;
  margin-top: 1px;
}
.marker-cluster-oveyo-large span {
  line-height: 38px;
  font-size: 13px;
}

/* Animation smooth */
.leaflet-cluster-anim .leaflet-marker-icon,
.leaflet-cluster-anim .leaflet-marker-shadow {
  transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

/* Spider lines (quand on clique sur un cluster avec markers à coordonnées identiques) */
.leaflet-cluster-spider-leg {
  transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}