/* Map Pin Styles */
.map-pin-icon {
    z-index: 1000 !important; /* Ensure pins appear above map tiles */
    filter: drop-shadow(0 0 3px rgba(0,0,0,0.5)); /* Add shadow for better visibility */
}

/* Leaflet marker adjustments */
.leaflet-marker-icon {
    z-index: 600 !important;
    visibility: visible !important;
}

/* Make sure popup content is visible and styled nicely */
.marker-popup {
    padding: 5px;
}

.marker-popup h3 {
    margin-top: 0;
    color: #062e06;
    font-size: 16px;
}

.marker-popup-description {
    color: #333;
    font-size: 14px;
    margin-bottom: 8px;
}

.marker-popup-coordinates {
    color: #666;
    font-size: 12px;
    font-family: monospace;
}