/* Copyright (c) 2026 Bc. Jan Krejčí. All rights reserved.                   */
/* Proprietary and confidential. See LICENSE in the project root.            */

/* Přepínání Přihlášení/Registrace/Zapomenuté heslo — View Transitions API,
   pojmenovaná na `.kp-auth__card` (`view-transition-name: kp-auth-card`,
   AuthLayout.razor.css), ne na `root`. Obsahové prolnutí/posun dodává
   `kp-auth-transition.js` přes `animate()` na `::view-transition-old/new`;
   tenhle soubor jen vypíná VÝCHOZÍ prolnutí prohlížeče na těch dvou
   vrstvách, ať se s vlastní animací nepere. */
::view-transition-old(kp-auth-card),
::view-transition-new(kp-auth-card) {
    animation: none;
    mix-blend-mode: normal;
}

/* `::view-transition-group` je TŘETÍ, samostatná vrstva — obal, který
   prohlížeč SÁM plynule mění co do rozměru a polohy mezi starým a novým
   snímkem (šířku, výšku, posun). Tady se NEVYPÍNÁ (na rozdíl od
   kp-theme-transition.css, kde je to root přes celou obrazovku a nic se
   „nezvětšuje"): Login a Registrace mají různě vysoký obsah, a právě tahle
   vrstva je to, co dovolí kartě plynule „dorůst" do nové výšky, místo aby
   na ni skočila. Dřívější `animation-duration: 0s` byl přesně ten skok,
   který čtenář viděl jako probliknutí — obal se přepnul okamžitě, zatímco
   obsah uvnitř ještě doznívál prolnutím.

   480ms = přesně součet obou kroků v kp-auth-transition.js (stará karta
   140ms zmizí, pak se 340ms objevuje nová) — obal tak dorůstá do nové
   výšky plynule PO CELOU dobu obojího, ne jen jednoho z kroků, a v cílové
   velikosti přistane přesně ve chvíli, kdy nová karta dokončí svůj
   nástup. `--kp-ease-inout` (Motion Bible: „přesuny"). */
::view-transition-group(kp-auth-card) {
    animation-duration: 480ms;
    animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
}

/* Root se při přechodu karty nehýbe — obsah za kartou stojí, mění se jen
   karta. Dřív to jistilo globální `animation: none` v kp-theme-transition
   .css; to je od v92 zúžené na kruh motivu, tak si to karta jistí sama. */
html.kp-vt-auth::view-transition-old(root),
html.kp-vt-auth::view-transition-new(root) {
    animation: none;
}

html.kp-vt-auth::view-transition-group(root) {
    animation-duration: 0s;
}