/* Animations d'entrée légères (équivalent minimal du plugin tailwindcss-animate),
   utilisées via les classes animate-in / fade-in / zoom-in / slide-in-from-top-2
   présentes dans index.php, espace-prestataire.php, profil-prestataire.php,
   inscription-prestataire.php, charte-confiance.php et conditions-utilisation.php. */

@keyframes vet-enter {
  from {
    opacity: var(--vet-enter-opacity, 1);
    transform: translate3d(var(--vet-enter-translate-x, 0), var(--vet-enter-translate-y, 0), 0)
               scale3d(var(--vet-enter-scale, 1), var(--vet-enter-scale, 1), 1);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
}

.animate-in {
  animation-name: vet-enter;
  animation-duration: 150ms;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}

.fade-in { --vet-enter-opacity: 0; }
.zoom-in { --vet-enter-scale: 0.95; }
.slide-in-from-top-2 { --vet-enter-translate-y: -0.5rem; }

/* Réutilise les classes duration-* de Tailwind (qui ciblent transition-duration)
   pour piloter aussi la durée de ces animations, sans entrer en conflit :
   ce sont deux propriétés CSS distinctes sur le même sélecteur. */
.duration-150 { animation-duration: 150ms; }
.duration-200 { animation-duration: 200ms; }