/* ⬆️ Přechod mezi vstupními stranami a „O projektu" (Honza 27. 8. 2026).

   Klik na „O projektu" na titulce nebo na „Kdo jsi?" → stránka odjede NAHORU
   a zespoda najede /vitejte. Zpátky (logo, „← Zpět na úvod", tlačítko prohlížeče)
   → opačně. Navazuje na přechod z 26. 8. 2026, kde se scéna posouvá do strany;
   ten je ale UVNITŘ jedné stránky, tenhle je MEZI dvěma dokumenty, a proto ho
   dělá prohlížeč sám (View Transitions API).

   Bez podpory v prohlížeči (dnes hlavně Firefox) se prostě normálně přejde na
   druhou stránku — odkaz zůstal odkazem. Který pár cest se smí animovat, řeší
   `prechod-stranek.js`; sem patří jen JAK to vypadá. */

@view-transition { navigation: auto; }

/* Kdo si v systému vypnul animace, ať je nedostane ani tady. */
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none !important; }
}

/* ⚠️ VÝCHOZÍ STAV = ŽÁDNÁ ANIMACE (nález Codexu 27. 8. 2026).
   `navigation: auto` platí pro každou navigaci mezi stránkami, které tenhle soubor
   mají. Kdyby se `prechod-stranek.js` nenačetl (stará cache, 404, chyba), prohlížeč
   by sám udělal prolnutí — a hýbaly by se i přechody, kde to nikdo nechtěl. Proto
   se výchozí animace ruší tady v CSS a posun se zapíná teprve tehdy, když skript
   navigaci označí typem. Když skript nedoběhne, stránka se prostě přepne.

   `mix-blend-mode: normal` je tu proto, že obě vrstvy jsou neprůhledné stránky:
   ve výchozím `plus-lighter` by se v místě překryvu přechod vybělil. */
::view-transition-old(root),
::view-transition-new(root) { animation: none; opacity: 1; mix-blend-mode: normal; }

@keyframes zn-odjezd-nahoru  { to   { transform: translateY(-100%); } }
@keyframes zn-prijezd-zdola  { from { transform: translateY(100%); } }
@keyframes zn-odjezd-dolu    { to   { transform: translateY(100%); } }
@keyframes zn-prijezd-shora  { from { transform: translateY(-100%); } }

/* tam: na „O projektu" */
html:active-view-transition-type(vitejte-tam)::view-transition-old(root) {
  animation: zn-odjezd-nahoru .55s cubic-bezier(.4, 0, .2, 1) both;
}
html:active-view-transition-type(vitejte-tam)::view-transition-new(root) {
  animation: zn-prijezd-zdola .55s cubic-bezier(.4, 0, .2, 1) both;
}

/* zpět: z „O projektu" na úvod */
html:active-view-transition-type(vitejte-zpet)::view-transition-old(root) {
  animation: zn-odjezd-dolu .55s cubic-bezier(.4, 0, .2, 1) both;
}
html:active-view-transition-type(vitejte-zpet)::view-transition-new(root) {
  animation: zn-prijezd-shora .55s cubic-bezier(.4, 0, .2, 1) both;
}