/**
 * @file
 * Corrige le défilement horizontal provoqué par les transforms AOS
 * (fade-left/right, slide, etc.) avant déclenchement de l'animation.
 */

html {
  overflow-x: clip;
}

@media (max-width: 991px) {
  /* Réduit les offsets horizontaux avant animation sur petit écran. */
  [data-aos='fade-left']:not(.aos-animate),
  [data-aos='fade-right']:not(.aos-animate),
  [data-aos='fade-up-left']:not(.aos-animate),
  [data-aos='fade-up-right']:not(.aos-animate),
  [data-aos='fade-down-left']:not(.aos-animate),
  [data-aos='fade-down-right']:not(.aos-animate),
  [data-aos='zoom-in-left']:not(.aos-animate),
  [data-aos='zoom-in-right']:not(.aos-animate),
  [data-aos='zoom-out-left']:not(.aos-animate),
  [data-aos='zoom-out-right']:not(.aos-animate) {
    transform: translate3d(0, 40px, 0);
  }

  [data-aos='slide-left']:not(.aos-animate),
  [data-aos='slide-right']:not(.aos-animate) {
    transform: translate3d(0, 40px, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}