/**
 * Styles pour la carte Leaflet et ses filtres
 */

/* Container */
#leaflet-container { 
    display: flex; 
    width: 100%; 
}

/* Carte */
#leaflet-map { 
    flex: 1; 
    min-height: 750px; /* Hauteur minimale par défaut */
    display: block !important;

}

/* Masquer complètement les filtres lorsqu'ils sont désactivés dans les paramètres */
#leaflet-filters.filters-permanently-hidden {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}


/* Zone des filtres */
#leaflet-filters { 
    flex: 0 0 300px; 
    padding: 20px; 
    background: #f9f9f9; 
    overflow-y: auto; 
}

/* Titres des filtres */
#leaflet-filters h4 { 
    margin: 0 0 15px; 
    font-size: 14px; 
    font-weight: bold; 
    color: #333; 
}

/* Labels des filtres */
#leaflet-filters label { 
    display: flex;
    align-items: center;
    margin-bottom: 8px; 
    font-size: 12px; 
    font-weight: normal;
}

/* Cases à cocher */
#leaflet-filters input[type="checkbox"] { 
    margin-right: 8px; 
}

/* Champ de recherche */
#leaflet-search { 
    width: 100%; 
    padding: 8px; 
    margin-bottom: 15px; 
    border-radius: 20px; 
}

/* Bouton de réinitialisation */
#reset-filters {
    display: block;
    width: 100%;
    padding: 10px;
    margin-top: 15px;

    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s;
}

#reset-filters:hover {
/*    background: #d32f2f;
*/}

/* Boutons "Voir plus" et "Refermer" */
.show-more-btn, .hide-more-btn {
    display: inline-block;
    margin: 5px 0 15px;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.show-more-btn:hover, .hide-more-btn:hover {

}

.hide-more-btn {

}

.hide-more-btn:hover {

}

/* Groupe de filtres */
#filter-departements, #filter-types, #filter-specialites, #filter-categories {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/* Compteur de résultats */
#results-counter {
    margin: 15px 0;
    text-align: center;
    font-size: 12px;
    color: #666;
}


.leaflet-container a{
    color:#7A2B1F !important;
}
/* Responsive */
@media (max-width: 768px) {
    #leaflet-container {
        flex-direction: column-reverse; /* Carte au-dessus, filtres en dessous */
    }
    
    #leaflet-map {
        width: 100%;
        height: 50vh !important; /* Forcer la hauteur à 50% de la hauteur de l'écran */
    }
    
    #leaflet-filters {
        width: 100%;
        max-height: 40vh; /* Limite la hauteur des filtres */
        overflow-y: auto;
        padding: 10px;
    }
    
    /* Rendre les boutons plus grands sur mobile pour faciliter le tap */
    #reset-filters, .show-more-btn, .hide-more-btn {
        padding: 12px;
        margin-top: 10px;
        font-size: 16px;
    }
    
    /* Améliorer les checkboxes sur mobile */
    #leaflet-filters input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }
    
    #leaflet-filters label {
        margin-bottom: 12px;
        font-size: 14px;
    }
}

/* Pour les très petits écrans */
@media (max-width: 480px) {
    #leaflet-map {
        height: 60vh !important; /* Plus d'espace pour la carte sur petit écran */
    }
    
    #leaflet-filters {
        max-height: 30vh;
    }
}

/* Toggle pour les filtres sur mobile */
#toggle-filters {
    display: none; /* Masqué par défaut */
    width: 100%;
    padding: 10px;
    border: none;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 4px;
}

@media (max-width: 768px) {
    /* Afficher le bouton uniquement sur mobile */
    #toggle-filters {
        display: block;
    }
    
    /* Masquer les filtres par défaut sur mobile (c'est la classe qui sera ajoutée/supprimée par JS) */
    #leaflet-filters.filters-hidden {
        display: none !important;
    }
}