/* ------------------------------------------------------------------------------
   NodeSniff Map Cluster Styling
   Overrides default Leaflet MarkerCluster appearance
------------------------------------------------------------------------------ */

/* Base cluster circle */
.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large {
  background-color: rgba(0, 90, 0, 0.75); /* deep green tone */
  border: 2px solid #ffffff;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  transition:
    transform 0.2s ease-in-out,
    background-color 0.2s;
}

/* Adjust size depending on cluster count */
.marker-cluster-small {
  width: 40px;
  height: 40px;
}

.marker-cluster-medium {
  width: 45px;
  height: 45px;
  background-color: rgba(0, 120, 0, 0.8);
}

.marker-cluster-large {
  width: 50px;
  height: 50px;
  background-color: rgba(0, 150, 0, 0.85);
}

/* Hover effect (slight zoom + brighter color) */
.marker-cluster:hover {
  transform: scale(1.1);
  background-color: rgba(0, 180, 0, 0.9);
  cursor: pointer;
}

/* Inner number */
.marker-cluster div {
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
}

/* Remove the blue glow around clusters (default Leaflet) */
.leaflet-cluster-anim .leaflet-marker-icon,
.leaflet-cluster-anim .leaflet-marker-shadow {
  transition: none;
}