/* Layout Builder — animations déclenchées par data-cms-block
   Chargé une seule fois dans main.php.
   Aucune animation ne se déclenche tant qu'aucun bloc n'a de layout_settings.animation défini. */

@keyframes lb-fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes lb-slide-up {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes lb-slide-left {
  from { opacity: 0; transform: translateX(28px); }
  to   { opacity: 1; transform: translateX(0); }
}

@keyframes lb-zoom {
  from { opacity: 0; transform: scale(0.94); }
  to   { opacity: 1; transform: scale(1); }
}

/* Respect prefers-reduced-motion : désactive les animations mais préserve l'opacité finale */
@media (prefers-reduced-motion: reduce) {
  [data-cms-block] {
    animation-duration: 0.01ms !important;
    animation-delay: 0ms !important;
  }
}