/* Leaflet Custom CSS for Progress Map */

/* Map container fills parent */
.codespacing_progress_map_area {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* Map div fills container */
[id^="codespacing_progress_map_div"] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* Leaflet container fills map div */
.leaflet-container {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/* Hide default Leaflet controls - plugin has its own */
.leaflet-control-zoom {
    display: none;
}

/* Fix for fullscreen maps */
.codespacing_progress_map_area {
    position: relative;
}

/* Ensure map is visible */
.leaflet-map-pane {
    z-index: 400;
}

/* Fix popup z-index */
.leaflet-popup {
    z-index: 1000;
}

/* Custom marker cluster styling to match original plugin */
.marker-cluster-small {
    background-color: rgba(181, 226, 140, 0.6);
}

.marker-cluster-small div {
    background-color: rgba(110, 204, 57, 0.6);
}

.marker-cluster-medium {
    background-color: rgba(241, 211, 87, 0.6);
}

.marker-cluster-medium div {
    background-color: rgba(240, 194, 12, 0.6);
}

.marker-cluster-large {
    background-color: rgba(253, 156, 115, 0.6);
}

.marker-cluster-large div {
    background-color: rgba(241, 128, 23, 0.6);
}