/* Ikony Evido Motion – vlastní kresba inspirovaná stylem Iconly Motion:
   mřížka 24 × 24, zaoblené tahy, jedna barva. Aktivní položka dostane jemnou
   výplň (ik-s), jako přechod mezi obrysovým a „bulk" stylem.
   Pohyb: krátký a pružný, jednou při najetí, fokusu nebo výběru (třída ik-hraj
   z ikony.js). Nic se neopakuje donekonečna; omezení pohybu ho vypne úplně. */

.ik-o{fill:none;stroke:currentColor;stroke-width:var(--ik-tah,1.6);stroke-linecap:round;stroke-linejoin:round}
.ik-f{fill:currentColor;stroke:none}
.ik-r{stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}
.ik-s{fill:currentColor;stroke:none;opacity:0;transition:opacity .35s}
:is(.nav-item.active,.set-tab.active,.mob-item.active,[aria-pressed="true"],[aria-selected="true"]) .ik-s{opacity:.16}
svg[data-ik] *{transform-box:fill-box;transform-origin:center}
/* Otáčení kolem středu ikony, ne kolem středu dílu (ručička, víko, zvon). */
svg[data-ik] :is(.ik-ruc,.ik-paprsky,.ik-kolo){transform-box:view-box;transform-origin:12px 12px}
svg[data-ik="logo"] .ik-ruc{transform-origin:16px 16px}
svg[data-ik] .ik-vicko{transform-box:view-box;transform-origin:4.5px 6.5px}
svg[data-ik] .ik-zvon{transform-box:view-box;transform-origin:12px 3.5px}
svg[data-ik] .ik-tuzka{transform-box:view-box;transform-origin:5px 19.3px}
svg[data-ik] .ik-kufr{transform-box:view-box;transform-origin:12px 20px}
svg[data-ik="menu"] .ik-o{transform-origin:left center}
svg[data-ik="faktura"] :is(.ik-1,.ik-2,.ik-3){transform-origin:left center}
svg[data-ik] .ik-chlopen{transform-box:view-box;transform-origin:12px 7.5px}
svg[data-ik] .ik-tuzka2{transform-box:view-box;transform-origin:14px 20.5px}
svg[data-ik] .ik-budik{transform-box:view-box;transform-origin:12px 13px}

@media (prefers-reduced-motion:no-preference){
  body:not([data-animace="klidne"]){--ik-pruzina:cubic-bezier(.34,1.56,.64,1);--ik-plynule:cubic-bezier(.22,1,.36,1)}
  /* Přehled: dlaždice se postupně „naklapnou". */
  .ik-hraj[data-ik="dash"] :is(.ik-1,.ik-2,.ik-3,.ik-4){animation:ik-naklapni .6s var(--ik-pruzina) both}
  .ik-hraj[data-ik="dash"] .ik-2{animation-delay:60ms}.ik-hraj[data-ik="dash"] .ik-3{animation-delay:120ms}.ik-hraj[data-ik="dash"] .ik-4{animation-delay:180ms}
  /* Hodiny a logo: ručička oběhne ciferník. */
  .ik-hraj:is([data-ik="clock"],[data-ik="logo"]) .ik-ruc{animation:ik-obeh .9s var(--ik-plynule)}
  /* Kalendář: kroužky poskočí, dny se doplní jeden po druhém. */
  .ik-hraj[data-ik="cal"] .ik-kruzky{animation:ik-poskoc .5s var(--ik-pruzina)}
  .ik-hraj[data-ik="cal"] :is(.ik-1,.ik-2,.ik-3,.ik-4,.ik-5){animation:ik-objev .45s var(--ik-pruzina) both}
  .ik-hraj[data-ik="cal"] .ik-2{animation-delay:50ms}.ik-hraj[data-ik="cal"] .ik-3{animation-delay:100ms}.ik-hraj[data-ik="cal"] .ik-4{animation-delay:150ms}.ik-hraj[data-ik="cal"] .ik-5{animation-delay:200ms}
  /* Fajfka se nakreslí. */
  .ik-hraj[data-ik="check"] .ik-fajfka{stroke-dasharray:1;animation:ik-kresli .45s var(--ik-plynule) both}
  /* Tým: hlavy kývnou jedna po druhé. */
  .ik-hraj[data-ik="team"] .ik-hlava1{animation:ik-kyvni .5s var(--ik-pruzina)}
  .ik-hraj[data-ik="team"] .ik-hlava2{animation:ik-kyvni .5s .12s var(--ik-pruzina)}
  /* Zakázky: kufr se zvedne za ucho. */
  .ik-hraj[data-ik="work"] .ik-kufr{animation:ik-zvedni .7s var(--ik-pruzina)}
  .ik-hraj[data-ik="work"] .ik-ucho{animation:ik-poskoc .5s var(--ik-pruzina)}
  /* Export: šipka vyletí nahoru a vrátí se zespodu. */
  .ik-hraj[data-ik="export"] .ik-sipka{animation:ik-vylet .7s var(--ik-plynule)}
  /* Koš: víko se odklopí a zaklapne. */
  .ik-hraj[data-ik="trash"] .ik-vicko{animation:ik-odklop .65s var(--ik-pruzina)}
  .ik-hraj[data-ik="trash"] .ik-linky{animation:ik-zmackni .5s .1s var(--ik-pruzina)}
  /* Úprava: tužka zapíše čáru. */
  .ik-hraj[data-ik="edit"] .ik-tuzka{animation:ik-pis .7s var(--ik-plynule)}
  .ik-hraj[data-ik="edit"] .ik-cara{stroke-dasharray:1;animation:ik-kresli .5s .15s var(--ik-plynule) both}
  /* Plus se otočí, šipky zatlačí směrem, kam vedou. */
  .ik-hraj[data-ik="plus"] .ik-krizek{animation:ik-otoc90 .55s var(--ik-pruzina)}
  .ik-hraj[data-ik="left"] .ik-sipka{animation:ik-doleva .5s var(--ik-pruzina)}
  .ik-hraj[data-ik="right"] .ik-sipka{animation:ik-doprava .5s var(--ik-pruzina)}
  .ik-hraj[data-ik="logout"] .ik-sipka{animation:ik-doprava .55s var(--ik-pruzina)}
  .ik-hraj[data-ik="panel"] .ik-sipka{animation:ik-doleva .5s var(--ik-pruzina)}
  .ik-hraj[data-ik="panel"] .ik-delic{animation:ik-doprava .5s var(--ik-pruzina)}
  /* Nápověda: otazník zavrtí hlavou. */
  .ik-hraj[data-ik="help"] .ik-otaznik{animation:ik-zavrt .6s var(--ik-pruzina)}
  /* Slunce: paprsky se pootočí, jádro pulzne. Měsíc: zhoupne se, hvězdičky bliknou. */
  .ik-hraj[data-ik="sun"] .ik-paprsky{animation:ik-paprsky .7s var(--ik-pruzina)}
  .ik-hraj[data-ik="sun"] .ik-jadro{animation:ik-pulz .5s var(--ik-pruzina)}
  .ik-hraj[data-ik="moon"] .ik-mesic{animation:ik-zhoupni .7s var(--ik-pruzina)}
  .ik-hraj[data-ik="moon"] :is(.ik-jiskra,.ik-tecka){animation:ik-objev .45s .15s var(--ik-pruzina) both}
  /* Auto se rozjede, tankování kápne. */
  .ik-hraj[data-ik="car"] .ik-auto{animation:ik-jed .7s var(--ik-pruzina)}
  .ik-hraj[data-ik="fuel"] .ik-kapka{animation:ik-kapka .8s var(--ik-plynule)}
  .ik-hraj[data-ik="fuel"] .ik-hadice{animation:ik-zavrt .6s var(--ik-pruzina)}
  /* Nastavení: šestiúhelník se pootočí. Hvězdička oblíbených vyskočí. */
  .ik-hraj[data-ik="gear"] .ik-kolo{animation:ik-otoc60 .7s var(--ik-pruzina)}
  .ik-hraj[data-ik="hvezda"] .ik-tvar{animation:ik-hvezda .6s var(--ik-pruzina)}
  /* Menu, úchyt, start, stop, hledání, zvonek. */
  .ik-hraj[data-ik="menu"] .ik-o{animation:ik-natahni .5s var(--ik-pruzina)}
  .ik-hraj[data-ik="menu"] .ik-2{animation-delay:60ms}.ik-hraj[data-ik="menu"] .ik-3{animation-delay:120ms}
  .ik-hraj[data-ik="grip"] :is(.ik-1,.ik-2,.ik-3){animation:ik-kyvni .45s var(--ik-pruzina)}
  .ik-hraj[data-ik="grip"] .ik-2{animation-delay:60ms}.ik-hraj[data-ik="grip"] .ik-3{animation-delay:120ms}
  .ik-hraj[data-ik="play"] .ik-tvar{animation:ik-start .55s var(--ik-pruzina)}
  .ik-hraj[data-ik="stop"] .ik-tvar{animation:ik-zmackni .5s var(--ik-pruzina)}
  .ik-hraj[data-ik="hledat"] .ik-lupa{animation:ik-hledej .7s var(--ik-pruzina)}
  .ik-hraj[data-ik="hledat"] .ik-lesk{animation:ik-blik .5s .2s ease}
  .ik-hraj[data-ik="zvonek"] .ik-zvon{animation:ik-zvon .9s var(--ik-plynule)}
  .ik-hraj[data-ik="zvonek"] .ik-srdce{animation:ik-srdce .9s var(--ik-plynule)}
  /* Ikony úvodní stránky. */
  .ik-hraj[data-ik="faktura"] :is(.ik-1,.ik-2,.ik-3){animation:ik-radek .45s var(--ik-plynule) both}
  .ik-hraj[data-ik="faktura"] .ik-2{animation-delay:80ms}.ik-hraj[data-ik="faktura"] .ik-3{animation-delay:160ms}
  .ik-hraj[data-ik="nabidka"] .ik-podpis{stroke-dasharray:1;animation:ik-kresli .7s var(--ik-plynule) both}
  .ik-hraj[data-ik="oprava"] .ik-tuzka2{animation:ik-pis .7s var(--ik-plynule)}
  .ik-hraj[data-ik="posta"] .ik-chlopen{animation:ik-chlopen .75s var(--ik-pruzina)}
  .ik-hraj[data-ik="qr"] :is(.ik-1,.ik-2,.ik-3,.ik-4){animation:ik-naklapni .55s var(--ik-pruzina) both}
  .ik-hraj[data-ik="qr"] .ik-2{animation-delay:60ms}.ik-hraj[data-ik="qr"] .ik-3{animation-delay:120ms}.ik-hraj[data-ik="qr"] .ik-4{animation-delay:180ms}
  .ik-hraj:is([data-ik="stit"],[data-ik="cal-ok"]) .ik-fajfka{stroke-dasharray:1;animation:ik-kresli .45s .1s var(--ik-plynule) both}
  .ik-hraj[data-ik="stit"] .ik-stit{animation:ik-pulz .5s var(--ik-pruzina)}
  .ik-hraj[data-ik="cal-ok"] .ik-kruzky{animation:ik-poskoc .5s var(--ik-pruzina)}
  .ik-hraj[data-ik="foto"] .ik-objektiv{animation:ik-zmackni .5s var(--ik-pruzina)}
  .ik-hraj[data-ik="foto"] .ik-blesk{animation:ik-blik .4s .1s ease}
  .ik-hraj[data-ik="telefon"] .ik-mobil{animation:ik-vibrace .5s linear}
  .ik-hraj[data-ik="spolu"] .ik-hlava1{animation:ik-kyvni .5s var(--ik-pruzina)}
  .ik-hraj[data-ik="spolu"] .ik-hlava2{animation:ik-kyvni .5s .12s var(--ik-pruzina)}
  .ik-hraj[data-ik="spolu"] .ik-jiskra{animation:ik-objev .45s .2s var(--ik-pruzina) both}
  .ik-hraj[data-ik="budik"] .ik-budik{animation:ik-vibrace .6s linear}
  .ik-hraj[data-ik="sipka"] .ik-sipka{animation:ik-doprava .5s var(--ik-pruzina)}
  .ik-hraj[data-ik="dolu"] .ik-sipka{animation:ik-dolu .5s var(--ik-pruzina)}
}
@keyframes ik-naklapni{0%{transform:scale(1)}35%{transform:scale(.55)}75%{transform:scale(1.08)}100%{transform:none}}
@keyframes ik-obeh{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes ik-poskoc{0%,100%{transform:none}40%{transform:translateY(-2px)}70%{transform:translateY(.5px)}}
@keyframes ik-objev{0%{transform:scale(0);opacity:0}70%{transform:scale(1.25);opacity:1}100%{transform:none;opacity:1}}
@keyframes ik-kresli{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes ik-kyvni{0%,100%{transform:none}35%{transform:translateY(-1.8px)}70%{transform:translateY(.4px)}}
@keyframes ik-zvedni{0%,100%{transform:none}30%{transform:translateY(-1.5px) rotate(-7deg)}65%{transform:translateY(0) rotate(4deg)}}
@keyframes ik-vylet{0%{transform:none;opacity:1}40%{transform:translateY(-6px);opacity:0}41%{transform:translateY(6px);opacity:0}100%{transform:none;opacity:1}}
@keyframes ik-odklop{0%,100%{transform:none}35%{transform:rotate(-22deg) translateY(-1px)}70%{transform:rotate(4deg)}}
@keyframes ik-zmackni{0%,100%{transform:none}40%{transform:scale(.8)}70%{transform:scale(1.08)}}
@keyframes ik-pis{0%,100%{transform:none}25%{transform:rotate(-9deg)}50%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}}
@keyframes ik-otoc90{from{transform:rotate(0)}to{transform:rotate(90deg)}}
@keyframes ik-otoc60{from{transform:rotate(0)}to{transform:rotate(60deg)}}
@keyframes ik-doleva{0%,100%{transform:none}45%{transform:translateX(-3px)}}
@keyframes ik-doprava{0%,100%{transform:none}45%{transform:translateX(3px)}}
@keyframes ik-zavrt{0%,100%{transform:none}25%{transform:rotate(-14deg)}55%{transform:rotate(10deg)}80%{transform:rotate(-4deg)}}
@keyframes ik-paprsky{0%{transform:none}40%{transform:rotate(25deg) scale(.85)}100%{transform:rotate(45deg)}}
@keyframes ik-pulz{0%,100%{transform:none}45%{transform:scale(1.18)}}
@keyframes ik-zhoupni{0%,100%{transform:none}30%{transform:rotate(-18deg)}65%{transform:rotate(8deg)}}
@keyframes ik-jed{0%,100%{transform:none}30%{transform:translateX(-2px) translateY(-.5px)}60%{transform:translateX(2.5px)}}
@keyframes ik-kapka{0%{transform:none;opacity:1}60%{transform:translateY(5px) scale(.7);opacity:0}61%{transform:translateY(-3px) scale(.5);opacity:0}100%{transform:none;opacity:1}}
@keyframes ik-hvezda{0%{transform:none}45%{transform:scale(1.35) rotate(36deg)}100%{transform:rotate(72deg)}}
@keyframes ik-natahni{0%,100%{transform:none}45%{transform:scaleX(.55)}}
@keyframes ik-start{0%,100%{transform:none}40%{transform:translateX(2px) scale(.9)}70%{transform:translateX(-.5px) scale(1.06)}}
@keyframes ik-hledej{0%,100%{transform:none}30%{transform:rotate(-14deg) translateX(-1px)}65%{transform:rotate(8deg) translateX(1px)}}
@keyframes ik-blik{0%,100%{opacity:1}50%{opacity:0}}
@keyframes ik-zvon{0%,100%{transform:none}15%{transform:rotate(16deg)}35%{transform:rotate(-13deg)}55%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}
@keyframes ik-radek{from{transform:scaleX(0)}to{transform:none}}
@keyframes ik-chlopen{0%,100%{transform:none}40%{transform:scaleY(-.9)}70%{transform:scaleY(.15)}}
@keyframes ik-vibrace{0%,100%{transform:none}10%,50%{transform:rotate(-9deg)}30%,70%{transform:rotate(9deg)}85%{transform:rotate(-3deg)}}
@keyframes ik-dolu{0%,100%{transform:none}45%{transform:translateY(3px)}}
@keyframes ik-srdce{0%,100%{transform:none}15%{transform:translateX(1.8px)}35%{transform:translateX(-1.6px)}55%{transform:translateX(1px)}75%{transform:translateX(-.4px)}}
