/* GeneratePerf — Pause des animations CSS hors viewport (option pause_offscreen).
   Le script js/pause-offscreen.js pose .playing tant que l'élément est visible.
   !important volontaire : le raccourci `animation:` d'un thème ou d'un bloc remet
   animation-play-state à running, et un sélecteur composé (.logos .marquee, #id…)
   battrait n'importe quelle spécificité raisonnable. Entre déclarations !important,
   la spécificité tranche : .pause-offscreen.playing l'emporte sur .pause-offscreen. */
.pause-offscreen {
    animation-play-state: paused !important;
}

.pause-offscreen.playing {
    animation-play-state: running !important;
}

/* Respect de prefers-reduced-motion (WCAG 2.3.3), limité aux éléments concernés :
   le bloc global du wiki (*, *::before, *::after) reste un choix du thème.
   Déclaré après les règles ci-dessus : à spécificité et importance égales, il gagne. */
@media (prefers-reduced-motion: reduce) {
    .pause-offscreen,
    .pause-offscreen.playing {
        animation: none !important;
    }
}
