/**
 * Appear Animation Helper
 * - Minimal helpers to make appear-on-scroll consistent across pages.
 * - Works with the theme's `theme-animate.css` (provides `.animated` + effects like `fadeInUp`).
 *
 * Usage in markup (optional, auto-applied to common elements):
 *   <h1 class="appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="150">Titre</h1>
 *
 * Data attributes supported:
 *   - data-appear-animation: string effect class (default: "fadeInUp")
 *   - data-appear-animation-delay: milliseconds before adding the animation class
 *   - data-appear-disabled="true": opt-out for a specific element
 */

/* Hide elements until animated (keep layout space) */
.appear-animation { opacity: 0; }
.appear-animation.animated { opacity: 1; }

/* Respect reduced motion: if user prefers reduced motion, keep everything visible */
@media (prefers-reduced-motion: reduce) {
  .appear-animation { opacity: 1; }
}