/* ---------- Fontovi (lokalno, bez Google Fonts) ---------- */
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ubuntu-latin-ext-400-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ubuntu-latin-400-normal.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}
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ubuntu-latin-ext-500-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ubuntu-latin-500-normal.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}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-latin-ext-400-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-latin-400-normal.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}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/poppins-latin-ext-500-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/poppins-latin-500-normal.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}

/* ---------- Varijable ---------- */
:root{
	--plava:#2154cf;
	--plava-tamna:#1a43a6;
	--plava-svijetla:#8fb0f2;
	--plava-pozadina:#eef3fd;
	--tamna:#1c1c1c;
	--tamna-2:#262626;
	--naslov:#443f3f;
	--tekst:#3a3a3a;
	--tiho:#6b6b6b;
	--rub:#e3e3e3;
	--siva:#f6f6f6;
	--bijela:#fff;
	--okvir:1160px;
	--r:3px;
	--f-naslov:"Ubuntu",system-ui,-apple-system,"Segoe UI",sans-serif;
	--f-tekst:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* ---------- Osnova ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bijela);color:var(--tekst);font:400 16px/1.7 var(--f-tekst)}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--plava);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--plava-tamna)}
h1,h2,h3,h4{font-family:var(--f-naslov);font-weight:500;color:var(--naslov);line-height:1.25;margin:0 0 .6em}
h1{font-size:clamp(1.9rem,1.2rem + 2.6vw,2.9rem)}
h2{font-size:clamp(1.45rem,1.1rem + 1.2vw,1.9rem)}
h3{font-size:1.15rem}
p{margin:0 0 1em}
:focus-visible{outline:2px solid var(--plava);outline-offset:3px}
.okvir{width:min(100% - 32px,var(--okvir));margin-inline:auto}
.preskoci{position:absolute;left:-9999px;top:0;background:var(--bijela);padding:8px 14px;z-index:100}
.preskoci:focus{left:12px;top:12px}
.ikona{flex:none;display:inline-block;vertical-align:middle}
.tiho{color:var(--tiho)}

/* ---------- Gumbi ---------- */
.gumb{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;background:var(--plava);color:#fff;border:1px solid var(--plava);border-radius:var(--r);padding:12px 26px;font:500 14px/1.4 var(--f-naslov);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.gumb:hover{background:var(--plava-tamna);border-color:var(--plava-tamna);color:#fff}
.gumb--obrub{background:transparent;border-color:currentColor;color:inherit}
.tamno .gumb--obrub{color:#fff}
.gumb--obrub:hover{background:#fff;border-color:#fff;color:var(--tamna)}
.gumb--mali{padding:9px 18px;font-size:13px}
.gumbi{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:22px}
.oznaka-hitno{display:inline-flex;align-items:center;gap:6px;color:var(--plava-svijetla);font-size:14px;margin:14px 0 0}
.gumbi .oznaka-hitno{margin:0}
.oznaka-tiho{color:#a8a8a8;font-size:14px}
.veza-strelica{display:inline-flex;align-items:center;gap:6px;font-weight:500;text-decoration:none}
.veza-strelica:hover .ikona{transform:translateX(3px)}
.veza-strelica .ikona{transition:transform .2s}

/* ---------- Zaglavlje ---------- */
.zaglavlje{background:#fff;border-bottom:1px solid var(--rub);position:sticky;top:0;z-index:50}
.admin-bar .zaglavlje{top:32px}
@media (max-width:782px){.admin-bar .zaglavlje{top:0}}
.zaglavlje-red{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:20px}
.znak{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--tamna)}
.znak img{width:40px;height:40px}
.znak-tekst{display:flex;flex-direction:column;line-height:1.15}
.znak-ime{font:500 19px/1 var(--f-naslov);letter-spacing:.12em;color:var(--tamna)}
.znak-opis{font-size:12px;color:var(--tiho);margin-top:4px}
.znak--svijetli,.znak--svijetli .znak-ime{color:#fff}
.znak--svijetli .znak-opis{color:#a8a8a8}
.nav-gumb{display:none}
.glavna-nav{display:flex;align-items:center;gap:16px}
.izbornik{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.izbornik a{display:block;padding:8px 10px;color:var(--naslov);font:500 15px/1.3 var(--f-naslov);text-decoration:none;border-bottom:2px solid transparent}
.izbornik a:hover{color:var(--plava)}
.izbornik a[aria-current],.izbornik .current-menu-item>a,.izbornik .current-page-ancestor>a{border-bottom-color:var(--plava)}

@media (max-width:1080px){
	.nav-gumb{display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;background:none;border:0;padding:0;color:var(--tamna)}
	.nav-gumb .zatvori{display:none}
	.nav-otvoren .nav-gumb .zatvori{display:block}
	.nav-otvoren .nav-gumb .otvori{display:none}
	.glavna-nav{display:none}
	.nav-otvoren .glavna-nav{display:flex;flex-direction:column;align-items:stretch;gap:10px;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--rub);padding:8px 16px 18px;box-shadow:0 12px 24px rgba(0,0,0,.08)}
	.izbornik{flex-direction:column;gap:0}
	.izbornik a{padding:12px 4px;border-bottom:1px solid var(--rub)}
	.izbornik a[aria-current]{border-bottom-color:var(--rub);color:var(--plava)}
	.glavna-nav .gumb{justify-content:center;margin-top:6px}
}

/* ---------- Tamni uvod ---------- */
.tamno{background:var(--tamna);color:#cfcfcf}
.tamno h1,.tamno h2{color:#fff}
.naslovna-uvod{padding:clamp(48px,7vw,96px) 0}
.uvod-mreza{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center}
.nadnaslov{color:var(--plava-svijetla);font-size:14px;margin-bottom:14px}
.uvod-opis{font-size:1.06rem;max-width:620px;color:#c9c9c9}
.uvod-slika{max-width:520px;justify-self:end;width:100%}
@media (max-width:860px){.uvod-mreza{grid-template-columns:1fr}.uvod-slika{justify-self:start;max-width:440px}}

.stranica-uvod{padding:30px 0 44px}
.stranica-uvod h1{margin:0}
.stranica-uvod .uvod-opis{margin-top:14px;margin-bottom:0}
.stranica-uvod-red{display:flex;align-items:center;gap:16px;margin-top:22px}
.uvod-ikona{display:inline-flex;width:58px;height:58px;align-items:center;justify-content:center;border:1px solid #3a3a3a;border-radius:var(--r);color:var(--plava-svijetla)}
.mrvice{font-size:13px;color:#9a9a9a}
.mrvice a{color:#bdbdbd;text-decoration:none}
.mrvice a:hover{color:#fff;text-decoration:underline}

/* ---------- Sekcije ---------- */
.sekcija{padding:clamp(48px,6vw,80px) 0}
.sekcija--siva{background:var(--siva);border-top:1px solid var(--rub);border-bottom:1px solid var(--rub)}
.sekcija-glava{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.sekcija-glava h2{margin:0}

/* Usluge */
.usluge-mreza{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:900px){.usluge-mreza{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.usluge-mreza{grid-template-columns:1fr}}
.usluga a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:4px;height:100%;padding:20px;border:1px solid var(--rub);border-radius:var(--r);text-decoration:none;color:var(--tekst);background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.usluga a:hover{border-color:var(--plava);box-shadow:0 6px 18px rgba(33,84,207,.08);transform:translateY(-2px)}
.usluga .ikona{grid-row:1/3;color:var(--plava);margin-top:2px}
.usluga-naziv{font:500 1.05rem/1.3 var(--f-naslov);color:var(--naslov)}
.usluga-opis{font-size:14px;color:var(--tiho);line-height:1.55}
.usluga--razvoj a{background:var(--plava-pozadina);border-color:#c9d8f8}

/* Projekti */
.projekti-mreza{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media (max-width:860px){.projekti-mreza{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.projekti-mreza{grid-template-columns:1fr}}
.projekt img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);margin-bottom:14px;background:#ddd}
.projekt h3{margin-bottom:.3em}
.projekt p{font-size:15px;color:var(--tiho);margin:0}

/* Prednosti */
.prednosti{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
@media (max-width:860px){.prednosti{grid-template-columns:1fr}}
.prednost .ikona{color:var(--plava);margin-bottom:12px}
.prednost p{color:var(--tiho);margin:0}

/* Klijenti */
.klijenti{background:var(--tamna-2);color:#d9d9d9;padding:34px 0}
.klijenti-naslov{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#9a9a9a;margin-bottom:10px;font-family:var(--f-tekst);font-weight:400}
.klijenti-lista{margin:0;font:400 1.05rem/1.9 var(--f-naslov)}

/* EU blok */
.eu-blok{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px 32px;align-items:center;border:1px solid var(--rub);border-radius:var(--r);padding:22px 24px;background:#fff}
.eu-znakovi{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px}
.eu-znakovi img{height:60px;width:auto}
.eu-tekst{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--tiho)}
.eu-tekst strong{font:500 1.02rem/1.4 var(--f-naslov);color:var(--naslov)}
.eu-tekst a{display:inline-flex;align-items:center;gap:6px;font-weight:500;text-decoration:none;margin-top:4px}
@media (max-width:900px){.eu-blok{grid-template-columns:1fr}}

/* Obrazac */
.upit-mreza{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px;align-items:start}
@media (max-width:860px){.upit-mreza{grid-template-columns:1fr;gap:28px}}
.upit{background:#fff;border:1px solid var(--rub);border-radius:var(--r);padding:26px}
.upit p{margin:0 0 14px}
.upit label{display:block;font-size:14px;font-weight:500;color:var(--naslov);margin-bottom:6px}
.upit input[type=text],.upit input[type=email],.upit select,.upit textarea{width:100%;font:400 15px/1.5 var(--f-tekst);color:var(--tekst);background:#fafafa;border:1px solid #d6d6d6;border-radius:var(--r);padding:11px 14px}
.upit textarea{resize:vertical;min-height:120px}
.upit input:focus,.upit select:focus,.upit textarea:focus{outline:none;border-color:var(--plava);background:#fff;box-shadow:0 0 0 3px rgba(33,84,207,.15)}
.upit-privola label{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13px;color:var(--tiho);line-height:1.5}
.upit-privola input{margin-top:3px;flex:none;width:16px;height:16px;accent-color:var(--plava)}
.upit-zamka{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.upit-poruka{padding:12px 14px;border-radius:var(--r);font-size:14px}
.upit-ok{background:#e9f6ee;color:#1d6b3a;border:1px solid #bfe3cc}
.upit-greska{background:#fdeceb;color:#9b2c25;border:1px solid #f3c4c0}
.uredi{list-style:none;margin:22px 0 6px;padding:0;display:grid;gap:12px}
.uredi li{display:flex;gap:10px;align-items:flex-start}
.uredi .ikona{color:var(--plava);margin-top:3px}
.uredi strong{display:block;font-family:var(--f-naslov);font-weight:500;color:var(--naslov)}
.uredi span{font-size:15px}
.napomena{font-size:14px;color:var(--tiho)}
.mali-naslov{font-size:1rem;margin-top:28px}
.ostale-usluge{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ostale-usluge a{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-size:15px}
.ostale-usluge .ikona{color:var(--plava)}

/* ---------- Sadržaj stranica (Gutenberg) ---------- */
.sadrzaj-stranice{padding:clamp(36px,5vw,64px) 0}
.tekst{max-width:820px}
.tekst>*+h2{margin-top:1.8em}
.tekst>*+h3{margin-top:1.5em}
.tekst ul:not([class]),.tekst ol:not([class]){padding-left:1.3em;margin:0 0 1.2em}
.tekst li{margin-bottom:.35em}
.tekst li::marker{color:var(--plava)}
.tekst .wp-block-image img{border-radius:var(--r);width:100%;max-height:440px;object-fit:cover}
.tekst figure{margin:0 0 1.5em}
.tekst .wp-block-details{border-top:1px solid var(--rub);padding:14px 0}
.tekst .wp-block-details:last-of-type{border-bottom:1px solid var(--rub)}
.tekst .wp-block-details summary{cursor:pointer;font:500 1.02rem/1.4 var(--f-naslov);color:var(--naslov);list-style:none;display:flex;justify-content:space-between;gap:16px}
.tekst .wp-block-details summary::-webkit-details-marker{display:none}
.tekst .wp-block-details summary::after{content:"+";color:var(--plava);font-size:1.4em;line-height:1}
.tekst .wp-block-details[open] summary::after{content:"–"}
.tekst .wp-block-details>*:not(summary){margin-top:10px;margin-bottom:0;color:var(--tekst)}
.tekst .uvodni{font-size:1.1rem;color:var(--naslov)}
.tekst .zasto{background:var(--plava-pozadina);border-left:3px solid var(--plava);padding:18px 22px;margin:0 0 1.6em}
.tekst .zasto h2,.tekst .zasto h3{margin-top:0;font-size:1.1rem}
.tekst .zasto p:last-child,.tekst .zasto ul:last-child{margin-bottom:0}
.dva-stupca{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 40px;margin-bottom:1.4em}
@media (max-width:700px){.dva-stupca{grid-template-columns:1fr}}
.dva-stupca h3{margin-top:0}
.koraci{list-style:none;margin:0 0 1.6em;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:k}
@media (max-width:760px){.koraci{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.koraci{grid-template-columns:1fr}}
.koraci li{counter-increment:k;background:var(--siva);border-top:3px solid var(--plava);padding:14px 16px;font-size:15px;line-height:1.5;margin:0}
.koraci li::before{content:counter(k);display:block;font:500 1.2rem/1 var(--f-naslov);color:var(--plava);margin-bottom:8px}
.tekst .uz-sliku{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;margin-bottom:1.6em}
@media (max-width:700px){.tekst .uz-sliku{grid-template-columns:1fr}}
.tekst .uz-sliku img{width:100%;border-radius:var(--r)}
.siroko{max-width:none}
.tekst .projekti-mreza{margin-bottom:1.5em}
.tvrtka-podaci{display:grid;grid-template-columns:max-content 1fr;gap:6px 22px;font-size:15px;margin:0 0 1.5em}
.tvrtka-podaci dt{color:var(--tiho)}
.tvrtka-podaci dd{margin:0}
@media (max-width:560px){.tvrtka-podaci{grid-template-columns:1fr;gap:0}.tvrtka-podaci dd{margin-bottom:8px}}
.istaknuto{border:1px solid var(--rub);border-radius:var(--r);padding:20px 22px;margin:0 0 1.6em}
.istaknuto h3{margin-top:0}
.datum{font-size:14px;color:var(--tiho);margin-bottom:6px}
.popis-objava{list-style:none;padding:0;margin:0}
.popis-objava li{border-bottom:1px solid var(--rub);padding:20px 0}

/* ---------- Podnožje ---------- */
.podnozje{background:var(--tamna);color:#b5b5b5;font-size:15px;padding-top:54px}
.podnozje a{color:#e6e6e6;text-decoration:none}
.podnozje a:hover{color:#fff;text-decoration:underline}
.podnozje-mreza{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:36px;padding-bottom:40px}
@media (max-width:860px){.podnozje-mreza{grid-template-columns:1fr}}
.podnozje-naslov{font:500 13px/1.4 var(--f-tekst);letter-spacing:.08em;text-transform:uppercase;color:#8d8d8d;margin-bottom:12px}
.podnozje-lista{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.podnozje-mail{display:flex;align-items:center;gap:8px;margin:20px 0 6px}
.podnozje-podrucje{font-size:14px;color:#8d8d8d}
.podnozje-eu{border-top:1px solid #333;padding:20px 0}
.podnozje-eu-veza{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:13px;color:#a8a8a8!important}
.podnozje-eu-veza img{height:40px;width:auto;border-radius:2px}
.podnozje-pravno{border-top:1px solid #333;padding:18px 0 26px;font-size:12px;line-height:1.7;color:#8d8d8d}
.podnozje-pravno p{margin:0 0 4px}

/* Shema u uvodu */
.shema{width:100%}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.zaglavlje,.podnozje,.upit,.gumbi{display:none}}

/* Prekidač jezika */
.jezici{list-style:none;margin:0;padding:0;display:flex;gap:2px;font:500 13px/1 var(--f-naslov);letter-spacing:.04em}
.jezici a{display:block;padding:7px 7px;color:var(--tiho);text-decoration:none;border-radius:var(--r)}
.jezici a:hover{color:var(--plava)}
.jezici a[aria-current]{color:var(--tamna);background:var(--siva)}
@media (max-width:960px){.jezici{padding:10px 0 4px;gap:6px}.jezici a{padding:9px 12px;border:1px solid var(--rub)}}