/*
 * Styles spécifiques à la page de détail de projet
 * S'applique uniquement sur mobile pour empiler les blocs.
 */

@media (max-width: 768px) {

    /* Force l'empilement vertical de la grille de contenu (Description et Chronologie) */
    .projet-content-grid {
        display: flex; 
        flex-direction: column; 
        gap: 0; 
    }

    /* Assure que chaque bloc (Description, Chronologie) prend toute la largeur */
    .projet-content-grid > section {
        width: 100%;
        flex-basis: auto; 
    }

    /* Ajoute l'espace entre la Fiche Technique et la Chronologie (maintenant empilées) */
    .description-technique {
        margin-bottom: 2rem; 
    }
    
    /* Ajustement du padding du conteneur principal sur mobile */
    .projet-detail-container {
        padding: 1rem; 
    }
    
    /* Réduction de la hauteur du carrousel sur mobile */
    .projet-swiper {
        height: 250px;
    }
}