/* Fix artefact de chargement du carousel */

/* Cacher le carousel jusqu'à l'initialisation JS */
.carousel {
    opacity: 0;
    transition: opacity 0.3s ease-in;
}

/* Afficher le carousel une fois initialisé */
.carousel.loaded {
    opacity: 1;
}

/* S'assurer que les slides ne débordent pas pendant le chargement */
.carousel-inner {
    overflow: hidden;
}

/* Cacher tous les slides sauf le premier pendant le chargement */
.carousel-item {
    display: none;
}

.carousel-item:first-child {
    display: block;
}

/* Une fois le JS chargé, réactiver l'affichage flex */
.carousel.loaded .carousel-item {
    display: block;
}