/* Map Settings CSS Fixes */

/* Ensure map container supports absolute positioning */
#map {
    position: relative !important;
}

/* Hide old labels-toggle-btn if it appears */
.labels-toggle-btn {
    display: none !important;
    visibility: hidden !important;
}

/* Fix checkbox selector (was broken) */
.map-checkbox input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin-right: 10px !important;
    cursor: pointer !important;
    accent-color: #4ecca3 !important;
}

/* FORCE HIDE ALL Google Maps default controls */
.gm-style .gm-style-mtc,
.gm-style-mtc,
div.gm-style-mtc,
button.gm-control-active {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Hide any button that might be a map type control */
.gm-style button[title="Show street map"],
.gm-style button[title="Show satellite imagery"],
.gm-style button[aria-label*="Map"],
.gm-style button[aria-label*="Satellite"] {
    display: none !important;
    visibility: hidden !important;
}

/* Ensure map settings button is visible and positioned correctly */
.map-settings-btn {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 10000 !important;
    border: 1px solid rgba(78, 204, 163, 0.3) !important;
    outline: none !important;
}

.map-settings-btn:focus {
    outline: none !important;
}

/* Ensure panel z-index is high enough */
.map-settings-panel {
    z-index: 10000 !important;
    display: none !important;
}

.map-settings-panel.visible {
    display: block !important;
}