/* Fix pour les légendes et les contrôles qui disparaissent lors du zoom */

/* IMPORTANT: Ne PAS mettre overflow: visible sur leaflet-container */
/* Cela cause des problèmes avec les contrôles */

/* Garder le conteneur principal avec overflow: hidden */
.leaflet-container {
  overflow: hidden !important;
}

/* Permettre aux légendes de dépasser du map-pane */
.leaflet-map-pane {
  overflow: visible !important;
}

/* S'assurer que les marqueurs restent visibles */
.leaflet-marker-pane {
  overflow: visible !important;
}

/* Ajuster le z-index pour que les légendes restent au-dessus */
.leaflet-marker-icon {
  z-index: 1000 !important;
}

/* FIX PRINCIPAL: Forcer les contrôles à rester visibles */
/* Les contrôles Leaflet doivent avoir position: absolute et z-index élevé */
.leaflet-top,
.leaflet-bottom,
.leaflet-left,
.leaflet-right {
  position: absolute !important;
  z-index: 1000 !important;
  pointer-events: none !important;
}

/* Réactiver les événements de pointeur pour les contrôles eux-mêmes */
.leaflet-control {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 800 !important;
}

/* Sidebar et panels doivent rester au-dessus */
.leaflet-sidebar,
.leaflet-control-layers,
.leaflet-control-zoom,
.leaflet-bar {
  position: relative !important;
  z-index: 1000 !important;
  pointer-events: auto !important;
}

/* Timeline control au bas de la page */
.leaflet-bottom {
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}