/* ==========================================================================
   J.A. CHAPES SÀRL — Animations
   --------------------------------------------------------------------------
   Toutes les @keyframes du site et l'apparition des éléments
   au défilement, ainsi que le respect des préférences d'accessibilité.
   ========================================================================== */

@keyframes glow-pulse {
  0%, 100% { opacity: 0.45; }
  50%      { opacity: 0.9; }
}

@keyframes bob {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(6px); }
}

@keyframes modal-in {
  from { opacity: 0; transform: scale(0.96) translateY(12px); }
  to   { opacity: 1; transform: none; }
}

/* ==========================================================================
   19. ANIMATIONS D'APPARITION AU DÉFILEMENT
   ========================================================================== */
[data-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-reveal="left"]  { transform: translateX(40px); }
[data-reveal="right"] { transform: translateX(-40px); }

[data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

/* Respect des préférences d'accessibilité */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  [data-reveal] { opacity: 1; transform: none; }
}