/* Importe tous les styles des widgets */
@import 'widgets/login-check.css';
@import 'widgets/login.css';
@import 'widgets/signup.css';
@import 'widgets/garage-info.css';
@import 'widgets/time-slots.css';
@import 'widgets/confirmation.css';
@import 'widgets/validation.css';

/* Animations globales pour les widgets */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from { 
        opacity: 0;
        transform: translateY(20px);
    }
    to { 
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideIn {
    from { 
        opacity: 0;
        transform: translateX(20px);
    }
    to { 
        opacity: 1;
        transform: translateX(0);
    }
}

.widget {
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
    transform: translateY(10px);
    display: none;
  }
  
  .widget.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
  }