/* Modified: 28/02/2025 16:47 */
/* Animations pour les transitions entre les étapes du formulaire d'inscription */

/* Animation de sortie vers la gauche */
@keyframes slideOutLeft {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(-30px);
        opacity: 0;
    }
}

/* Animation d'entrée depuis la gauche */
@keyframes slideInLeft {
    from {
        transform: translateX(-30px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Animation de sortie vers la droite */
@keyframes slideOutRight {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(30px);
        opacity: 0;
    }
}

/* Animation d'entrée depuis la droite */
@keyframes slideInRight {
    from {
        transform: translateX(30px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Classes pour appliquer les animations */
.slide-out-left {
    animation: slideOutLeft 0.3s ease forwards;
}

.slide-in-left {
    animation: slideInLeft 0.3s ease forwards;
}

.slide-out-right {
    animation: slideOutRight 0.3s ease forwards;
}

.slide-in-right {
    animation: slideInRight 0.3s ease forwards;
}

/* Styles pour les boutons désactivés */
.btn-primary:disabled {
    background-color: #cccccc;
    cursor: not-allowed;
    opacity: 0.7;
}

/* Transition pour les champs de formulaire */
.form-group {
    transition: opacity 0.3s ease;
}

/* Transition pour les étapes du formulaire */
#registerStep1, #registerStep2 {
    transition: all 0.3s ease;
}