/* Page Transitions - Effet de fade doux */

/* État initial : page visible */
.page-transition {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

/* État de sortie : page en train de disparaître */
.page-transition.fade-out {
    opacity: 0;
}

/* Animation d'entrée au chargement */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Appliquer l'animation au contenu principal */
.page-transition-enter {
    animation: fadeIn 0.4s ease-out forwards;
}

/* Empêcher le flash de contenu non stylé */
.page-loading {
    opacity: 0;
}