/* Nekriticni sloj. Ucitava se bez blokiranja iscrtavanja.
   Vrednosti su prepisane iz design/naslovna.dc.html, bez izmena. */

@keyframes traka{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes plutaj{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes tok{to{stroke-dashoffset:-84}}
@keyframes ventilRot{to{transform:rotate(360deg)}}
@keyframes kap{0%{transform:translateY(0);opacity:0}20%{opacity:.9}75%{opacity:.9}100%{transform:translateY(30px);opacity:0}}
@keyframes zavesa{from{opacity:0}to{opacity:1}}
@keyframes popupUlaz{from{opacity:0;transform:translateY(30px) scale(.94);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes upitLinija{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes vrti{to{transform:rotate(360deg)}}

[data-card]:hover [data-foto]{transform:scale(1.06)}
[data-card]:hover [data-scrim]{background:rgba(8,15,27,.55)}

@media (hover:hover){
.h-kartica:hover{border-color:#3EA6E8}
.h-cip:hover{background:#3EA6E8;color:#101A2B;border-color:#3EA6E8;transform:translateY(-2px)}
.h-futer:hover{color:#FFFFFF}
.h-ikona:hover{color:#3EA6E8;transform:translateY(-2px)}
.h-x:hover{border-color:#3EA6E8}
.h-nazad:hover{color:#FFFFFF}
}

/* Popup forma */
[data-pp]::placeholder{color:#6A7A93}
[data-pp]:focus{border-color:#3EA6E8;background:rgba(255,255,255,.08)}
.zamka{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
body.upit-otvoren{overflow:hidden}
body.upit-otvoren .lepljivo{display:none !important}

@media (prefers-reduced-motion:reduce){
[data-foto],[data-scrim]{transition:none !important}
}

.upit.otvoren .upit-zavesa{animation:zavesa .35s ease both}
.upit.otvoren .upit-panel{animation:popupUlaz .55s cubic-bezier(.2,1.3,.4,1) both}
.upit.otvoren .upit-linija{animation:upitLinija .9s cubic-bezier(.6,.05,.25,1) .2s both}
/* Linija ispod polja sa greskom, handoff 4 i design.md 3. Bez crvene.
   !important je nuzan, jer polja nose ivicu u inline stilu, doslovno iz
   dizajna, a inline stil je jaci od svakog selektora. */
[data-pp].greska{border-bottom:3px solid #3EA6E8 !important}