/* Crime rate utility classes for Tailwind */
.crime-rate-low { color: #27ae60; }
.crime-rate-medium { color: #f39c12; }
.crime-rate-high { color: #e67e22; }
.crime-rate-very-high { color: #e74c3c; }
.crime-rate-extreme { color: #8e44ad; }

/* Crime type component for panels */
.crime-type {
    @apply flex justify-between py-1 border-b border-gray-200 last:border-b-0;
}


/* Info panel state management */
.info-panel.active {
    @apply transform translate-x-0;
}

/* Map height override for Leaflet */
#map {
    height: 100% !important;
    width: 100% !important;
    /* Ensure map can receive pointer events */
    pointer-events: auto !important;
    position: relative;
}

/* Ensure overlays don't block map interaction */
#map .absolute {
    pointer-events: none;
}

#map .absolute * {
    pointer-events: auto;
}

/* Leaflet-specific styles - Keep these for map functionality */
.leaflet-popup-content-wrapper {
    border-radius: 8px;
}

.leaflet-popup-content {
    margin: 8px 12px;
}

.leaflet-control-zoom {
    border: none !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}

.leaflet-control-zoom a {
    border: none !important;
    background: white !important;
    color: #333 !important;
}

.leaflet-control-zoom a:hover {
    background: #f8f9fa !important;
}

.leaflet-interactive:hover {
    cursor: pointer;
}

/* Suburb popup styling */
.suburb-popup {
    font-family: inherit;
    min-width: 200px;
}

.suburb-popup h3 {
    margin: 0 0 10px 0;
    color: #2c3e50;
    font-size: 1.1rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

.suburb-popup p {
    margin: 5px 0;
    font-size: 0.9rem;
    line-height: 1.4;
}

.suburb-popup strong {
    color: #34495e;
}

/* Loading indicator for map boundaries */
.loading-indicator {
    @apply absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-white bg-opacity-95 px-5 py-5 rounded-lg shadow-lg z-30 flex items-center gap-3 text-sm text-crime-blue;
    pointer-events: none !important;
}

.loading-spinner {
    @apply w-5 h-5 border-2 border-gray-300 border-t-blue-500 rounded-full animate-spin;
}

/* Plugin-related CSS removed - custom search styles will be added later */