/* =====================================================
   ROK_WEB: płynne przejście między podstronami

   Wykorzystuje View Transitions API: przeglądarka sama
   robi zdjęcie starej i nowej strony i przenika je.
   Nie wymaga JavaScriptu i nie opóźnia wczytywania.
   Jeśli przeglądarka tego nie obsługuje, zostaje samo
   delikatne rozjaśnienie nowej strony.
   ===================================================== */

@view-transition { navigation: auto; }

::view-transition-old(root) {
  animation: rok-zanik 200ms cubic-bezier(0.4, 0, 1, 1) both;
}
::view-transition-new(root) {
  animation: rok-wejscie 420ms cubic-bezier(0, 0, 0.2, 1) both;
}

@keyframes rok-zanik {
  to { opacity: 0; }
}
@keyframes rok-wejscie {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: none; }
}

/* Przeglądarki bez View Transitions: samo przenikanie.
   Świadomie bez transform, bo transform na <body> zepsułby
   przyklejoną nawigację (position: fixed). */
@supports not (view-transition-name: root) {
  @keyframes rok-rozjasnienie { from { opacity: 0; } to { opacity: 1; } }
  body { animation: rok-rozjasnienie 320ms ease-out both; }
}

/* Szanujemy ustawienie „ogranicz animacje" w systemie. */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none; }
  body { animation: none; }
}