/* nl-efekt-przelacznik.css: animacja przełącznika motywu na stronie głównej (efekt 1 z nl-glowna-szlif.css z 17.10.2026).
   Osobny plik od 2.11.2026 (Michał w pickerze: „A teraz, B potem”): ten jeden efekt idzie na produkcję sam, bez reszty
   szlifu strony głównej. Podpięty wyłącznie w index.html (PL), na produkcji przez podmianę w wersji strony z serwera
   (narzedzia/poprawki_wersji_produkcji.py), dopóki strona główna czeka na przegląd. Sam CSS, bez skryptu.

   Ruch ciał niebieskich przy wejściu na stronę.
   Zadanie: zwrócić uwagę na przełącznik (Michał: „żeby zwrócić uwagę na ten element”).
   Raz, 1,7 s, po 0,45 s od wczytania, więc nie konkuruje z pierwszym wyświetleniem.
   Słońce i księżyc okrążają środek grupy i zatrzymują się na swoich miejscach,
   Ziemia (tryb automatyczny) obraca się wokół własnej osi. Pole dotyku bez zmian.
   Początek obrotu liczony od środka siatki 88 × 88 px (przycisk 44 px, ikona 22 px, słońce przesunięte o 8 px).
   prefers-reduced-motion wyłącza ruch (zostaje stan końcowy). */
@keyframes nl-orbita {
  0%   { rotate: -250deg; opacity: 0; }
  20%  { opacity: 1; }
  100% { rotate: 0deg; opacity: 1; }
}
@keyframes nl-ziemia {
  0%   { rotate: -360deg; scale: .55; opacity: 0; }
  30%  { opacity: 1; }
  100% { rotate: 0deg; scale: 1; opacity: 1; }
}
.nl-tryb.nl-tryb--ikony button svg {
  animation: nl-orbita 1.7s cubic-bezier(.16, .84, .3, 1) .45s backwards;
}
.nl-tryb.nl-tryb--ikony button:nth-child(1) svg { transform-origin: 41px 33px; }
.nl-tryb.nl-tryb--ikony button:nth-child(2) svg { transform-origin: -11px 33px; }
.nl-tryb.nl-tryb--ikony button:nth-child(3) svg { transform-origin: 50% 50%; animation-name: nl-ziemia; animation-delay: .6s; }

/* :nth-child(n) daje tę samą wagę co reguła Ziemi wyżej; samo „button svg” przegrywało z nią i Ziemia zostawała z animacją */
@media (prefers-reduced-motion: reduce) {
  .nl-tryb.nl-tryb--ikony button:nth-child(n) svg { animation: none; }
}