/* =========================================================================
   chrille.nu - Animationer får inte dölja innehåll

   AOS animerar in element vid scroll. Den gör det genom att sätta
   opacity: 0 i CSS och sedan låta sitt eget javascript ta över. Om det
   javascriptet aldrig körs blir innehållet permanent osynligt.

   Och det körs inte direkt. WP Rocket har "delay javascript" påslaget, vilket
   håller tillbaka skripten till besökarens första interaktion. Om-sidan hade
   tolv sådana block, alltså större delen av sidan, osynliga tills man råkade
   röra musen. En besökare som landar och börjar läsa ser en tom sida, och en
   robot som inte interagerar ser aldrig något alls.

   Regeln nedan vänder på ansvaret: innehållet syns som utgångsläge, och AOS
   får dölja det först när biblioteket faktiskt är igång. AOS sätter klassen
   aos-init på varje element när det initierats, så :not(.aos-init) är exakt
   fönstret innan biblioteket tagit över.

   Dubblerad attributselektor för att matcha AOS egen specificitet, den
   skriver [data-aos^="fade"][data-aos^="fade"] av samma skäl.
   ========================================================================= */

[data-aos][data-aos]:not(.aos-init) {
  opacity: 1;
  transform: none;
}

/* Den som bett om mindre rörelse ska inte heller behöva vänta på den. */
@media (prefers-reduced-motion: reduce) {
  [data-aos][data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}