/* Shared folio language for every public page and the working area. */
.sajt-folio-sve {
    --folio-papir: #f8fafc;
    --folio-povrsina: #fff;
    --folio-mastilo: #0c1530;
    --folio-plava: #214eff;
    --folio-led: #eaf0ff;
    --folio-sivo: #59677e;
    --folio-linija: #dce3ee;
    --brend-puna: #214eff;
    --brend-600: #214eff;
    --brend-700: #163bd0;
    background: var(--folio-papir);
    color: var(--folio-mastilo);
}
[data-tema="tamna"] .sajt-folio-sve {
    --folio-papir: #101725;
    --folio-povrsina: #172132;
    --folio-mastilo: #eef3ff;
    --folio-led: #1b2a4a;
    --folio-plava: #89a5ff;
    --folio-sivo: #b2bdd1;
    --folio-linija: #2e3b52;
    --brend-600: #89a5ff;
    --brend-700: #a9bdff;
}
.sajt-folio-sve .sajt-list { overflow: visible; margin: 0; border: 0; border-radius: 0; box-shadow: none; background: var(--folio-papir); }
.sajt-folio-sve .sajt-glava { top: 0; width: 100%; max-width: none; margin: 0; border: 0; border-bottom: 1px solid var(--folio-linija); border-radius: 0; background: var(--folio-povrsina); box-shadow: none; backdrop-filter: none; transition: box-shadow 200ms ease; }
.sajt-folio-sve .sajt-glava:hover { box-shadow: none; }
.sajt-folio-sve .sajt-glava.je-skrolovano { box-shadow: 0 6px 24px #0c153008; }
.sajt-folio-sve .sajt-glava .omot,
.sajt-folio-sve .sajt-glava.je-skrolovano .omot { max-width: 1240px; height: 76px; padding-inline: 32px; }
.sajt-folio-sve .sajt-logo img { height: 28px; }
.sajt-folio-sve .sajt-nav { gap: 3px; margin-left: auto; }
.sajt-folio-sve .sajt-nav a { padding: 10px 13px; border-radius: 8px; color: var(--folio-sivo); font-size: 13px; }
.sajt-folio-sve .sajt-nav a[aria-current="page"] { color: var(--folio-mastilo); background: var(--folio-led); }
.sajt-folio-sve .sajt-akcije { margin-left: 24px; }
.sajt-folio-sve .sajt-akcije > .dugme-primarno { box-shadow: none; }
.sajt-folio-sve .dugme { min-height: 44px; border-radius: 10px; box-shadow: none; font-weight: 550; }
.sajt-folio-sve .sajt-meni-panel { max-height: calc(100dvh - 96px); overflow-y: auto; padding: 20px; border: 1px solid var(--folio-linija); border-radius: 16px; background: var(--folio-povrsina); box-shadow: 0 20px 50px #0c15301c; }
.sajt-folio-sve .sajt-meni-panel > a:not(.dugme) { display: flex; justify-content: space-between; align-items: center; min-height: 48px; border-bottom: 1px solid var(--folio-linija); border-radius: 0; color: var(--folio-mastilo); font-size: 16px; }
.sajt-folio-sve .sajt-meni-panel > a[aria-current="page"] { color: var(--folio-plava); }
.sajt-folio-sve .sajt-meni-mob[open] .sajt-meni-panel { animation: folio-meni-ulaz 200ms var(--ease-out); transform-origin: top right; }
.sajt-folio-sve .napredak-strane > i { background: var(--folio-plava); }
.sajt-folio-sve :is(h1,h2,h3) { text-wrap: balance; }
.sajt-folio-sve p { text-wrap: pretty; }
.sajt-folio-sve :is(a,button,summary):focus-visible { outline: 3px solid #819fff; outline-offset: 4px; }
.sajt-folio-sve .sajt-sadrzaj { background: var(--folio-papir); }
.sajt-folio-sve .sajt-sadrzaj > .sekcija { background: var(--folio-papir); }
.sajt-folio-sve .sajt-sadrzaj > .sekcija > .omot { max-width: 1200px; padding-inline: 40px; }
.sajt-folio-sve .strana-glava { position: relative; overflow: clip; border-bottom: 1px solid var(--folio-linija); background: radial-gradient(ellipse at 65% 70%, #eaf0ff88, transparent 58%), var(--folio-papir) !important; }
[data-tema="tamna"] .sajt-folio-sve .strana-glava { background: radial-gradient(ellipse at 65% 70%, #182740, transparent 58%), var(--folio-papir) !important; }
.sajt-folio-sve .strana-glava h1 { color: var(--folio-mastilo); font-size: clamp(44px,5.4vw,76px); font-weight: 600; letter-spacing: -.06em; line-height: 1.05; }
.sajt-folio-sve .strana-glava-uvod { color: var(--folio-sivo); font-size: clamp(15px,1.4vw,18px); line-height: 1.7; }
.sajt-folio-sve .strana-mrvice { color: var(--folio-sivo); }
.sajt-folio-sve .strana-mrvice a { color: var(--folio-plava); }
.sajt-folio-sve .sekcija-oznaka { color: var(--folio-plava); }
.sajt-folio-sve :is(.sekcija-naslov,.cene-grupa-naslov,.moduli-grupa h2) { color: var(--folio-mastilo); font-weight: 600; letter-spacing: -.045em; }
.sajt-folio-sve :is(.sekcija-opis,.cene-grupa-uvod,.moduli-grupa-uvod,.moduli-napomena,.cene-napomena) { color: var(--folio-sivo); }

/* Feature page: one clear card rhythm, with the illustrative product preview. */
.sajt-folio-sve .mogucnosti-pregled,
.sajt-folio-sve .naplata-panel { border: 1px solid var(--folio-linija); border-radius: 20px; background: var(--folio-povrsina); box-shadow: 0 24px 60px #0c15300c; color: var(--folio-mastilo); }
.sajt-folio-sve .pregled-traka b { color: var(--folio-plava); }
.sajt-folio-sve .pregled-dokument,
.sajt-folio-sve .pregled-stavke > div { border-color: var(--folio-linija); background: var(--folio-papir); }
.sajt-folio-sve .pregled-putanja span { border-color: var(--folio-linija); background: var(--folio-led); }
.sajt-folio-sve .moduli-precice a { border-color: var(--folio-linija); border-radius: 10px; background: var(--folio-povrsina); color: var(--folio-mastilo); }
.sajt-folio-sve .moduli-grupa { border-top-color: var(--folio-linija); }
.sajt-folio-sve .modul-red { border-color: var(--folio-linija); border-radius: 16px; background: var(--folio-povrsina); box-shadow: 0 14px 36px #0c153007; }
.sajt-folio-sve .modul-red .ikona-krug { background: var(--folio-led); color: var(--folio-plava); }
.sajt-folio-sve .modul-red h3 { color: var(--folio-mastilo); }
.sajt-folio-sve .modul-red p { color: var(--folio-sivo); }
.sajt-folio-sve .delatnost-plocica { border-color: var(--folio-linija); background: var(--folio-povrsina); }

/* Pricing uses the same paper cards and restrained emphasis as the homepage. */
.sajt-folio-sve .naplata-naslov { color: var(--folio-mastilo); }
.sajt-folio-sve .naplata-panel .prekidac-ciklusa { border: 1px solid var(--folio-linija); border-radius: 12px; background: var(--folio-led); }
.sajt-folio-sve .naplata-panel .cena-ciklus-opis { min-height: 0; margin-top: 18px; line-height: 1.65; }
.sajt-folio-sve .naplata-panel :is(.cena-ciklus-opis,.naplata-poverenje) { color: var(--folio-sivo); }
.sajt-folio-sve .naplata-poverenje { border-top-color: var(--folio-linija); }
.sajt-folio-sve .cene-grupa + .cene-grupa { border-top-color: var(--folio-linija); }
.sajt-folio-sve .cena-kartica { display: flex; flex-direction: column; border: 1px solid var(--folio-linija); border-radius: 20px; background: var(--folio-povrsina); box-shadow: none; transform: none; }
.sajt-folio-sve .cena-kartica.istaknut { border-color: var(--folio-plava); background: var(--folio-led); box-shadow: none; transform: none; }
.sajt-folio-sve .cenovnik-stranica[data-ciklus] .cena-kartica { border-color: var(--folio-linija); }
.sajt-folio-sve .cenovnik-stranica[data-ciklus] .cena-kartica.istaknut { border-color: var(--folio-plava); }
.sajt-folio-sve .cene .cena-status { color: var(--folio-sivo); }
.sajt-folio-sve .cene .cena-oznaka { position: static; padding: 0; border: 0; background: none; color: var(--folio-plava); }
.sajt-folio-sve .cene :is(.cena-naziv,.cena-iznos b,.cena-lista li) { color: var(--folio-mastilo); }
.sajt-folio-sve .cene .cena-iznos b { font-size: clamp(42px,4.4vw,54px); font-weight: 550; letter-spacing: -.06em; }
.sajt-folio-sve .cene :is(.cena-podnaslov,.cena-iznos > span,.cena-godisnje,.cena-opis) { color: var(--folio-sivo); }
.sajt-folio-sve .cene .cena-lista { border-top-color: var(--folio-linija); }
.sajt-folio-sve .cene .cena-lista .ikona { color: var(--folio-plava); }
.sajt-folio-sve .cene .cena-kartica > .dugme { margin-top: auto; }
.sajt-folio-sve .dodatak-kartica { border-color: var(--folio-linija); border-radius: 16px; background: var(--folio-povrsina); }
.sajt-folio-sve .sekcija-faq-pocetna { border-top: 1px solid var(--folio-linija); }
.sajt-folio-sve .sekcija-faq-pocetna .faq details { border: 0; border-bottom: 1px solid var(--folio-linija); border-radius: 0; background: none; }
.sajt-folio-sve .sekcija-faq-pocetna .faq summary { color: var(--folio-mastilo); }
.sajt-folio-sve .sekcija-faq-pocetna .faq-odgovor { color: var(--folio-sivo); }

/* Every other public route inherits the same surfaces without changing its data flow. */
.sajt-folio-sve :is(.vodic-kartica,.alat-kartica,.dodatak-kartica,.kontakt-kartica,.resursi-precice > a) { border-color: var(--folio-linija); background: var(--folio-povrsina); box-shadow: none; }
.sajt-folio-sve :is(.vodic-kartica,.alat-kartica,.dodatak-kartica,.kontakt-kartica) :is(h2,h3) { color: var(--folio-mastilo); }
.sajt-folio-sve :is(.vodic-kartica,.alat-kartica,.dodatak-kartica,.kontakt-kartica) p { color: var(--folio-sivo); }
.sajt-folio-sve :is(.unos,.izbor,.oblast) { border-color: var(--folio-linija); border-radius: 10px; background: var(--folio-povrsina); }
.sajt-folio-sve .sajt-sadrzaj :is(section,article,[id]) { scroll-margin-top: 100px; }
.sajt-folio-sve .folio-zavrsni { color: #fff; background: #214eff !important; }
.sajt-folio-sve .folio-zavrsni :is(.folio-oznaka,p) { color: #d6e1ff; }
.sajt-folio-sve .folio-zavrsni :is(h2,a) { color: #fff; }

/* The signed-in product and account entry share the new ink, blue and spacing. */
body:is(.aplikacija,.ulaz,[data-raspored="prazan"]) { --brend-50: light-dark(#eaf0ff,#1b2a4a); --brend-100: light-dark(#dce6ff,#293d68); --brend-200: light-dark(#b8caff,#395382); --brend-500: light-dark(#4169ff,#89a5ff); --brend-600: light-dark(#214eff,#89a5ff); --brend-700: light-dark(#163bd0,#a9bdff); --brend-900: light-dark(#0c1530,#101725); }
body[data-raspored="app"] { background: light-dark(#f8fafc,#101725); }
body[data-raspored="app"] :is(.bocni,.gornja) { border-color: light-dark(#dce3ee,#2e3b52); }
body[data-raspored="app"] :is(.kartica,.panel,.stat-kartica,.prazan-kartica) { border-color: light-dark(#dce3ee,#2e3b52); }
body[data-raspored="app"] :is(.unos,.izbor,.oblast) { border-radius: 10px; }
body[data-raspored="app"] :is(a,button,input,select,textarea):focus-visible,
body.ulaz :is(a,button,input,select,textarea):focus-visible { outline: 3px solid #819fff; outline-offset: 3px; }
body.ulaz { background: light-dark(#f8fafc,#101725); }
body.ulaz .ulaz-pregled { border-color: light-dark(#dce3ee,#2e3b52); background: light-dark(#eaf0ff,#1b2a4a); }
body[data-raspored="prazan"] { background: light-dark(#f8fafc,#101725); }
body[data-raspored="prazan"] .prazan-kartica { border: 1px solid light-dark(#dce3ee,#2e3b52); border-radius: 20px; background: light-dark(#fff,#172132); box-shadow: 0 24px 60px #0c15300c; }
body[data-raspored="prazan"] :is(.unos,.izbor,.oblast) { border-radius: 10px; }

@media (hover:hover) and (pointer:fine) {
    .sajt-folio-sve :is(.modul-red,.cena-kartica,.dodatak-kartica,.vodic-kartica,.alat-kartica) { transition: transform 220ms cubic-bezier(.23,1,.32,1), border-color 180ms ease, box-shadow 220ms ease; }
    .sajt-folio-sve :is(.modul-red,.cena-kartica,.dodatak-kartica,.vodic-kartica,.alat-kartica):hover { transform: translateY(-3px); border-color: #9eb5ff; box-shadow: 0 18px 38px #0c153012; }
}
@media (max-width:760px) {
    .sajt-folio-sve .sajt-meni-panel { position: fixed; top: 72px; left: 16px; right: 16px; min-width: 0; }
    .sajt-folio-sve .sajt-glava .omot,
    .sajt-folio-sve .sajt-glava.je-skrolovano .omot { height: 66px; padding-inline: 16px; gap: 8px; }
    .sajt-folio-sve .sajt-glava .sajt-logo img { height: 24px; }
    .sajt-folio-sve .sajt-akcije { gap: 8px; margin-left: auto; }
    .sajt-folio-sve .sajt-akcije > .dugme-primarno { display: inline-flex; padding-inline: 10px; font-size: 11px; white-space: nowrap; }
    .sajt-folio-sve .sajt-akcije > .dugme-primarno .ikona { display: none; }
    .sajt-folio-sve .sajt-sadrzaj > .sekcija > .omot { padding-inline: 24px; }
    .sajt-folio-sve .strana-glava h1 { font-size: clamp(38px,8vw,54px); }
    .sajt-folio-sve .strana-glava-desno { max-width: 100%; }
    .sajt-folio-sve .folio-noga > .omot { padding-inline: 24px; }
}
@media (min-width:761px) and (max-width:1000px) {
    .sajt-folio-sve .cenovnik-stranica .strana-glava-desno { max-width: 520px; }
}
@media (max-width:520px) {
    .sajt-folio-sve .sajt-sadrzaj > .sekcija > .omot { padding-inline: 20px; }
    .sajt-folio-sve .strana-glava h1 { font-size: clamp(36px,10vw,46px); }
    .sajt-folio-sve .strana-glava-akcije { display: grid; grid-template-columns: 1fr; }
    .sajt-folio-sve .strana-glava-akcije .dugme { width: 100%; }
    .sajt-folio-sve .cene .cena-kartica { padding: 26px; }
    .sajt-folio-sve .cene .cena-opis { min-height: 0; }
    .sajt-folio-sve .folio-noga > .omot { padding-inline: 20px; }
}
@media (max-width:359px) {
    .sajt-folio-sve .sajt-glava .omot,
    .sajt-folio-sve .sajt-glava.je-skrolovano .omot { padding-inline: 12px; gap: 6px; }
    .sajt-folio-sve .sajt-glava .sajt-logo img { height: 23px; }
}
@media (prefers-reduced-motion:reduce) {
    .sajt-folio-sve *, .sajt-folio-sve *::before { scroll-behavior: auto; transition-duration: 0ms; animation: none; }
}