/* ==========================================================================
   Archijeunes FSE – Animations
   Toutes les animations et keyframes
   ========================================================================== */

/* --------------------------------------------------------------------------
   Classes d'animation
   -------------------------------------------------------------------------- */

.fade-in {
  animation: fadeIn 0.6s ease-in;
}

.slide-up {
  animation: slideUp 0.6s ease-out;
}

/* --------------------------------------------------------------------------
   Keyframes
   -------------------------------------------------------------------------- */

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

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

@keyframes heroFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes splitFadeUp {
  to {
    opacity: 1;
  }
}

/* --------------------------------------------------------------------------
   Accessibilité : désactive les animations si l'utilisateur le souhaite
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .fade-in,
  .slide-up,
  .is-style-hero-fade-up,
  .is-style-split-letters-fade .split-letter {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}