/* Sprint D: Map cluster dark-mode overrides
   Brand emerald (#3ECF8E) at varying opacities for cluster sizes.
   Loaded in map templates to override default Leaflet MarkerCluster styles. */

.marker-cluster-small {
  background-color: rgba(62, 207, 142, 0.4);
}
.marker-cluster-small div {
  background-color: rgba(62, 207, 142, 0.6);
}

.marker-cluster-medium {
  background-color: rgba(62, 207, 142, 0.6);
}
.marker-cluster-medium div {
  background-color: rgba(62, 207, 142, 0.75);
}

.marker-cluster-large {
  background-color: rgba(62, 207, 142, 0.8);
}
.marker-cluster-large div {
  background-color: rgba(62, 207, 142, 0.9);
}

/* Cluster count text: Inter font, weight 500, white/slate-100 text */
.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #f1f5f9; /* slate-100 */
}

/* Override default Leaflet cluster border for dark mode cohesion */
.marker-cluster {
  border: 1px solid rgba(62, 207, 142, 0.3);
}