/* Map enhancement styles */

/* Improve marker visibility */
.high-visibility-marker {
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.7));
    transition: all 0.2s ease;
}

.high-visibility-marker:hover {
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.9));
    transform: scale(1.2);
}

/* Improve polygon visibility */
.leaflet-interactive {
    stroke-width: 3px !important;
    stroke-opacity: 0.9 !important;
    fill-opacity: 0.3 !important;
}

/* Improve tooltip visibility */
.leaflet-tooltip {
    background-color: rgba(0, 0, 0, 0.7) !important;
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    font-weight: bold !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
}

/* Improve draw control visibility */
.leaflet-draw-toolbar a {
    position: relative;
    background-color: rgba(0, 0, 0, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.leaflet-draw-toolbar a:hover {
    background-color: rgba(0, 0, 0, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
}

/* Make sure satellite layer is visible through transparent elements */
.leaflet-container {
    background-color: transparent !important;
}

/* Ensure proper z-index for interactive elements */
.leaflet-pane {
    z-index: 400;
}

.leaflet-overlay-pane {
    z-index: 410;
}

.leaflet-marker-pane {
    z-index: 420;
}

.leaflet-tooltip-pane {
    z-index: 430;
}

.leaflet-popup-pane {
    z-index: 440;
}

.leaflet-control {
    z-index: 450;
}

/* Fix for Google Satellite layers */
.leaflet-google-layer {
    z-index: 0;
}