/* Safari-specific fixes for modal z-index issues */
@supports (-webkit-backdrop-filter: blur(2px)) {
    .menu-popup-modal {
        z-index: 99999 !important;
        background: rgba(0, 0, 0, 0.8) !important;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    
    .menu-popup-content {
        z-index: 100000 !important;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    /* Ensure search popup overlays properly in Safari */
    .search-popup-modal {
        z-index: 99990 !important;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        background: rgba(0, 0, 0, 0.6) !important;
    }

    .search-popup-content {
        z-index: 100001 !important;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    
    /* Ensure map container doesn't interfere */
    #map {
        z-index: 1 !important;
        -webkit-transform: none !important;
        transform: none !important;
    }
    
    /* Force all Leaflet panes to low z-index */
    .leaflet-map-pane,
    .leaflet-tile-pane,
    .leaflet-overlay-pane,
    .leaflet-shadow-pane,
    .leaflet-marker-pane,
    .leaflet-tooltip-pane,
    .leaflet-popup-pane {
        z-index: 10 !important;
    }
}