/* Leaflet Marker Cluster Color Styles
 * Small clusters: Green (2-10 markers)
 * Medium clusters: Yellow (10-100 markers)
 * Large clusters: Red (100+ markers)
 */

/* Small clusters (2-10 markers) - Green */
.marker-cluster-small {
    background-color: rgba(34, 197, 94, 0.6);
}
.marker-cluster-small div {
    background-color: rgba(34, 197, 94, 0.8);
    color: white;
    font-weight: bold;
}

/* Medium clusters (10-100 markers) - Yellow */
.marker-cluster-medium {
    background-color: rgba(234, 179, 8, 0.6);
}
.marker-cluster-medium div {
    background-color: rgba(234, 179, 8, 0.8);
    color: white;
    font-weight: bold;
}

/* Large clusters (100+ markers) - Red */
.marker-cluster-large {
    background-color: rgba(239, 68, 68, 0.6);
}
.marker-cluster-large div {
    background-color: rgba(239, 68, 68, 0.8);
    color: white;
    font-weight: bold;
}