/* ASTREA · zajednički izgled weba i trgovine (zaglavlje, jezici, podnožje, fontovi)
   Učitava se na WordPressu (WPCode) i u trgovini (/trgovina/index.php). */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap");
:root{--ax-a:#D6BFA8;--ax-bg:#000;--ax-ln:#262626;--ax-mu:#b5afa7;--ax-mu2:#8e887f;--ax-d:Oswald,'Arial Narrow',sans-serif;--ax-t:Inter,system-ui,-apple-system,sans-serif}

/* ---------- zaglavlje (struktura je iz child teme: .astrea-header) ---------- */
.astrea-header,.astrea-header *{font-family:var(--ax-t)}
.astrea-header{gap:24px}
.astrea-header__tagline{font:600 14px/1.2 var(--ax-t)!important;letter-spacing:.01em}
.astrea-header__nav{gap:30px!important}
.astrea-header__nav a{font:600 12px/1 var(--ax-t)!important;letter-spacing:.14em!important;text-transform:uppercase;color:#e6e1da!important}
.astrea-header__nav a:hover,.astrea-header__nav a.active,.astrea-header__nav a[aria-current]{color:var(--ax-a)!important}
.astrea-header__nav a.active::after,.astrea-header__nav a[aria-current]::after{width:100%!important}
.astrea-header__nav a::after{bottom:-8px!important;height:1px!important}
@media (max-width:900px){.astrea-header__nav a{font-size:14px!important}}

/* ---------- prekidač jezika (web .ax-lang i trgovina .langsw) ---------- */
.ax-lang,.astrea-header .langsw{display:inline-flex;align-items:center;border:1px solid #2a2a2a;border-radius:999px;padding:3px;margin:0;gap:0;font-family:var(--ax-t)}
.ax-lang a,.astrea-header .langsw a{font:600 11px/1 var(--ax-t)!important;letter-spacing:.08em;padding:6px 9px!important;border-radius:999px;color:var(--ax-mu)!important;text-decoration:none!important;text-transform:uppercase;border:0!important}
.ax-lang a::after,.astrea-header .langsw a::after{display:none!important}
.ax-lang a:hover,.astrea-header .langsw a:hover{color:#fff!important}
.ax-lang a.on,.astrea-header .langsw a.on{background:#222;color:#fff!important}

/* ---------- zajedničko podnožje ---------- */
.ax-ftr{background:#000;color:#fff;border-top:1px solid var(--ax-ln);padding:52px 24px 26px;font-family:var(--ax-t);margin-top:0}
.ax-ftr *{box-sizing:border-box}
.ax-ftr-g{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.ax-ftr b{display:block;font:600 11px/1.4 var(--ax-t);letter-spacing:.18em;text-transform:uppercase;color:var(--ax-a);margin:0 0 12px}
.ax-ftr p,.ax-ftr a{font:400 14px/1.9 var(--ax-t);color:var(--ax-mu);display:block;margin:0;text-decoration:none}
.ax-ftr a:hover{color:#fff}
.ax-ftr .ax-big{font:700 28px/1 var(--ax-d);text-transform:uppercase;letter-spacing:.02em;color:#fff;margin:0 0 12px}
.ax-ftr-b{max-width:1200px;margin:34px auto 0;padding-top:18px;border-top:1px solid #1a1a1a;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font:400 12px/1.6 var(--ax-t);color:var(--ax-mu2)}
.ax-ftr-b a{display:inline;font-size:12px;line-height:1.6;color:var(--ax-mu2)}
@media (max-width:860px){.ax-ftr-g{grid-template-columns:1fr 1fr;gap:28px}.ax-ftr-g>div:first-child{grid-column:1/-1}}

/* ---------- zajednički gumbi ---------- */
.ax-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font:600 12px/1 var(--ax-t);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--ax-a);text-decoration:none;transition:gap .25s}
.ax-btn.p{background:var(--ax-a);color:#000}
.ax-btn.s{color:var(--ax-a);background:transparent}
.ax-btn:hover{gap:16px}
/* ---------- naslovi stranica (Usluge, Kontakt, naslovnica) – Oswald kao u trgovini ---------- */
.au2 h1,.au2 h2,.au2 h3,.ak h1,.ak h2,.ak h3,.assv-h1,.astrea-services-short h2{font-family:var(--ax-d)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.005em!important}
.au2 h1,.ak h1{line-height:.95!important}
/* ---------- tekst i gumbi stranica (Usluge, Kontakt) ---------- */
.au2,.ak{font-family:var(--ax-t)!important}
.au2 .b,.ak .b{font-family:var(--ax-t)!important;font-weight:600!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase;border-radius:999px!important}
/* ---------- sitnice: bez tražilice, sidra ispod zaglavlja, stranica 404 ---------- */
.astrea-header__search,.astrea-header__nav li:has(> .astrea-header__search){display:none!important}
html{scroll-padding-top:130px}
body.error404,.error404 #page,.error404 .site-content,.error404 #content,.error404 #primary,.error404 .ast-container{background:#000!important}
.ax-404{max-width:760px;margin:0 auto;padding:90px 24px 110px;text-align:left;font-family:var(--ax-t)}
.ax-404 .ey{font:600 11px var(--ax-t);letter-spacing:.22em;text-transform:uppercase;color:var(--ax-a)}
.ax-404 h1{font:700 clamp(44px,8vw,88px)/.92 var(--ax-d);text-transform:uppercase;color:#fff;margin:14px 0 18px}
.ax-404 p{color:var(--ax-mu);font-size:17px;line-height:1.6;margin:0 0 26px}
.ax-404 .row{display:flex;flex-wrap:wrap;gap:10px}