/* General styling fixes */
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f9fafb;
  color: #333;
}

/* Map container specific fixes */
.map-container {
  display: block !important;
  height: 600px !important;
  min-height: 600px !important;
  width: 100% !important;
  position: relative !important;
  z-index: 0 !important;
}

/* Leaflet container fixes */
.leaflet-container {
  height: 100% !important;
  width: 100% !important;
  min-height: 600px !important;
}

/* Ensure markers are visible */
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block !important;
}

/* Explicitly fix popup buttons */
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font: 16px/24px Tahoma, Verdana, sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}

/* Fix the map pane position */
.leaflet-map-pane {
  z-index: 2 !important;
}
.leaflet-google-layer {
  z-index: 1 !important;
}

/* Fix border and visual details */
.leaflet-control-zoom {
  border: 2px solid rgba(0,0,0,0.2);
  background-clip: padding-box;
}

/* Fix tile loading */
.leaflet-tile {
  visibility: inherit !important;
}