/* ===================== MAP FORCE FIX ===================== */
/* This file overrides all conflicting styles */

#map {
  height: 500px !important;
  width: 100% !important;
  border-radius: 20px !important;
  border: 4px solid #6366f1 !important;
  box-shadow: 0 20px 40px rgba(99,102,241,0.3) !important;
  margin: 2rem auto !important;
  max-width: 1100px !important;
  position: relative !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 1 !important;
  background-color: #f0f0f0 !important;
  overflow: hidden !important;
}

/* Reset all Leaflet styles */
.leaflet-container {
  height: 100% !important;
  width: 100% !important;
  border-radius: 16px !important;
  font-family: 'Inter', sans-serif !important;
  z-index: 1 !important;
  background: #f8fafc !important;
}

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-map-pane,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane {
  z-index: 1 !important;
}

.leaflet-top,
.leaflet-bottom {
  z-index: 1000 !important;
}

/* Force all parent containers to not hide the map */
.map-section,
.section,
.container,
body,
html {
  overflow: visible !important;
  position: relative !important;
  height: auto !important;
  min-height: auto !important;
}

/* Simple popup styling */
.leaflet-popup-content-wrapper {
  border-radius: 12px !important;
  background: white !important;
  color: #0f172a !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
  border: 1px solid #e2e8f0 !important;
}

.leaflet-popup-tip {
  background: white !important;
}

.leaflet-popup-content {
  margin: 12px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}