/* Moj nalog za neprijavljenog kupca: kartica sa kosim tamnim sečivom (uzor wp/qa-uzor/prijava/).
   Sečivo je jedan kosi pravougaonik (clip-path) širi od kartice, koji se pomera jednim translateX (--yf-x),
   kao u uzoru: vodeća ivica pređe karticu, kartica je kratko cela tamna (oko petine puta), zadnja ivica otkrije novu formu.
   Sadržaj sečiva se pomera suprotno (-x), pa tekst stoji dok sečivo klizi. Zlatne ivice su prelivi pod uglom sečiva
   (bez skewX i bez border), pa su glatke i na ekranu gustine 1x. Senka ivice je ISPOD teksta.
   Bez JavaScripta (nema klase .je-js) obe forme stoje jedna ispod druge. */

@property --yf-x{syntax:"<length>";inherits:true;initial-value:0px}

/* Pravi kurziv fonta teme (Azeret Mono Italic 400), samo za zlatnu reč naslova */
@font-face{font-family:"Azeret Mono";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/azeret-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Azeret Mono";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/azeret-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.yf-nalog-strana .yf-page{padding-top:clamp(12px,3vw,36px);padding-bottom:clamp(40px,6vw,88px)}
.yf-nalog-strana .yf-page .woocommerce{max-width:none}

.yf-nalog{
  --n-krem:#fdf8f1;--n-krem-2:#f4e9db;--n-tinta:#2a1b22;--n-zlato:#d9b48a;--n-zlato-svetlo:#f0d5ae;--n-zlato-tekst:#8a5f34;
  --n-linija:rgb(42 27 34 / .2);--n-tiho:rgb(42 27 34 / .62);--n-bordo:#40242f;
  /* sečivo: kosina (vodoravni pomak ivice od vrha do dna), širina, mirni položaji, vreme i kriva */
  --n-s:8cqw;--n-w:160cqw;
  --n-x-prijava:calc(52cqw - var(--n-s) / 2);--n-x-registracija:calc(48cqw + var(--n-s) / 2 - var(--n-w));
  --n-vreme:.9s;--n-kriva:cubic-bezier(.6,0,.4,1);
  position:relative;color:var(--n-tinta);font-family:var(--font-body--family)
}
.yf-nalog::before{content:"";position:absolute;inset:4% 6% 0;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgb(64 36 47 / .14),transparent);filter:blur(30px);pointer-events:none}

/* Kartica */
.yf-nalog__kartica{position:relative;max-width:1080px;margin:0 auto;border-radius:28px;overflow:hidden;isolation:isolate;container-type:inline-size;
  background:radial-gradient(120% 90% at 0% 0%,#fffdf9 0%,transparent 55%),linear-gradient(155deg,var(--n-krem) 0%,#f8efe4 55%,var(--n-krem-2) 100%);
  border:1px solid rgb(217 180 138 / .5);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .9),0 2px 4px rgb(42 27 34 / .04),0 24px 48px -24px rgb(42 27 34 / .35),0 60px 110px -60px rgb(42 27 34 / .5)}

.yf-nalog__strana{position:relative;scroll-margin-top:calc(var(--header-height) + 16px)}
.yf-nalog__telo{width:100%;max-width:392px;margin:0 auto}

/* Naslov forme sa kratkom zlatnom crtom */
.yf-nalog__naslov{margin:0 0 30px;font-family:var(--font-heading--family);font-size:clamp(1.55rem,2.4vw,1.95rem);font-weight:500;line-height:1.1;letter-spacing:-.01em;color:var(--n-tinta)}
.yf-nalog__naslov:focus{outline:0}
.yf-nalog__naslov::after{content:"";display:block;width:38px;height:2px;margin-top:14px;border-radius:2px;background:linear-gradient(90deg,#b98a57,var(--n-zlato))}
.yf-nalog__uvod{margin:-8px 0 18px;font-size:.95rem;line-height:1.55;color:var(--n-tiho)}

/* Polja: samo donja linija, natpis se podigne i postane zlatan, linija postane zlatna, deblja i svetli */
.yf-polje{position:relative;margin:0 0 20px;padding-top:16px}
.yf-nalog .yf-polje .yf-polje__unos{display:block;width:100%;height:46px;min-height:46px;margin:0;padding:12px 40px 6px 0;border:0;border-bottom:1px solid var(--n-linija);border-radius:0;background:transparent;box-shadow:none;color:var(--n-tinta);font:inherit;font-size:16px;line-height:1.3;outline:0;transition:border-color .2s}
.yf-nalog .yf-polje .yf-polje__unos:hover{border-bottom-color:rgb(42 27 34 / .36)}
.yf-nalog .yf-polje .yf-polje__unos:focus{border-bottom-color:transparent;box-shadow:none}
.yf-polje label{position:absolute;left:0;top:32px;margin:0;font-size:1rem;font-weight:400;line-height:1.2;color:var(--n-tiho);pointer-events:none;transform-origin:0 50%;transition:transform .28s cubic-bezier(.2,.7,.2,1),color .2s}
.yf-polje__unos:focus+label,.yf-polje__unos:not(:placeholder-shown)+label,.yf-polje__unos:-webkit-autofill+label{transform:translateY(-26px) scale(.8)}
.yf-polje__unos:focus+label{color:var(--n-zlato-tekst);font-weight:500}
.yf-polje__linija{position:absolute;left:0;right:0;bottom:-1.5px;height:3px;border-radius:3px;background:linear-gradient(90deg,#c08f58,var(--n-zlato) 45%,#ecd0a6);box-shadow:0 0 6px rgb(217 180 138 / .7),0 3px 14px rgb(217 180 138 / .65);transform:scaleX(0);transform-origin:0 50%;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.yf-polje__unos:focus~.yf-polje__linija{transform:scaleX(1)}
.yf-polje__unos::placeholder{color:transparent}
.yf-polje__unos:-webkit-autofill{-webkit-text-fill-color:var(--n-tinta);transition:background-color 99999s}
.yf-nalog__ikona{position:absolute;right:2px;bottom:12px;width:19px;height:19px;color:rgb(42 27 34 / .45);pointer-events:none;transition:color .2s}
.yf-polje__unos:focus~.yf-nalog__ikona{color:var(--n-zlato-tekst)}
.yf-polje__oko{position:absolute;right:-8px;bottom:2px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;color:rgb(42 27 34 / .5);cursor:pointer;transition:color .2s,background .2s}
.yf-polje__oko[hidden]{display:none}
.yf-polje__oko:hover{color:var(--n-tinta);background:rgb(42 27 34 / .05)}
.yf-polje__oko .yf-nalog__ikona{position:static}
.yf-polje__oko .yf-nalog__ikona--oko-ne,.yf-polje__oko[aria-pressed="true"] .yf-nalog__ikona--oko{display:none}
.yf-polje__oko[aria-pressed="true"] .yf-nalog__ikona--oko-ne{display:block}
.yf-polje__unos:focus~.yf-polje__oko{color:var(--n-zlato-tekst)}

/* Merilo jačine lozinke: četiri crtice u bojama sajta (opeka, svetlo zlato, zlato, bordo za jaku) */
.yf-jacina{display:flex;align-items:center;gap:12px;margin:-8px 0 18px;font-size:.8rem;color:var(--n-tiho)}
.yf-jacina__crtice{display:flex;gap:6px;flex:none}
.yf-jacina__crtice i{display:block;width:22px;height:3px;border-radius:3px;background:rgb(42 27 34 / .14);transition:background .3s}
.yf-jacina[data-jacina="1"] i:nth-child(-n+1){background:#b4544e}
.yf-jacina[data-jacina="2"] i:nth-child(-n+2){background:#d9a46a}
.yf-jacina[data-jacina="3"] i:nth-child(-n+3){background:#b98a57}
.yf-jacina[data-jacina="4"] i{background:linear-gradient(90deg,#6b3446,var(--n-bordo))}

/* Zapamti me i zaboravljena lozinka */
.yf-nalog__red{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin:4px 0 26px;font-size:.88rem}
.yf-kvacica{display:inline-flex;align-items:center;gap:10px;cursor:pointer;color:rgb(42 27 34 / .78)}
.yf-kvacica input{appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:18px;height:18px;margin:0;flex:none;border:1.5px solid rgb(42 27 34 / .35);border-radius:5px;background:#fff8;cursor:pointer;transition:background .2s,border-color .2s}
.yf-kvacica input::after{content:"";width:10px;height:10px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.3 4.8 9 10 3.2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.3 4.8 9 10 3.2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transform:scale(0);transition:transform .2s cubic-bezier(.2,.9,.3,1.4)}
.yf-kvacica input:checked{background:var(--n-bordo);border-color:var(--n-bordo)}
.yf-kvacica input:checked::after{transform:scale(1)}
.yf-kvacica input:focus-visible{outline:2px solid var(--n-zlato);outline-offset:2px}
.yf-nalog__zaboravljena,.yf-nalog__prelaz a{color:var(--n-tinta);font-weight:600;text-decoration:none;background:linear-gradient(90deg,#c99a64,var(--n-zlato)) 0 100%/100% 2px no-repeat;padding-bottom:3px;transition:background-size .25s,color .2s}
.yf-nalog__zaboravljena{color:var(--n-zlato-tekst);font-weight:500;background-size:100% 1.5px;white-space:nowrap}
.yf-nalog__zaboravljena:hover,.yf-nalog__prelaz a:hover{color:var(--n-bordo);background-size:100% 3px}

/* Dugme */
.yf-nalog .yf-nalog__forma .yf-nalog__dugme{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;margin:0;padding:0 24px;overflow:hidden;border:0;border-radius:999px;
  background:linear-gradient(180deg,#56303e 0%,var(--n-bordo) 55%,#331c25 100%);color:#fff6ed;font:inherit;font-size:1rem;font-weight:600;letter-spacing:.01em;cursor:pointer;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .14),0 16px 28px -16px rgb(42 27 34 / .85),0 2px 6px rgb(42 27 34 / .12);transition:transform .2s,box-shadow .2s,filter .2s}
.yf-nalog .yf-nalog__forma .yf-nalog__dugme::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgb(240 213 174 / .28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s ease}
.yf-nalog .yf-nalog__forma .yf-nalog__dugme:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:inset 0 1px 0 rgb(255 255 255 / .16),0 20px 32px -16px rgb(42 27 34 / .9),0 2px 6px rgb(42 27 34 / .12)}
.yf-nalog .yf-nalog__forma .yf-nalog__dugme:hover::after{transform:translateX(120%)}
.yf-nalog .yf-nalog__forma .yf-nalog__dugme:active{transform:translateY(0) scale(.99)}
.yf-nalog .yf-nalog__forma .yf-nalog__dugme:focus-visible{outline:2px solid var(--n-zlato);outline-offset:3px}
.yf-nalog .yf-nalog__forma .yf-nalog__dugme span{position:relative;z-index:1}

.yf-nalog__prelaz{margin:20px 0 0;font-size:.92rem;color:var(--n-tiho)}
.yf-nalog__prelaz--nazad a{display:inline-flex;align-items:center;gap:8px;background:none;padding:0}
.yf-nalog__prelaz--nazad a span{background:linear-gradient(90deg,#c99a64,var(--n-zlato)) 0 100%/100% 2px no-repeat;padding-bottom:3px;transition:background-size .25s}
.yf-nalog__prelaz--nazad a:hover span{background-size:100% 3px}
.yf-nalog__prelaz .yf-nalog__ikona{position:static;width:16px;height:16px;color:var(--n-zlato-tekst);transition:transform .2s}
.yf-nalog__prelaz--nazad a:hover .yf-nalog__ikona{transform:translateX(-3px)}
.yf-nalog__napomena{margin:0 0 20px;font-size:.88rem;color:var(--n-tiho)}

/* Tekst o privatnosti i polja drugih dodataka */
.yf-nalog .woocommerce-privacy-policy-text{margin:-4px 0 18px}
.yf-nalog .woocommerce-privacy-policy-text p{margin:0;font-size:.78rem;line-height:1.5;color:var(--n-tiho)}
.yf-nalog .woocommerce-privacy-policy-text a{color:inherit;text-decoration:underline;text-decoration-color:var(--n-zlato);text-underline-offset:2px}

/* Obaveštenja unutar forme */
.yf-nalog__obavestenja:empty{display:none}
.yf-nalog .woocommerce-error,.yf-nalog .woocommerce-message,.yf-nalog .woocommerce-info{margin:-8px 0 20px;padding:11px 14px;list-style:none;border-radius:12px;font-size:.86rem;line-height:1.45;box-shadow:none}
.yf-nalog .woocommerce-error{background:rgb(180 84 78 / .08);border:1px solid rgb(180 84 78 / .32);color:#7c2f2a}
.yf-nalog .woocommerce-error li+li{margin-top:4px}
.yf-nalog .woocommerce-error a{color:inherit;text-decoration:underline}
.yf-nalog .woocommerce-message,.yf-nalog .woocommerce-info{background:rgb(63 122 82 / .08);border:1px solid rgb(63 122 82 / .3);color:#2c5a3b}
.yf-nalog .woocommerce-error:focus,.yf-nalog .woocommerce-message:focus,.yf-nalog .woocommerce-info:focus,.yf-nalog__obavestenja [tabindex="-1"]:focus{outline:0}

/* Tamna strana: natpis, naslov u dva reda (kratak deo, pa zlatna reč u pravom kurzivu), rečenica */
.yf-nalog__marka{margin:0 0 18px;font-size:.7rem;font-weight:600;letter-spacing:.42em;color:var(--n-zlato)}
.yf-nalog__pozdrav{margin:0 0 18px;font-family:var(--font-heading--family);font-size:clamp(1.8rem,3.5cqw,2.6rem);font-weight:400;line-height:1.12;letter-spacing:-.03em;color:#fff6ed}
.yf-nalog__pozdrav span,.yf-nalog__pozdrav em{display:block}
.yf-nalog__pozdrav em{font-style:italic;font-weight:400;color:#e2bf93;text-shadow:0 0 18px rgb(217 180 138 / .35),0 0 2px rgb(240 213 174 / .25)}
.yf-nalog__recenica{max-width:31ch;margin:0;font-size:.97rem;line-height:1.6;color:rgb(255 246 237 / .74)}

/* Tamna traka na telefonu i bez JavaScripta; na računaru je sakrivena (čitač ekrana je i dalje čita) */
.yf-nalog__glava{position:relative;padding:22px 22px 40px;color:#fff6ed;
  background:linear-gradient(to top left,transparent calc(50% - .75px),#f3dcb6 50%,rgb(217 180 138 / .5) calc(50% + 1.5px),rgb(10 4 7 / .35) calc(50% + 3px),transparent calc(50% + 14px)) bottom/100% 22px no-repeat,
    radial-gradient(120% 120% at 15% 0%,#5a2e3d 0%,#3a1f29 45%,#1a0f14 100%);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),0 100%)}
.yf-nalog__glava .yf-nalog__marka{margin-bottom:10px}
.yf-nalog__glava .yf-nalog__pozdrav{margin-bottom:8px;font-size:clamp(1.45rem,6.4vw,1.9rem)}
.yf-nalog__glava .yf-nalog__recenica{max-width:36ch;font-size:.86rem;line-height:1.5}

/* Bez JavaScripta: obe forme jedna ispod druge */
.yf-nalog:not(.je-js) .yf-nalog__secivo{display:none}
.yf-nalog:not(.je-js) .yf-nalog__strana+.yf-nalog__strana{border-top:1px solid rgb(217 180 138 / .5)}
.yf-nalog:not(.je-js) .yf-nalog__telo{padding:30px 22px 36px}

/* Sečivo: pomera ga samo --yf-x; prelaz postoji samo dok traje promena (klasa u-prelazu), pa promena širine prozora ne klizi */
.yf-nalog__secivo{display:none}
.je-js .yf-nalog__secivo{display:block;position:absolute;top:0;bottom:0;left:0;z-index:3;width:var(--n-w);pointer-events:none;
  --yf-x:var(--n-x-prijava);transform:translateX(var(--yf-x))}
.yf-nalog[data-stanje="registracija"] .yf-nalog__secivo{--yf-x:var(--n-x-registracija)}
.yf-nalog.u-prelazu .yf-nalog__secivo{transition:--yf-x var(--n-vreme) var(--n-kriva)}
.yf-nalog__secivo-telo{position:absolute;inset:0;clip-path:polygon(0 0,calc(100% - var(--n-s)) 0,100% 100%,var(--n-s) 100%)}
.yf-nalog__unutra{position:absolute;top:0;bottom:0;left:0;width:100cqw;transform:translateX(calc(-1 * var(--yf-x)));
  background:radial-gradient(70% 90% at 78% 10%,rgb(122 64 84 / .55) 0%,transparent 60%),radial-gradient(60% 80% at 15% 95%,rgb(90 46 61 / .45) 0%,transparent 60%),linear-gradient(160deg,#4a2734 0%,#2c1820 48%,#140b10 100%)}
/* Senka uz ivice, ispod teksta. Kutija je 3 kosine široka i 3 visine visoka, pa joj je dijagonala tačno pod uglom ivice. */
.yf-nalog__senka{position:absolute;top:-100%;height:300%;width:calc(3 * var(--n-s));pointer-events:none}
.yf-nalog__senka--leva{left:calc(-1 * var(--n-s));transform:translateX(var(--yf-x));
  background:linear-gradient(to top right,transparent calc(50% - 1px),rgb(6 2 4 / .62) 50%,rgb(6 2 4 / .34) calc(50% + 10px),rgb(6 2 4 / .12) calc(50% + 30px),transparent calc(50% + 64px))}
.yf-nalog__senka--desna{left:calc(var(--n-w) - 2 * var(--n-s));transform:translateX(var(--yf-x));
  background:linear-gradient(to bottom left,transparent calc(50% - 1px),rgb(6 2 4 / .62) 50%,rgb(6 2 4 / .34) calc(50% + 10px),rgb(6 2 4 / .12) calc(50% + 30px),transparent calc(50% + 64px))}
/* Zlatni šav: tanka svetla linija tačno na ivici, mek sjaj ka kremastoj strani, tamni prelaz ka unutra */
.yf-nalog__sav{position:absolute;top:-100%;height:300%;width:calc(3 * var(--n-s));z-index:2;pointer-events:none;
  --n-sav:transparent calc(50% - 22px),rgb(217 180 138 / .1) calc(50% - 10px),rgb(240 213 174 / .38) calc(50% - 3px),#f6e0bb calc(50% - .9px),#e9c99d calc(50% + .6px),rgb(176 128 78 / .75) calc(50% + 1.6px),rgb(176 128 78 / 0) calc(50% + 3.5px)}
.yf-nalog__sav--leva{left:calc(-1 * var(--n-s));background:linear-gradient(to top right,var(--n-sav))}
.yf-nalog__sav--desna{left:calc(var(--n-w) - 2 * var(--n-s));background:linear-gradient(to bottom left,var(--n-sav))}

/* Natpisi u sečivu: stari nestane brzo (dok vodeća ivica izlazi), novi se pojavi dok je kartica tamna */
.yf-nalog__dobrodoslica{position:absolute;top:0;bottom:0;z-index:1;width:34%;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(10px);transition:opacity .14s ease-in,transform .14s ease-in}
.yf-nalog__dobrodoslica--prijava{left:59%}
.yf-nalog__dobrodoslica--registracija{left:7.5%}
.yf-nalog[data-tekst="prijava"] .yf-nalog__dobrodoslica--prijava,.yf-nalog[data-tekst="registracija"] .yf-nalog__dobrodoslica--registracija{opacity:1;transform:none;transition:opacity .42s ease-out,transform .6s cubic-bezier(.2,.7,.2,1)}
.yf-nalog__srediste{display:none}

/* Računar i tablet: dve kolone, forma na kremastoj strani, sečivo preko druge */
@media (min-width:750px){
  .je-js .yf-nalog__kartica{display:grid;grid-template-columns:1fr 1fr;min-height:600px}
  .yf-nalog--lozinka .yf-nalog__kartica{min-height:520px}
  .je-js .yf-nalog__strana{display:flex;align-items:center;grid-row:1;padding:56px 64px}
  .je-js .yf-nalog__strana--prijava{grid-column:1;padding-right:72px}
  .je-js .yf-nalog__strana--registracija{grid-column:2;padding-left:72px}
  .je-js .yf-nalog__glava{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .yf-nalog__secivo .yf-nalog__pozdrav span{white-space:nowrap}
}
@media (min-width:750px) and (max-width:1099px){
  .je-js .yf-nalog__strana{padding:44px 30px}
  .je-js .yf-nalog__strana--prijava{padding-right:52px}
  .je-js .yf-nalog__strana--registracija{padding-left:52px}
  .yf-nalog__red{font-size:.84rem;gap:10px 12px}
  .yf-nalog__dobrodoslica{width:36%}
  .yf-nalog__dobrodoslica--prijava{left:58.5%}
  .yf-nalog__dobrodoslica--registracija{left:5.5%}
}

/* Neaktivna forma: pod sečivom, van toka (kartica ima visinu aktivne forme), bez fokusa i bez klika (inert postavlja JavaScript) */
.yf-nalog.je-js[data-vidljivo="prijava"] .yf-nalog__strana--registracija,
.yf-nalog.je-js[data-vidljivo="registracija"] .yf-nalog__strana--prijava{visibility:hidden;position:absolute;top:0;left:0;right:0} /* u mreži je okvir oblast te kolone */

/* Telefon: tamna traka gore, forma ispod; sečivo prelazi preko cele kartice i u mirovanju stoji van nje */
@media (max-width:749px){
  .yf-nalog{--n-s:22cqw;--n-w:236cqw;--n-x-prijava:calc(100cqw + 28px);--n-x-registracija:calc(-1 * var(--n-w) - 28px)}
  .yf-nalog__kartica{border-radius:22px}
  .yf-nalog::before{display:none}
  .je-js .yf-nalog__kartica{display:grid;grid-template-columns:minmax(0,1fr)}
  .je-js .yf-nalog__strana{grid-area:1/1;align-self:start}
  .je-js .yf-nalog__telo,.yf-nalog__telo{padding:22px 22px 26px}
  .yf-nalog__naslov{margin-bottom:16px;font-size:1.45rem}
  .yf-nalog__naslov::after{margin-top:9px}
  .yf-polje{margin-bottom:12px;padding-top:14px}
  .yf-polje label{top:30px}
  .yf-jacina{margin:-4px 0 14px}
  .yf-nalog__uvod{margin:-4px 0 12px;font-size:.92rem}
  .yf-nalog .woocommerce-privacy-policy-text{margin:-2px 0 14px}
  .yf-nalog .woocommerce-error,.yf-nalog .woocommerce-message,.yf-nalog .woocommerce-info{margin:-4px 0 14px}
  .yf-nalog__dobrodoslica{display:none}
  .yf-nalog__srediste{display:grid;place-items:center;position:absolute;inset:0;z-index:1}
  .yf-nalog__srediste span{font-size:.78rem;font-weight:600;letter-spacing:.5em;color:var(--n-zlato);padding-left:.5em}
  .yf-nalog__srediste span::after{content:"";display:block;width:38px;height:2px;margin:12px auto 0;background:var(--n-zlato);border-radius:2px}
  .yf-nalog__red{margin:2px 0 18px}
  .yf-nalog__prelaz{margin-top:14px}
}

/* Kartica se kratko pretopi kad korisnik ne želi pokrete (umesto sečiva) */
.yf-nalog__kartica.je-pretapanje>*{opacity:0!important}
@media (prefers-reduced-motion:reduce){
  .yf-nalog .yf-nalog__secivo,.yf-nalog .yf-nalog__dobrodoslica{transition:none!important}
  .yf-nalog .yf-nalog__kartica>*{transition:opacity .22s ease!important}
  .yf-nalog .yf-nalog__forma .yf-nalog__dugme::after{display:none}
}