:root { /* ---------- povrsine ---------- */ --paper: #0e0f12; /* osnovna pozadina stranice */ --dark: #070809; /* tamne trake (footer, CTA) */ --dark-2: #050506; --surface: #17191e; /* kartice, header */ --surface-2: #1c1f25; /* sekundarne plohe, inputi */ /* ---------- tekst ---------- */ --ink: #f3f5f7; /* naslovi */ --ink-soft: #c4c9d1; /* tekst */ --muted: #9298a3; /* sekundarni tekst */ --muted-2: #666c75; --copper: #8a919c; /* eyebrow / mono labeli */ /* ---------- brand ---------- */ --brand: #ff5b66; --brand-2: #ff7d86; --brand-deep: #e8404b; --brand-glow: rgba(255, 91, 102, 0.24); /* ---------- linije ---------- */ --line-d: rgba(255, 255, 255, 0.045); --line-d2: rgba(255, 255, 255, 0.09); --line-d3: rgba(255, 255, 255, 0.16); /* ---------- status ---------- */ --ok: #4ade80; --err: #ff5b66; /* ---------- oblik ---------- */ --r: 14px; --maxw: 1200px; /* ---------- tipografija ---------- */ --ds: "Space Grotesk", sans-serif; /* display / naslovi */ --bd: "IBM Plex Sans", sans-serif; /* body */ --mn: "IBM Plex Mono", monospace; /* mono labeli */ /* ---------- legacy aliasi (stari nazivi -> novi sustav) ---------- */ --text_blue: var(--ink-soft); --text_red: var(--brand); --blue_bcg: var(--surface-2); --gray_bcg: var(--surface); --white: #ffffff; --brown: var(--brand); } html { /* rezerviraj mjesto za scrollbar umjesto overflow-y:scroll na (CMS addons/css/basic.css) - inace sticky header ne radi */ scrollbar-gutter: stable; } body { margin: 0; padding: 0; height: auto; overflow-x: clip; overflow-y: visible; font-family: var(--bd); font-size: 16px; line-height: 1.6; color: var(--ink-soft); background-color: var(--paper); -webkit-font-smoothing: antialiased; } .slicknav_menu { display: none; } .wrapper { margin: 0; } h1, h2, h3, h4, h5, h6 { font-family: var(--ds); font-weight: 600; line-height: 1.12; letter-spacing: -0.015em; color: var(--ink); } a { font-family: var(--bd); font-weight: 500; } .wrapper > header { position: sticky; top: 0; left: 0; width: 100%; z-index: 1000; background: rgba(14, 15, 18, 0.82); -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%); border: 0; border-bottom: 1px solid transparent; border-radius: 0; box-shadow: none; transition: background 0.35s, border-color 0.35s, box-shadow 0.35s; } /* stanje nakon skrolanja - klasu dodaje inline skripta u predlosku */ body.scrolled .wrapper > header { background: rgba(14, 15, 18, 0.94); border-bottom-color: var(--line-d2); box-shadow: 0 6px 30px rgba(0, 0, 0, 0.45); } .wrapper > header article { display: flex; align-items: center; justify-content: flex-start; gap: 24px; box-sizing: border-box; max-width: none; width: 100%; height: 80px; margin: 0; padding: 0 16px; transition: height 0.35s; } body.scrolled .wrapper > header article { height: 66px; } .wrapper > header figure { margin: 0; flex: 0 0 auto; } .wrapper > header img { max-height: 58px; max-width: 200px; width: auto; transition: max-height 0.35s; } body.scrolled .wrapper > header img { max-height: 46px; } .lang_box { order: 3; margin: 0; flex: 0 0 auto; } .lang_box dl { margin: 0; } .lang_box dd { margin: 0; } .lang_box ul { list-style: none; padding: 0; margin: 0; display: flex; } .lang_box li { margin: 0; } .lang_box a { text-decoration: none; color: var(--muted); border-bottom: 0; padding: 0 5px; font-family: var(--mn); font-size: 12px; letter-spacing: 0.04em; transition: 0.25s; text-transform: uppercase; } .lang_box ul #dash:nth-of-type(1) { display: none; } .lang_box #dash { color: var(--muted-2); } .lang_box a:hover { color: var(--brand); cursor: pointer; } nav { margin-left: 20px; } /* glavni izbornik gura sadrzaj desno; jezici idu skroz na kraj */ .wrapper > header nav { margin-left: auto; } nav ul { list-style: none; padding: 0; margin: 0; display: flex; } nav li { margin: 0 10px; } nav a { text-decoration: none; color: var(--muted); text-transform: uppercase; border-bottom: 0; font-family: var(--mn); font-size: 12px; letter-spacing: 0.12em; transition: color 0.25s; } nav a:hover { color: var(--brand); } /*
koje ispisuju CMS moduli (npr. .main_services_content > article > header) nije site header - drzi ga u normalnom toku */ main :not(.wrapper) > header, .main_services_content header, .services_content header, .references_content header, article > header { position: static; width: auto; max-width: none; background: none; border: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; z-index: auto; } /* ===== PADAJUCI PODIZBORNIK U GLAVNOJ NAVIGACIJI ===== CMS ispisuje