/* mozgas.css: egyseges, visszafogott mozgas a B-oldal minden lapjan (8. kor; 10. kor: Brand Identity 1.1, 6.2 webes mintai).
   Minden lap utolsokent tolti be (brand11/tokens.css es arculat11.css utan). Ido es gorbe csak a --ag-motion-web-* tokenekbol.
   Szerepek (brand-rules 6.2):
   - hover (eger fole, tisztan visszajelzes): 150 ms ease-out; emeles legfeljebb -1 px, csak az egesz kartyas linkeken;
     a nem kattinthato kartyak nem mozdulnak; a nyil 3 px-t mozdul.
   - allapotvaltas (kattintas, nyitas, kijeloles: fulek, kapcsolok, valaszthato cimkek, lenyilo menu, termekpanel): 200 ms ease.
     Az allapotot hordozo vezerlo hoverje is ezt az idot hasznalja, mert egy tulajdonsagnak egy atmenete lehet.
     11. kor (Tomi dontese 2026-10-10, d7: „az osszes animacio legyen megjelenitve”): a 10. korben elhagyott harom apro mozgas
     vissza, ugyanezzel a tokennel: a termekpanel 6 px-es emelkedese (termekablak2.css), a lenyilo menu 4 px-es csuszasa es a
     nyitasjelzo nyil fordulasa (base.css), valamint a GYIK nyitasjelzojenek fordulasa (lent, 3. pont).
   - fokusz: azonnali (az arculat11.css 2 px accent kerete; a keret es a mezok fokuszgyuruje nem animalt).
   - belepes: 400 ms, cubic-bezier(.16,1,.3,1), 12 px, lepcso 80 ms/elem, szakaszonkent legfeljebb 5 elem (site.js).
   - a fuljelolo (termekablak2.css) helyvaltoztato morph: 260 ms a belepes gorbejevel; ehhez nincs kulon token.
   Pattogo, parallax mozgas nincs (brand-rules 6.2). A nyitasjelzo nyil (chevron) fordulasa Tomi dontesere animalt (a 6.2
   forgo mozgast nem javasol; ez itt tudatos elteres, 200 ms, egyszeri fordulat, csokkentett mozgasnal 0 s).
   Csokkentett mozgasnal minden atmenet 0 s, minden a vegallapotban latszik. „transition: all” sehol. */
:root{
  --mz-hover:var(--ag-motion-web-hover-duration,150ms);--mz-hover-ki:var(--ag-motion-web-hover-easing,ease-out);
  --mz-allapot:var(--ag-motion-web-state-duration,200ms);--mz-allapot-ki:var(--ag-motion-web-state-easing,ease);
  --mz-be:var(--ag-motion-web-reveal-duration,400ms);--mz-be-ki:var(--ag-motion-web-reveal-easing,cubic-bezier(.16,1,.3,1));
  --mz-be-tav:var(--ag-motion-web-reveal-distance,12px);--mz-be-lepcso:var(--ag-motion-web-reveal-stagger,80ms);
  --mz-morph:260ms;--mz-morph-ki:var(--ag-motion-web-reveal-easing,cubic-bezier(.16,1,.3,1))}

/* 1. hover-visszajelzes: gombok, linkek, kartyas linkek. A :root elotag a komponensek sajat (regi, 160-180 ms-os)
   atmeneteit uti (pl. main .btn, .svc .go, .lr-btn), igy minden ugyanabban a ritmusban valaszol. */
:root :is(.btn-ink,.btn-line,.btn-glass,.btn-aurora,.btn-top,.login,main .btn,.lr-btn,.theme-toggle,.burger,.nav>a,.dd-menu a,
          .lr-item,.c-card,.hero .paths a,.subnav a,.svc .go,.more){
  transition:background-color var(--mz-hover) var(--mz-hover-ki),border-color var(--mz-hover) var(--mz-hover-ki),
             box-shadow var(--mz-hover) var(--mz-hover-ki),color var(--mz-hover) var(--mz-hover-ki),
             transform var(--mz-hover) var(--mz-hover-ki),filter var(--mz-hover) var(--mz-hover-ki)}
@media (hover:hover) and (pointer:fine){
  /* teli gombok: enyhen vilagosabb hatter es puha arnyek, emeles nelkul */
  .btn-ink:hover,.btn-top:hover,.btn-primary:hover{filter:brightness(1.18);box-shadow:0 10px 22px -12px rgba(23,23,28,.55)}
  .btn-aurora:hover{box-shadow:0 12px 26px -14px rgba(120,100,190,.65),inset 0 0 0 1px rgba(23,23,28,.08)}
  .btn-glass:hover{box-shadow:0 10px 24px -16px rgba(23,23,28,.35);border-color:rgba(23,23,28,.18)}
  /* kontur gombok: sotetebb szegely (a meglevo szabalyokkal azonos irany) */
  .btn-line:hover,.btn-ghost:hover,.btn-ghost-dark:hover,.lr-btn:hover,.theme-toggle:hover{border-color:var(--ink)}
  /* egesz kartyas linkek (a hos ket kartyaja es a kapcsolati kartyak): -1 px, a csomag felso hatara */
  a.c-card:hover{transform:translateY(-1px);box-shadow:0 14px 30px -20px rgba(23,23,28,.35)}
  .hero .paths a:hover{transform:translateY(-1px)}
  .hero .paths .vi:hover{box-shadow:0 18px 34px -16px rgba(23,23,28,.6)}
  .hero .paths .hk:hover{box-shadow:0 18px 34px -16px rgba(120,100,190,.65),inset 0 0 0 1px rgba(23,23,28,.06)}
}
/* nyomas: rovid visszajelzes, nagyitas nelkul */
.btn-ink:active,.btn-line:active,.btn-glass:active,.btn-aurora:active,.btn-top:active,.btn:active,a.c-card:active,.hero .paths a:active{transform:translateY(0);filter:none}

/* 2. nyilak: a nyilat tartalmazo gomboknal a nyil 3 px-t mozdul (csak a nyil, a bevezeto ikon nem) */
svg.arr,svg:has(> path[d^="M4 10h11"]){transition:transform var(--mz-hover) var(--mz-hover-ki)}
@media (hover:hover) and (pointer:fine){
  :is(a,button):hover svg.arr,:is(a,button):hover > svg:has(> path[d^="M4 10h11"]),
  :is(a,button):hover > span > svg:has(> path[d^="M4 10h11"]){transform:translateX(3px)}
}
:is(a,button):focus-visible svg.arr,:is(a,button):focus-visible > svg:has(> path[d^="M4 10h11"]){transform:translateX(3px)}

/* 3. allapotot hordozo vezerlok: fulek, szegmens-kapcsolo (nyelv, havi/eves), valaszthato csatorna-cimke, menunyito gomb.
   Kijeloleskor, nyitaskor es hoverkor is 200 ms ease (egy tulajdonsag, egy atmenet). */
:root :is(.tw-tab,.seg button,.hk-csat-opt,.dd>button){
  transition:background-color var(--mz-allapot) var(--mz-allapot-ki),border-color var(--mz-allapot) var(--mz-allapot-ki),
             box-shadow var(--mz-allapot) var(--mz-allapot-ki),color var(--mz-allapot) var(--mz-allapot-ki)}
/* nyitasjelzo nyil a GYIK-ban (belso.css 107: 180 ms): a fordulas animalt, az allapot-tokennel (11. kor, Tomi d7); a menue a base.css-ben */
:root .faq summary::after{transition:transform var(--mz-allapot) var(--mz-allapot-ki)}
/* lenyilo menu: base.css (200 ms ease, atlatszatlansag es 4 px-es csuszas); a bezaras 140 ms-os kesleltetese a site.js-ben valtozatlan */
/* menuvaltaskor a regi menu azonnal zar (egyszerre egy menu; site.js ddSet). Elesben a suti.css hordozza, itt a helyi elonezet paritasa (2026-10-10). */
.dd.dd-azonnal .dd-menu,.dd.dd-azonnal .dd-menu *{transition:none!important}

/* 4. urlapmezok: a fokuszgyuru azonnal all be (fokusz = azonnali), a kilepes es a hibajelzes 200 ms ease */
:root :is(.f-input,.hk-mezo input){transition:border-color var(--mz-allapot) var(--mz-allapot-ki),box-shadow var(--mz-allapot) var(--mz-allapot-ki)}
:root :is(.f-input,.hk-mezo input):focus{transition:none}

/* 5. belepes: csak a betolteskor meg nem lathato blokkok (site.js), egyszer. JS nelkul vagy hiba eseten a .mz-js
   osztaly nem kerul fel, igy minden azonnal lathato. A kesest csak a belepo allapot hordozza (--i: az egyutt
   erkezo csoporton beluli sorszam, 0..4). */
.mz-js .mz{opacity:0;translate:0 var(--mz-be-tav)}
.mz-js .mz.mz-be{opacity:1;translate:none;transition:opacity var(--mz-be) var(--mz-be-ki),translate var(--mz-be) var(--mz-be-ki);
  transition-delay:calc(var(--i,0) * var(--mz-be-lepcso))}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important}
  .mz-js .mz{opacity:1;translate:none}
}
@media print{.mz-js .mz{opacity:1!important;translate:none!important}}