/* ===== CORRECTIONS POUR LES INFO-CARDS TROP GRANDES ===== */

/* 
 * Solution pour contrôler la hauteur des cartes d'information
 * dans la section "Informations pratiques" des pages d'activités
 */

/* 1. Correction principale pour les cartes d'information */
.activity-page .activity-info-section .info-card {
    height: auto !important; /* Priorité élevée pour surcharger height: 100% */
    max-height: 450px; /* Limite la hauteur maximale */
    overflow: auto; /* Permet le défilement si nécessaire */
    margin-bottom: 1.5rem; /* Espace entre les cartes */
}

/* 2. Corrections pour les éléments internes qui pourraient déborder */
.activity-page .activity-info-section .destinations-list {
    max-height: 350px; /* Limite la hauteur de la liste */
    overflow-y: auto; /* Ajoute un défilement vertical si nécessaire */
}

.activity-page .activity-info-section .season-chart {
    max-height: 300px; /* Limite la hauteur du graphique */
    overflow-y: auto; /* Ajoute un défilement si nécessaire */
}

/* 3. Assurer une séparation claire entre les sections */
.activity-page .activity-info-section {
    position: relative;
    z-index: 1;
    padding-bottom: 3rem; /* Espace supplémentaire en bas de la section */
    margin-bottom: 0; /* Supprime toute marge qui pourrait causer des problèmes */
}

.activity-page .similar-activities-section {
    position: relative;
    z-index: 1;
    padding-top: 3rem; /* Espace en haut de la section */
}

/* 4. Styles des titres de section pour assurer la cohérence */
.activity-page .section-title {
    position: relative;
    z-index: 2; /* Assure que le titre est au-dessus des autres éléments */
}

/* 5. Responsive */
@media (max-width: 991.98px) {
    .activity-page .activity-info-section .info-card {
        max-height: 400px;
    }
}

@media (max-width: 767.98px) {
    .activity-page .activity-info-section .info-card {
        max-height: 350px;
    }
    
    .activity-page .activity-info-section .destinations-list,
    .activity-page .activity-info-section .season-chart {
        max-height: 250px;
    }
}

@media (max-width: 575.98px) {
    .activity-page .activity-info-section .info-card {
        max-height: 300px;
        padding: 1.25rem; /* Réduction du padding sur très petits écrans */
    }
}