/* Styles pour les tooltips personnalisés */
.leaflet-tooltip.custom-tooltip {
    background-color: white;
    border: 1px solid black;
    border-radius: 5px;
    padding: 5px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #333;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    z-index: 3000; /* Mettre les custom tooltips au-dessus des autres éléments */
}

/* Masquer la pointe pour les tooltips personnalisés */
.leaflet-tooltip.custom-tooltip::after {
    display: none;
}

/* Styles pour les tooltips par défaut */
.leaflet-tooltip.default-tooltip {
    font-size: 10px;
    color: red;
    background-color: #eee5e4;
    border-radius: 0px;
    padding: 2px;
    z-index: 2000; /* Assurer que les default tooltips ont un z-index inférieur aux custom tooltips */
}

/* Pointe pour les tooltips par défaut */
.leaflet-tooltip.default-tooltip::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

/* Styles pour les tooltips sélectionnés */
.leaflet-tooltip.selected-tooltip {
    z-index: 3000; /* Mettre le tooltip sélectionné au-dessus des autres */
}

/* Assurer que les clusters ont un z-index plus élevé que tous les tooltips */
.marker-cluster {
    z-index: 4000;
}

/* Assurer que les icônes treeMarker ont un z-index plus élevé que les tooltips */
.leaflet-marker-icon.treeMarker,
.leaflet-marker-shadow.treeMarker {
    z-index: 5000 !important; /* Utiliser un z-index plus élevé pour les icônes treeMarker et ajouter !important pour forcer la priorité */
}