/**
 * Srpski Bilten — glavni stil teme.
 *
 * Vrijednosti su prenesene iz dizajna (Claude Design: Srpski Bilten v2,
 * kategorija, vijest). Dizajn je nacrtan za širinu 1200px; prelomi za tablet
 * i telefon su dodati ovdje jer ih original nema.
 */

/* ============================================================
   1. TOKENI — tačne vrijednosti iz dizajna
   ============================================================ */

:root {
	--sb-akcenat: #9E2A2B;
	--sb-tamno: #0f0f0f;
	--sb-tamno-ivica: #262626;
	--sb-tamno-polje: #1e1e1e;

	--sb-mastilo: #111;
	--sb-tekst: #444;
	--sb-tiho: #888;
	--sb-tise: #999;
	--sb-siva-veza: #666;

	--sb-ivica: #e5e5e5;
	--sb-ivica-svetla: #eee;
	--sb-ivica-polje: #ddd;
	--sb-povrsina: #f0f0f0;

	--sb-na-tamnom: #9a9a9a;
	--sb-na-tamnom-jace: #ccc;
	--sb-na-tamnom-veza: #d4d4d4;
	--sb-dno-podnozja: #777;

	--sb-dugme-tamno: #1F2A44;

	--sb-font: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	--sb-sirina: 1200px;
	--sb-gutter: 20px;
	--sb-slajder-visina: 480px;

	/* Boja tekuće rubrike; svaki element je pregazi inline stilom. */
	--sb-boja-rubrike: var(--sb-akcenat);
}

/* ============================================================
   2. OSNOVA
   ============================================================ */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: #fff;
	color: var(--sb-mastilo);
	font-family: var(--sb-font);
	font-size: 15px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

img,
svg,
video {
	display: block;
	max-width: 100%;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: var(--sb-akcenat);
}

h1,
h2,
h3,
h4 {
	margin: 0;
	font-weight: 700;
	text-wrap: pretty;
}

p {
	margin: 0;
}

button,
input {
	font: inherit;
}

:focus-visible {
	outline: 2px solid var(--sb-akcenat);
	outline-offset: 2px;
}

.sb-skriveno {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.sb-preskoci {
	position: absolute;
	left: -9999px;
	z-index: 999;
	padding: 12px 18px;
	background: var(--sb-akcenat);
	color: #fff;
	font-weight: 700;
}

.sb-preskoci:focus {
	left: 16px;
	top: 16px;
	color: #fff;
}

.sb-okvir {
	width: 100%;
	max-width: var(--sb-sirina);
	margin: 0 auto;
	padding: 0 var(--sb-gutter);
}

/* ============================================================
   3. ZAGLAVLJE
   ============================================================ */

.sb-zaglavlje {
	background: var(--sb-tamno);
	color: #fff;
}

/* --- gornja traka --- */

.sb-traka {
	font-size: 12px;
	color: var(--sb-na-tamnom);
}

.sb-traka__unutra {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--sb-tamno-ivica);
}

.sb-traka__levo {
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
}

.sb-uzivo {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #fff;
	font-weight: 600;
	white-space: nowrap;
}

.sb-uzivo__tacka {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--sb-akcenat);
	animation: sb-puls 2s ease-in-out infinite;
}

@keyframes sb-puls {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0.35;
	}
}

.sb-traka__datum {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sb-traka__desno {
	display: flex;
	align-items: center;
	gap: 18px;
}

.sb-traka__veza,
.sb-traka__meni a {
	color: var(--sb-na-tamnom-jace);
	white-space: nowrap;
}

.sb-traka__veza:hover,
.sb-traka__meni a:hover {
	color: #fff;
}

.sb-traka__veza--aktivna {
	color: #fff;
	font-weight: 600;
}

.sb-traka__meni {
	display: flex;
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sb-pretraga-dugme {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--sb-na-tamnom-jace);
	cursor: pointer;
}

.sb-pretraga-dugme:hover {
	color: #fff;
}

/* --- logo --- */

.sb-zaglavlje__logo {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 28px var(--sb-gutter) 24px;
}

.sb-logo__slika {
	height: 70px;
	width: auto;
}

/* --- glavna navigacija --- */

.sb-navigacija__okvir {
	display: flex;
	justify-content: center;
}

.sb-navigacija__lista {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sb-navigacija__lista > li > a {
	display: block;
	padding: 12px 14px 10px;
	border-bottom: 4px solid transparent;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	white-space: nowrap;
	transition: border-color 0.15s ease;
}

.sb-navigacija__lista > li > a:hover {
	border-bottom-color: #fff;
	color: #fff;
}

.sb-navigacija__lista > li.sb-aktivna > a,
.sb-navigacija__lista > li.current-menu-item > a,
.sb-navigacija__lista > li.current-cat > a {
	border-bottom-color: var(--sb-boja-rubrike);
}

/* --- pretraga --- */

.sb-pretraga {
	padding: 16px 0 20px;
	background: var(--sb-tamno);
	border-top: 1px solid var(--sb-tamno-ivica);
}

.sb-obrazac-pretrage {
	display: flex;
	gap: 0;
	max-width: 560px;
	margin: 0 auto;
}

.sb-obrazac-pretrage__polje {
	flex: 1 1 auto;
	min-width: 0;
	padding: 12px 14px;
	border: 0;
	background: var(--sb-tamno-polje);
	color: #fff;
	font-size: 14px;
}

.sb-obrazac-pretrage__polje::placeholder {
	color: #777;
}

.sb-obrazac-pretrage__dugme {
	padding: 12px 20px;
	border: 0;
	background: var(--sb-akcenat);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	cursor: pointer;
}

.sb-obrazac-pretrage__dugme:hover {
	background: #111;
}

/* ============================================================
   4. OGLASNA MJESTA
   ============================================================ */

.sb-oglas-vrh {
	padding-top: 22px;
}

.sb-oglas-dno {
	padding-bottom: 36px;
}

.sb-oglas {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	font-size: 11px;
	letter-spacing: 0.14em;
	color: var(--sb-tise);
}

/* baner iz Bilten → Oglasi */
.sb-oglas__veza {
	display: block;
	max-width: 100%;
	line-height: 0;
}

.sb-oglas__slika {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.sb-oglas__kod {
	width: 100%;
	text-align: center;
}

.sb-oglas--popunjen {
	height: auto;
	min-height: 0;
}

.sb-oglas--prazan {
	border: 1px solid var(--sb-ivica);
}

.sb-oglas__znak {
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px 6px;
	background: var(--sb-povrsina);
	color: #777;
	font-size: 9px;
	letter-spacing: 0.1em;
}

.sb-oglas--970x90 {
	height: 90px;
	max-width: 970px;
}

.sb-oglas--970x180 {
	height: 180px;
	max-width: 970px;
}

.sb-oglas--300x600 {
	height: 600px;
	width: 300px;
	max-width: 100%;
}

.sb-oglas--u-tekstu {
	height: 250px;
	margin: 40px 0 26px;
}

.sb-oglas--bocni-vrh {
	flex: 1;
	min-height: 0;
	margin-top: 14px;
}

/* ============================================================
   5. OZNAKA RUBRIKE
   ============================================================ */

.sb-oznaka {
	display: inline-block;
	background: var(--sb-boja-rubrike);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	padding: 4px 10px;
	line-height: 1.4;
}

.sb-oznaka:hover {
	background: var(--sb-mastilo);
	color: #fff;
}

.sb-oznaka--gore-levo {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 12px;
}

.sb-oznaka--dole-levo {
	position: absolute;
	bottom: 0;
	left: 0;
}

.sb-oznaka--samostalna {
	padding: 5px 12px;
	font-size: 11px;
}

.sb-kiker {
	color: var(--sb-boja-rubrike);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-bottom: 8px;
}

/* ============================================================
   6. SLIKE I REZERVISANO POLJE
   ============================================================ */

.sb-slika {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.sb-slika--prazna {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background:
		linear-gradient(135deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0)),
		var(--sb-boja-rubrike);
}

.sb-slika--prazna img {
	width: 22%;
	min-width: 40px;
	max-width: 96px;
	height: auto;
	opacity: 0.5;
	filter: grayscale(1) brightness(3);
}

/* ============================================================
   7. VRH POČETNE: SLAJDER + BOČNA
   ============================================================ */

/**
 * Početna je jedna mreža, a ne odvojene sekcije — samo tako se na telefonu
 * redoslijed može promijeniti (slajder → vijesti → bočna kolona).
 */
.sb-pocetna-mreza {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	grid-template-areas:
		"hero bocna"
		"feed feed";
	gap: 28px;
	padding-top: 26px;
}

.sb-pocetna-mreza__hero {
	grid-area: hero;
	min-width: 0;
}

.sb-pocetna-mreza__bocna {
	grid-area: bocna;
	min-width: 0;
}

.sb-pocetna-mreza__feed {
	grid-area: feed;
	min-width: 0;
	padding-top: 0;
}

.sb-slajder {
	position: relative;
	height: var(--sb-slajder-visina);
	overflow: hidden;
	background: #111;
}

.sb-slajd {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease;
}

.sb-slajd--aktivan {
	opacity: 1;
	visibility: visible;
}

.sb-slajd .sb-slika {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sb-slajd__veo {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.2) 60%, transparent 100%);
}

.sb-slajd__telo {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 30px 32px 84px;
	color: #fff;
}

.sb-slajd__naslov {
	/* Razmak ispod drzi naslov odvojen od kontrola slajdera. */
	margin: 0 0 12px;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.1;
}

.sb-slajd__naslov a:hover {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
}


.sb-slajder__kontrole {
	position: absolute;
	left: 32px;
	right: 32px;
	bottom: 30px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.sb-slajder__tacke {
	display: flex;
	gap: 6px;
}

.sb-slajder__tacka {
	width: 12px;
	height: 5px;
	padding: 0;
	border: 0;
	background: rgba(255, 255, 255, 0.45);
	cursor: pointer;
	transition: all 0.3s ease;
}

.sb-slajder__tacka--aktivna {
	width: 28px;
	background: #fff;
}

.sb-slajder__strelice {
	display: flex;
	gap: 2px;
}

.sb-slajder__strelica {
	width: 40px;
	height: 40px;
	border: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
}

.sb-slajder__strelica--nazad {
	background: #fff;
	color: #000;
}

.sb-slajder__strelica--napred {
	background: var(--sb-akcenat);
	color: #fff;
}

.sb-slajder__strelica:hover {
	opacity: 0.85;
}

/* ============================================================
   8. BOČNA KOLONA
   ============================================================ */

.sb-bocna {
	display: flex;
	flex-direction: column;
	gap: 32px;
	min-width: 0;
}

.sb-pocetna-mreza__bocna .sb-bocna {
	height: var(--sb-slajder-visina);
	gap: 0;
}

.sb-bocna-blok {
	border-top: 3px solid var(--sb-mastilo);
}

.sb-pocetna-mreza__bocna .sb-bocna-blok {
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.sb-bocna-blok__naslov {
	margin: 0;
	padding: 12px 0 10px;
	background: var(--sb-tamno);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-align: center;
}

.sb-tabovi {
	display: flex;
	background: var(--sb-tamno);
}

.sb-tab {
	flex: 1;
	padding: 12px 0 10px;
	border: 0;
	border-bottom: 3px solid var(--sb-tamno);
	background: none;
	color: var(--sb-na-tamnom);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	cursor: pointer;
}

.sb-tab--aktivan {
	border-bottom-color: var(--sb-akcenat);
	color: #fff;
}

.sb-bocna-stavka {
	display: grid;
	grid-template-columns: 26px 1fr;
	gap: 10px;
	padding: 11px 0;
	border-bottom: 1px solid var(--sb-ivica-svetla);
}

.sb-bocna-stavka:hover {
	color: inherit;
}

.sb-bocna-stavka:hover .sb-bocna-stavka__naslov {
	color: var(--sb-akcenat);
}

.sb-bocna-stavka__broj {
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	color: var(--sb-mastilo);
}

.sb-bocna-stavka__broj--istaknut {
	color: var(--sb-akcenat);
}

.sb-bocna-stavka__telo {
	min-width: 0;
}

.sb-bocna-stavka__meta {
	display: flex;
	gap: 8px;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
}

.sb-bocna-stavka__rubrika {
	color: var(--sb-boja-rubrike);
}

.sb-bocna-stavka__vrednost {
	color: var(--sb-tiho);
	font-weight: 500;
}

.sb-bocna-stavka__naslov {
	display: block;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
}

.sb-bocna-prazno {
	padding: 16px 0;
	color: var(--sb-tiho);
	font-size: 13px;
}

/* --- čipovi ostalih rubrika --- */

.sb-cipovi {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 14px 0;
}

.sb-cip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 12px;
	border: 1px solid var(--sb-ivica-polje);
	font-size: 12px;
	font-weight: 600;
}

.sb-cip:hover {
	border-color: var(--sb-mastilo);
	color: var(--sb-mastilo);
}

.sb-cip__boja {
	width: 8px;
	height: 8px;
}

/* --- prijava u bočnoj --- */

.sb-prijava-blok {
	padding: 26px 24px;
	background: var(--sb-tamno);
	color: #fff;
}

.sb-prijava-blok__naslov {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
}

.sb-prijava-blok__opis {
	margin-bottom: 16px;
	color: #bbb;
	font-size: 13.5px;
	line-height: 1.5;
}

/* ============================================================
   9. PRIJAVA NA BILTEN
   ============================================================ */

.sb-prijava {
	display: flex;
	flex-wrap: wrap;
}

.sb-prijava__polje {
	flex: 1 1 auto;
	min-width: 0;
	padding: 11px 12px;
	border: 0;
	background: var(--sb-tamno-polje);
	color: #fff;
	font-size: 13px;
}

.sb-prijava__polje::placeholder {
	color: #777;
}

.sb-prijava__dugme {
	padding: 11px 16px;
	border: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	cursor: pointer;
}

.sb-prijava--podnozje .sb-prijava__dugme {
	background: #fff;
	color: #000;
}

.sb-prijava--bocna .sb-prijava__dugme {
	background: var(--sb-akcenat);
	color: #fff;
}

.sb-prijava__zamka {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.sb-prijava__poruka {
	flex: 1 0 100%;
	margin-top: 8px;
	font-size: 12px;
	line-height: 1.4;
	color: #bbb;
}

.sb-prijava__poruka--greska {
	color: #ff8f92;
}

.sb-prijava__poruka--uspjeh {
	color: #7ddc9a;
}

/* ============================================================
   10. ZAGLAVLJE SEKCIJE
   ============================================================ */

.sb-sekcija {
	padding-top: 28px;
	padding-bottom: 40px;
}

.sb-sekcija__zaglavlje {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 24px;
	border-bottom: 1px solid var(--sb-mastilo);
}

.sb-sekcija__naslov {
	margin: 0;
	padding: 8px 16px 7px;
	background: var(--sb-mastilo);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
}

.sb-sekcija__opis {
	font-size: 12px;
	color: var(--sb-siva-veza);
}

.sb-sekcija__sve {
	margin-left: auto;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	color: var(--sb-siva-veza);
	white-space: nowrap;
}

/* ============================================================
   11. MREŽA VIJESTI (3 kolone)
   ============================================================ */

.sb-feed {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px 28px;
}

.sb-feed-kartica {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.sb-feed-kartica__slika {
	position: relative;
	display: block;
	overflow: hidden;
}

.sb-feed-kartica__slika .sb-slika {
	transition: transform 0.4s ease;
}

.sb-feed-kartica:hover .sb-feed-kartica__slika .sb-slika {
	transform: scale(1.04);
}

.sb-feed-kartica__naslov {
	margin: 14px 0 8px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}

.sb-feed-kartica__odlomak {
	font-size: 14px;
	line-height: 1.55;
	color: var(--sb-tekst);
}

.sb-potpis {
	margin-top: auto;
	padding-top: 10px;
	font-size: 12px;
	font-weight: 500;
	color: var(--sb-tiho);
}

.sb-jos {
	display: flex;
	justify-content: center;
	margin-top: 36px;
}

.sb-dugme-jos {
	display: inline-block;
	padding: 13px 32px;
	border: 0;
	background: var(--sb-dugme-tamno);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.1em;
	cursor: pointer;
	transition: background 0.15s ease;
}

.sb-dugme-jos:hover {
	background: var(--sb-akcenat);
	color: #fff;
}

.sb-dugme-jos[disabled] {
	opacity: 0.6;
	cursor: default;
}

/* ============================================================
   12. RUBRIKA
   ============================================================ */

.sb-rubrika-zaglavlje-okvir {
	padding-top: 28px;
}

.sb-mrvice {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
	font-size: 12px;
	color: var(--sb-tiho);
}

.sb-mrvice__tekuca {
	color: var(--sb-mastilo);
	font-weight: 600;
}

.sb-rubrika-zaglavlje {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
	padding-bottom: 14px;
	border-bottom: 4px solid var(--sb-boja-rubrike);
}

.sb-rubrika-zaglavlje__naslov {
	margin: 0;
	font-size: 40px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.01em;
}

.sb-rubrika-zaglavlje__opis {
	max-width: 640px;
	margin-top: 10px;
	font-size: 15px;
	color: #555;
}

.sb-rubrika-zaglavlje__broj {
	font-size: 12px;
	font-weight: 500;
	color: var(--sb-tiho);
	white-space: nowrap;
}

.sb-dve-kolone {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: 40px;
	padding-top: 28px;
	padding-bottom: 40px;
}

.sb-vest-strana .sb-dve-kolone {
	gap: 48px;
	padding-top: 30px;
}

.sb-glavna-kolona {
	min-width: 0;
}

/* --- vodeća u rubrici --- */

.sb-vodeca {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
	gap: 24px;
	padding-bottom: 28px;
	margin-bottom: 8px;
	border-bottom: 1px solid var(--sb-ivica);
}

.sb-vodeca__slika {
	position: relative;
	display: block;
}

.sb-vodeca__telo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.sb-vodeca__naslov {
	margin: 0 0 12px;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.15;
}

.sb-vodeca__odlomak {
	font-size: 15px;
	line-height: 1.6;
	color: var(--sb-tekst);
}

.sb-vodeca .sb-potpis {
	margin-top: 16px;
	padding-top: 0;
}

/* --- lista u rubrici --- */

.sb-lista-kartica {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 22px;
	padding: 22px 0;
	border-bottom: 1px solid var(--sb-ivica-svetla);
}

.sb-lista-kartica__slika {
	display: block;
	overflow: hidden;
}

.sb-lista-kartica__telo {
	min-width: 0;
}

.sb-lista-kartica__naslov {
	margin: 0 0 8px;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.2;
}

.sb-lista-kartica__odlomak {
	font-size: 14px;
	line-height: 1.55;
	color: var(--sb-tekst);
}

.sb-lista-kartica .sb-potpis {
	margin-top: 12px;
	padding-top: 0;
}

/* --- paginacija --- */

.navigation.pagination {
	margin-top: 32px;
}

.nav-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	padding: 10px 14px;
	border: 1px solid var(--sb-ivica-polje);
	font-size: 13px;
	font-weight: 700;
	color: var(--sb-mastilo);
}

.page-numbers:hover {
	border-color: var(--sb-mastilo);
	color: var(--sb-mastilo);
}

.page-numbers.current {
	border-color: var(--sb-mastilo);
	background: var(--sb-mastilo);
	color: #fff;
}

.page-numbers.dots {
	border-color: transparent;
}

/* ============================================================
   13. ČLANAK
   ============================================================ */

.sb-clanak__naslov {
	margin: 16px 0 14px;
	font-size: 40px;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.01em;
}


.sb-clanak__traka {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	padding: 14px 0;
	border-top: 1px solid var(--sb-ivica);
	border-bottom: 1px solid var(--sb-ivica);
}

.sb-clanak__autor {
	display: flex;
	align-items: center;
	gap: 12px;
}

.sb-clanak__avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--sb-boja-rubrike);
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	flex-shrink: 0;
}

/* Znak portala u krugu: bijela slova na boji rubrike, kao i inicijal koji
   stoji umjesto njega kad je tekst potpisao novinar. */
.sb-clanak__avatar-znak {
	display: block;
	width: 22px;
	height: 22px;
}

.sb-clanak__autor-tekst {
	font-size: 13px;
	line-height: 1.4;
}

.sb-clanak__autor-ime {
	display: block;
	font-weight: 700;
}

.sb-clanak__autor-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	color: var(--sb-tiho);
	font-size: 12px;
}

.sb-podeli {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.sb-podeli__veza {
	padding: 8px 14px;
	border: 0;
	background: var(--sb-mastilo);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
}

.sb-podeli__veza:hover {
	background: var(--sb-akcenat);
	color: #fff;
}

.sb-clanak__figura {
	margin: 26px 0 0;
}

.sb-clanak__figura figcaption {
	margin-top: 8px;
	font-size: 12.5px;
	line-height: 1.5;
	color: #777;
}

.sb-clanak__telo {
	max-width: 720px;
	margin-top: 28px;
	font-size: 17.5px;
	line-height: 1.7;
	color: var(--sb-mastilo);
}

.sb-clanak__telo p {
	margin: 0 0 22px;
}

.sb-clanak__telo p:last-child {
	margin-bottom: 0;
}

.sb-clanak__telo h2 {
	margin: 34px 0 14px;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.2;
}

.sb-clanak__telo h3 {
	margin: 28px 0 12px;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.25;
}

.sb-clanak__telo ul,
.sb-clanak__telo ol {
	margin: 0 0 22px;
	padding-left: 22px;
}

.sb-clanak__telo li {
	margin-bottom: 8px;
}

.sb-clanak__telo blockquote {
	margin: 0 0 26px;
	padding: 6px 0 6px 24px;
	border-left: 4px solid var(--sb-akcenat);
	font-size: 22px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--sb-mastilo);
}

.sb-clanak__telo blockquote footer {
	margin-top: 10px;
	font-size: 13px;
	font-weight: 600;
	color: var(--sb-tiho);
}

.sb-clanak__telo a {
	color: var(--sb-akcenat);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.sb-clanak__telo strong {
	font-weight: 700;
}

/* SAZNAJTE JOŠ — spisak ranijih vijesti iza teksta */
.sb-saznajte {
	max-width: 720px;
	margin: 34px 0 0;
	padding: 20px 22px;
	background: #fafafa;
	border-top: 3px solid var(--sb-akcenat);
}

.sb-saznajte__naslov {
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.06em;
	color: var(--sb-mastilo);
}

.sb-saznajte__lista {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 9px;
}

.sb-saznajte__lista li {
	position: relative;
	padding-left: 16px;
	font-size: 15px;
	line-height: 1.45;
}

.sb-saznajte__lista li::before {
	content: "›";
	position: absolute;
	left: 0;
	top: -1px;
	color: var(--sb-akcenat);
	font-weight: 700;
}

.sb-saznajte__lista a {
	color: #1a1a1a;
	font-weight: 600;
}

.sb-saznajte__lista a:hover {
	color: var(--sb-akcenat);
	text-decoration: underline;
}

/* izvor teksta i fotografije, u istom redu */
.sb-izvor-red__stavka + .sb-izvor-red__stavka {
	margin-left: 18px;
	padding-left: 18px;
	border-left: 1px solid #ddd;
}

/* navođenje izvora ispod teksta */
.sb-izvor-red {
	max-width: 720px;
	margin: 26px 0 0;
	padding: 14px 16px;
	border-left: 4px solid var(--sb-ivica-polje);
	background: #fafafa;
	font-size: 14px;
	color: #555;
}

.sb-izvor-red a {
	color: var(--sb-akcenat);
	font-weight: 600;
}

.sb-oznake {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 34px;
	padding-top: 22px;
	border-top: 1px solid var(--sb-ivica);
}

.sb-oznake__veza {
	padding: 6px 12px;
	border: 1px solid var(--sb-ivica-polje);
	font-size: 12px;
	font-weight: 600;
	color: var(--sb-tekst);
}

.sb-oznake__veza:hover {
	border-color: var(--sb-mastilo);
	color: var(--sb-mastilo);
}

/* --- povezane --- */

.sb-povezane {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 44px;
}

.sb-povezane .sb-sekcija__zaglavlje {
	margin-bottom: 22px;
}

.sb-povezane__mreza {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.sb-povezana__slika {
	position: relative;
	display: block;
	overflow: hidden;
}

.sb-povezana__naslov {
	margin: 12px 0 6px;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.25;
}

.sb-povezana .sb-potpis {
	margin-top: 0;
	padding-top: 0;
}

/* ============================================================
   14. PRAZNA STANJA I 404
   ============================================================ */

.sb-prazno-stanje {
	padding: 48px 0;
	color: var(--sb-tiho);
}

.sb-404 {
	padding: 80px 20px 100px;
	text-align: center;
}

.sb-404__broj {
	margin: 0;
	color: var(--sb-akcenat);
	font-size: 96px;
	font-weight: 800;
	line-height: 1;
}

.sb-404__naslov {
	margin: 16px 0 10px;
	font-size: 32px;
	font-weight: 700;
}

.sb-404__opis {
	margin-bottom: 26px;
	color: var(--sb-tiho);
}

.sb-404 .sb-obrazac-pretrage {
	margin: 0 auto 26px;
	background: var(--sb-tamno);
}

/* ============================================================
   15. PODNOŽJE
   ============================================================ */

.sb-podnozje {
	background: var(--sb-tamno);
	color: var(--sb-na-tamnom);
	font-size: 14px;
}

.sb-podnozje__linija {
	border-top: 4px solid var(--sb-akcenat);
}

.sb-podnozje__mreza {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1.3fr;
	gap: 40px;
	padding-top: 44px;
	padding-bottom: 36px;
}

.sb-podnozje__logo {
	height: 40px;
	width: auto;
}

.sb-podnozje__opis {
	margin-top: 18px;
	line-height: 1.6;
	color: var(--sb-na-tamnom);
}

.sb-podnozje__opis--uz-prijavu {
	margin: 0 0 14px;
	font-size: 13px;
}

.sb-podnozje__izdavac {
	margin-top: 10px;
	color: var(--sb-dno-podnozja);
	font-size: 12.5px;
	line-height: 1.5;
}

.sb-podnozje__sitno {
	margin-top: 12px;
	color: var(--sb-dno-podnozja);
	font-size: 11.5px;
	line-height: 1.5;
}

.sb-podnozje__kontakt {
	margin-top: 14px;
	color: var(--sb-na-tamnom-jace);
	line-height: 1.6;
	font-weight: 500;
}

.sb-podnozje__kontakt a:hover {
	color: #fff;
}

.sb-podnozje__naslov {
	margin: 0 0 14px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
}

.sb-podnozje__naslov--razmak {
	margin-top: 26px;
}

.sb-podnozje__naslov--mreze {
	margin: 22px 0 10px;
}

.sb-podnozje__lista {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sb-podnozje__lista a,
.sb-podnozje__cekanje {
	color: var(--sb-na-tamnom-veza);
	font-weight: 500;
}

.sb-podnozje__lista a:hover {
	color: #fff;
}

.sb-mreze {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.sb-mreze__veza {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid #3a3a3a;
	color: #e6e6e6;
	transition: border-color 0.18s, background 0.18s, color 0.18s;
}

.sb-mreze__veza:hover {
	border-color: var(--sb-akcenat);
	background: var(--sb-akcenat);
	color: #fff;
}

.sb-mreze__veza--prazna {
	opacity: 0.32;
	cursor: default;
}

.sb-mreze__znak {
	display: block;
}

.sb-podnozje__dno {
	border-top: 1px solid var(--sb-tamno-ivica);
}

.sb-podnozje__dno-unutra {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 12px;
	color: var(--sb-dno-podnozja);
}

.sb-podnozje__pravni {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

.sb-podnozje__pravni-lista {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sb-podnozje__pravni a:hover {
	color: #fff;
}

/* ============================================================
   16. STATIČNE STRANE (O nama, Impresum, Politika privatnosti…)
   ============================================================ */

.sb-strana-vrh {
	padding-top: 28px;
}

.sb-strana-zaglavlje {
	position: relative;
	overflow: hidden;
	padding: 36px 40px 30px;
	border: 1px solid var(--sb-ivica);
	border-top: 4px solid var(--sb-akcenat);
	background: linear-gradient(180deg, #fafafa 0%, #fff 70%);
}

.sb-strana-kiker {
	margin: 0 0 12px;
	color: var(--sb-akcenat);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
}

.sb-strana-naslov {
	max-width: 780px;
	margin: 0;
	font-size: 42px;
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -0.015em;
}

.sb-strana-uvod {
	max-width: 720px;
	margin-top: 16px;
	font-size: 18px;
	line-height: 1.55;
	color: var(--sb-tekst);
}

.sb-strana-meta {
	margin-top: 22px;
	padding-top: 14px;
	border-top: 1px solid var(--sb-ivica);
	font-size: 12px;
	color: var(--sb-tiho);
}

/* Znak portala kao vodeni žig — dekoracija, ne slika sa značenjem. */
.sb-strana-znak {
	position: absolute;
	right: -24px;
	bottom: -46px;
	width: 180px;
	height: auto;
	opacity: 0.05;
	pointer-events: none;
}

.sb-strana-mreza {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 280px;
	grid-template-areas: "tekst bocna";
	column-gap: 48px;
	padding-top: 32px;
	padding-bottom: 52px;
}

.sb-strana-telo {
	grid-area: tekst;
	max-width: 760px;
	margin-top: 0;
	font-size: 17px;
}

.sb-strana-bocna {
	grid-area: bocna;
	position: sticky;
	top: 20px;
	align-self: start;
	display: grid;
	gap: 20px;
}

.sb-strana-kartice {
	display: grid;
	gap: 20px;
}

.sb-strana-podjela {
	margin-top: 26px;
	font-size: 14px;
	font-weight: 700;
}

/* --- spisak međunaslova --- */

.sb-sadrzaj {
	padding: 18px 20px 20px;
	border: 1px solid var(--sb-ivica);
	border-left: 3px solid var(--sb-akcenat);
	background: #fff;
}

.sb-sadrzaj__naslov {
	margin: 0;
	color: var(--sb-tiho);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
}

.sb-sadrzaj__lista {
	counter-reset: sb-tok;
	display: grid;
	gap: 9px;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
}

.sb-sadrzaj__lista li {
	display: flex;
	gap: 10px;
	counter-increment: sb-tok;
}

.sb-sadrzaj__lista li::before {
	content: counter(sb-tok, decimal-leading-zero);
	padding-top: 2px;
	color: var(--sb-tise);
	font-size: 11px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.sb-sadrzaj__lista a {
	font-size: 13.5px;
	line-height: 1.4;
	color: var(--sb-tekst);
}

.sb-sadrzaj__lista a:hover {
	color: var(--sb-akcenat);
}

.sb-sadrzaj__lista a.sb-tekuci {
	color: var(--sb-mastilo);
	font-weight: 700;
}

/* --- kartice u bočnoj koloni --- */

.sb-bocna-kartica {
	padding: 20px;
	border: 1px solid var(--sb-ivica);
	background: #fafafa;
}

.sb-bocna-kartica__naslov {
	margin: 0 0 10px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	color: var(--sb-mastilo);
}

.sb-bocna-kartica__tekst {
	font-size: 13.5px;
	line-height: 1.55;
	color: var(--sb-tekst);
}

.sb-bocna-kartica__veza {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 700;
}

.sb-bocna-kartica__veza a {
	color: var(--sb-akcenat);
}

.sb-bocna-kartica__dugme {
	margin-top: 14px;
}

.sb-bocna-kartica__dugme .sb-dugme {
	width: 100%;
}

.sb-bocna-kartica__lista {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 13.5px;
}

.sb-bocna-kartica__lista a {
	color: var(--sb-tekst);
}

.sb-bocna-kartica__lista a:hover {
	color: var(--sb-akcenat);
}

/* ============================================================
   17. BLOKOVI UNUTAR STATIČNIH STRANA
   ============================================================ */

/* --- dugmad --- */

.sb-dugme {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 20px;
	border: 1px solid var(--sb-mastilo);
	background: var(--sb-mastilo);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-align: center;
	cursor: pointer;
	transition: background 0.18s, color 0.18s, border-color 0.18s;
}

.sb-dugme:hover {
	border-color: var(--sb-akcenat);
	background: var(--sb-akcenat);
	color: #fff;
}

/* Dugme u tekstu ne smije da pokupi podvlačenje koje imaju veze u tekstu. */
.sb-clanak__telo a.sb-dugme,
.sb-strana-telo a.sb-dugme {
	text-decoration: none;
}

.sb-dugme--prazno {
	border-color: var(--sb-ivica-polje);
	background: transparent;
	color: var(--sb-mastilo);
}

.sb-dugme--prazno:hover {
	border-color: var(--sb-mastilo);
	background: var(--sb-mastilo);
	color: #fff;
}

.sb-dugme--puno {
	border-color: var(--sb-akcenat);
	background: var(--sb-akcenat);
}

.sb-dugme--puno:hover {
	border-color: var(--sb-tamno);
	background: var(--sb-tamno);
}

/* --- tabela podataka (impresum) --- */

.sb-podaci {
	margin: 0 0 26px;
	border-top: 1px solid var(--sb-ivica);
}

.sb-podaci__red {
	display: grid;
	grid-template-columns: 230px minmax(0, 1fr);
	gap: 16px;
	padding: 13px 0;
	border-bottom: 1px solid var(--sb-ivica);
}

.sb-podaci__oznaka {
	color: var(--sb-tiho);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.sb-podaci__vrijednost {
	margin: 0;
	font-size: 16px;
	color: var(--sb-mastilo);
}

.sb-podaci__vrijednost a {
	color: var(--sb-akcenat);
}

/* --- kartice u tekstu --- */

.sb-kartice {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 0 0 26px;
}

.sb-kartica {
	padding: 22px 20px;
	border: 1px solid var(--sb-ivica);
	border-top: 3px solid var(--sb-boja-rubrike);
	background: #fff;
}

.sb-kartica__naslov {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 700;
}

.sb-kartica__opis {
	font-size: 14px;
	line-height: 1.55;
	color: var(--sb-tekst);
}

.sb-kartica__veza {
	margin-top: 12px;
	font-size: 14.5px;
	font-weight: 700;
	word-break: break-word;
}

.sb-kartica__veza a {
	color: var(--sb-akcenat);
}

.sb-kartica__vise {
	margin-top: 6px;
	font-size: 12.5px;
	font-weight: 600;
}

.sb-kartica__vise a {
	color: var(--sb-tiho);
}

.sb-kartica__vise a:hover {
	color: var(--sb-mastilo);
}

/* --- redakcija --- */

.sb-tim {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 0 0 26px;
}

.sb-tim__clan {
	display: flex;
	gap: 14px;
	padding: 20px;
	border: 1px solid var(--sb-ivica);
	background: #fff;
}

.sb-tim__znak {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--sb-boja-rubrike);
	color: #fff;
	font-size: 19px;
	font-weight: 700;
}

.sb-tim__ime {
	margin: 0;
	font-size: 16.5px;
	font-weight: 700;
}

.sb-tim__pozicija {
	margin-top: 3px;
	color: var(--sb-akcenat);
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.sb-tim__opis {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.55;
	color: var(--sb-tekst);
}

.sb-tim__veza {
	margin-top: 8px;
	font-size: 13px;
	word-break: break-word;
}

.sb-tim__veza a {
	color: var(--sb-siva-veza);
}

.sb-tim__veza a:hover {
	color: var(--sb-akcenat);
}

/* --- portal u brojkama --- */

.sb-brojevi {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	margin: 0 0 26px;
	border: 1px solid var(--sb-ivica);
	background: var(--sb-ivica);
}

.sb-broj {
	padding: 22px 14px;
	background: #fff;
	text-align: center;
}

.sb-broj__vrijednost {
	display: block;
	color: var(--sb-akcenat);
	font-size: 30px;
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.02em;
}

.sb-broj__opis {
	display: block;
	margin-top: 8px;
	color: var(--sb-tiho);
	font-size: 12px;
	line-height: 1.35;
}

/* --- tabela --- */

.sb-tabela-okvir {
	margin: 0 0 26px;
	overflow-x: auto;
}

.sb-tabela {
	width: 100%;
	border-collapse: collapse;
	font-size: 14.5px;
}

.sb-tabela th {
	padding: 11px 14px;
	background: var(--sb-tamno);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
}

.sb-tabela td {
	padding: 13px 14px;
	border-bottom: 1px solid var(--sb-ivica);
	color: var(--sb-tekst);
	line-height: 1.5;
	vertical-align: top;
}

.sb-tabela tbody tr:nth-child(even) td {
	background: #fafafa;
}

.sb-tabela code {
	padding: 2px 6px;
	background: var(--sb-povrsina);
	color: var(--sb-mastilo);
	font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
	font-size: 12.5px;
	word-break: break-word;
}

.sb-tabela__znak {
	display: block;
	margin-top: 7px;
	color: var(--sb-tise);
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/* --- napomena --- */

.sb-napomena {
	margin: 0 0 26px;
	padding: 16px 20px;
	border-left: 4px solid var(--sb-akcenat);
	background: #fafafa;
	font-size: 15px;
	line-height: 1.6;
	color: var(--sb-tekst);
}

.sb-napomena--urednik {
	border-left-color: var(--sb-dugme-tamno);
	font-size: 14px;
}

/* --- koraci --- */

.sb-koraci {
	display: grid;
	gap: 16px;
	margin: 0 0 26px;
	padding: 0;
	list-style: none;
	counter-reset: sb-korak;
}

/*
 * Broj je apsolutno postavljen, a ne prva kolona mreže: mreža bi svako dijete
 * stavke — podebljani početak i ostatak rečenice — pretvorila u zasebno polje,
 * pa bi se tekst lomio po riječima.
 */
.sb-koraci li {
	position: relative;
	min-height: 36px;
	margin: 0;
	padding: 5px 0 0 52px;
	counter-increment: sb-korak;
}

.sb-koraci li::before {
	content: counter(sb-korak);
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: var(--sb-tamno);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}

/* --- pitanja i odgovori --- */

.sb-pitanja {
	margin: 0 0 26px;
	border-top: 1px solid var(--sb-ivica);
}

.sb-pitanje {
	border-bottom: 1px solid var(--sb-ivica);
}

.sb-pitanje summary {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 18px;
	padding: 15px 0;
	font-size: 16px;
	font-weight: 700;
	list-style: none;
	cursor: pointer;
}

.sb-pitanje summary::-webkit-details-marker {
	display: none;
}

.sb-pitanje summary::after {
	content: "+";
	flex-shrink: 0;
	color: var(--sb-akcenat);
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
}

.sb-pitanje[open] summary::after {
	content: "−";
}

.sb-pitanje summary:hover {
	color: var(--sb-akcenat);
}

.sb-pitanje__odgovor {
	padding: 0 0 18px;
	font-size: 15.5px;
	line-height: 1.65;
	color: var(--sb-tekst);
}

/* --- poziv na kraju strane --- */

.sb-poziv {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 26px;
	flex-wrap: wrap;
	margin: 34px 0 0;
	padding: 28px 30px;
	background: var(--sb-tamno);
	color: #fff;
}

.sb-poziv__naslov {
	margin: 0;
	color: #fff;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.2;
}

.sb-poziv__tekst {
	max-width: 460px;
	margin-top: 8px;
	color: var(--sb-na-tamnom-jace);
	font-size: 14.5px;
	line-height: 1.55;
}

.sb-poziv .sb-dugme {
	border-color: #fff;
	background: #fff;
	color: var(--sb-tamno);
	white-space: nowrap;
}

.sb-poziv .sb-dugme:hover {
	border-color: var(--sb-akcenat);
	background: var(--sb-akcenat);
	color: #fff;
}

/* --- obrazac --- */

.sb-obrazac {
	display: grid;
	gap: 18px;
	margin: 0 0 26px;
	padding: 26px;
	border: 1px solid var(--sb-ivica);
	background: #fafafa;
}

.sb-obrazac__par {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.sb-polje {
	display: grid;
	gap: 7px;
}

.sb-polje__oznaka {
	color: var(--sb-tiho);
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.sb-polje__unos {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--sb-ivica-polje);
	background: #fff;
	color: var(--sb-mastilo);
	font-size: 15px;
}

.sb-polje__unos:focus {
	outline: none;
	border-color: var(--sb-akcenat);
	box-shadow: 0 0 0 3px rgba(158, 42, 43, 0.12);
}

.sb-polje__unos--tekst {
	min-height: 150px;
	line-height: 1.6;
	resize: vertical;
}

.sb-potvrda {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--sb-tekst);
	cursor: pointer;
}

.sb-potvrda input {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin-top: 2px;
	accent-color: var(--sb-akcenat);
}

.sb-potvrda a {
	color: var(--sb-akcenat);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.sb-obrazac__dno {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
}

.sb-obrazac__poruka {
	font-size: 13.5px;
	line-height: 1.45;
}

.sb-obrazac__poruka--uspjeh {
	color: #15803d;
	font-weight: 600;
}

.sb-obrazac__poruka--greska {
	color: var(--sb-akcenat);
	font-weight: 600;
}

.sb-kolacici-ponovo {
	margin: 0 0 26px;
}

/* ============================================================
   18. SAGLASNOST ZA KOLAČIĆE
   ============================================================ */

/*
 * Traka se ispisuje na svakoj strani i sakrivena je atributom hidden, da bi
 * HTML bio isti za sve i smio da uđe u page keš. JavaScript je otkriva samo
 * onome ko još nije birao.
 */
.sb-kolacici {
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 900;
	display: flex;
	flex-direction: column;
	width: min(400px, calc(100vw - 32px));
	/* Otvorena podešavanja na niskom ekranu ne smiju da pobjegnu iznad ivice. */
	max-height: calc(100vh - 40px);
	border: 1px solid var(--sb-ivica);
	border-top: 3px solid var(--sb-akcenat);
	background: #fff;
	box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
	opacity: 0;
	visibility: hidden;
	transform: translateY(14px);
	transition: opacity 0.26s ease, transform 0.26s ease, visibility 0.26s;
}

.sb-kolacici[hidden] {
	display: none;
}

.sb-kolacici--vidljiva {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.sb-kolacici__telo {
	display: flex;
	flex-direction: column;
	min-height: 0;
	padding: 20px 22px 22px;
}

.sb-kolacici__naslov {
	margin: 0 0 8px;
	font-size: 15px;
	font-weight: 700;
}

.sb-kolacici__naslov:focus-visible {
	outline: none;
}

.sb-kolacici__tekst {
	font-size: 13.5px;
	line-height: 1.6;
	color: var(--sb-tekst);
}

.sb-kolacici__tekst a {
	color: var(--sb-akcenat);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.sb-kolacici__podesavanja {
	min-height: 0;
	margin-top: 16px;
	padding-top: 6px;
	border-top: 1px solid var(--sb-ivica);
	overflow-y: auto;
	overscroll-behavior: contain;
}

.sb-kolacici__podesavanja[hidden] {
	display: none;
}

.sb-kolacici__dugmad {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	flex-shrink: 0;
	margin-top: 18px;
}

.sb-kolacici__dugmad .sb-dugme {
	flex: 1 1 auto;
	padding: 11px 14px;
	font-size: 11.5px;
}

.sb-kolacici__vise {
	flex: 0 0 auto;
	padding: 6px 2px;
	border: 0;
	background: none;
	color: var(--sb-tiho);
	font-size: 12.5px;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.sb-kolacici__vise:hover {
	color: var(--sb-mastilo);
}

.sb-kolacici__sacuvaj[hidden] {
	display: none;
}

/* --- prekidači --- */

.sb-prekidac {
	padding: 13px 0;
	border-bottom: 1px solid var(--sb-ivica-svetla);
}

.sb-prekidac:last-child {
	border-bottom: 0;
	padding-bottom: 4px;
}

.sb-prekidac__glava {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	cursor: pointer;
}

.sb-prekidac__naziv {
	font-size: 13.5px;
	font-weight: 700;
}

.sb-prekidac__uvijek {
	color: var(--sb-tise);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
}

.sb-prekidac__polje {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.sb-prekidac__klizac {
	position: relative;
	flex-shrink: 0;
	width: 38px;
	height: 21px;
	border-radius: 21px;
	background: var(--sb-ivica-polje);
	transition: background 0.2s;
}

.sb-prekidac__klizac::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff;
	transition: transform 0.2s;
}

.sb-prekidac__polje:checked ~ .sb-prekidac__klizac {
	background: var(--sb-akcenat);
}

.sb-prekidac__polje:checked ~ .sb-prekidac__klizac::after {
	transform: translateX(17px);
}

.sb-prekidac__polje:focus-visible ~ .sb-prekidac__klizac {
	outline: 2px solid var(--sb-akcenat);
	outline-offset: 2px;
}

.sb-prekidac__opis {
	margin-top: 6px;
	padding-right: 50px;
	color: var(--sb-tiho);
	font-size: 12px;
	line-height: 1.5;
}

/* Dugme u podnožju kojim se izbor mijenja kasnije. */
.sb-podnozje__kolacici {
	padding: 0;
	border: 0;
	background: none;
	color: var(--sb-dno-podnozja);
	font-size: 12px;
	cursor: pointer;
}

.sb-podnozje__kolacici:hover {
	color: #fff;
}

/* ============================================================
   19. DODIR I UDOBNOST NA MOBILNIM UREĐAJIMA
   ============================================================ */

/* Blijedi sivi blok preko cijele kartice pri dodiru djeluje kao greška. */
a,
button {
	-webkit-tap-highlight-color: rgba(158, 42, 43, 0.12);
}

@media (hover: none) {

	/* Na dodir nema hovera, pa se povratna informacija daje na pritisak. */
	.sb-feed-kartica:active .sb-feed-kartica__naslov,
	.sb-lista-kartica:active .sb-lista-kartica__naslov,
	.sb-bocna-stavka:active .sb-bocna-stavka__naslov {
		color: var(--sb-akcenat);
	}

	.sb-dugme-jos:active,
	.sb-podeli__veza:active,
	.sb-prijava__dugme:active {
		transform: scale(0.98);
	}

	/* Uvećanje slike na hover nema smisla na dodir. */
	.sb-feed-kartica:hover .sb-feed-kartica__slika .sb-slika {
		transform: none;
	}
}

/* Sidrišta ne smiju da završe ispod ljepljive trake rubrika. */
[id] {
	scroll-margin-top: 64px;
}

@media (prefers-reduced-motion: reduce) {

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* ============================================================
   20. PRELOMI
   ============================================================ */

/* --- uži desktop --- */

@media (max-width: 1080px) {

	.sb-lista-kartica {
		grid-template-columns: 200px minmax(0, 1fr);
		gap: 18px;
	}

	.sb-lista-kartica__naslov {
		font-size: 19px;
	}

	.sb-slajd__naslov {
		font-size: 30px;
	}

	.sb-feed-kartica__naslov {
		font-size: 19px;
	}
}

/* --- tablet: bočna kolona ide ispod, ali koristi punu širinu --- */

@media (max-width: 960px) {

	:root {
		--sb-slajder-visina: 420px;
	}

	.sb-pocetna-mreza {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"hero"
			"feed"
			"bocna";
		gap: 36px;
	}

	.sb-dve-kolone {
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
	}

	.sb-pocetna-mreza__bocna .sb-bocna {
		height: auto;
	}

	/*
	 * Na tabletu bočni blokovi stoje jedan pored drugog — slagati ih jedan
	 * ispod drugog na 900px širine samo pravi prazan prostor sa strane.
	 */
	.sb-bocna {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: start;
		gap: 28px;
	}

	.sb-pocetna-mreza__bocna .sb-bocna {
		gap: 28px;
	}

	.sb-prijava-blok,
	.sb-bocna .sb-oglas {
		grid-column: span 2;
	}

	.sb-oglas--300x600,
	.sb-oglas--bocni-vrh {
		width: 100%;
		height: 160px;
		margin-top: 0;
	}

	.sb-feed,
	.sb-povezane__mreza {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sb-podnozje__mreza {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px;
	}

	.sb-clanak__naslov,
	.sb-rubrika-zaglavlje__naslov {
		font-size: 34px;
	}

	.sb-clanak__telo {
		max-width: none;
	}

	/* --- statične strane --- */

	/*
	 * Bočna kolona se raspada u pojedinačne blokove (display: contents), pa
	 * spisak međunaslova može da stane iznad teksta, a kartice ispod njega.
	 */
	.sb-strana-mreza {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"tok"
			"tekst"
			"kartice";
		row-gap: 34px;
	}

	.sb-strana-bocna {
		display: contents;
	}

	.sb-sadrzaj {
		grid-area: tok;
	}

	.sb-strana-telo {
		grid-area: tekst;
		max-width: none;
	}

	.sb-strana-kartice {
		grid-area: kartice;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: start;
	}

	.sb-strana-zaglavlje {
		padding: 30px 28px 26px;
	}

	.sb-strana-naslov {
		font-size: 34px;
	}
}

/* --- ispod 900px: navigacija postaje traka koja se pomjera --- */

@media (max-width: 899px) {

	.sb-zaglavlje__logo {
		padding: 20px var(--sb-gutter) 16px;
	}

	.sb-logo__slika {
		height: 52px;
	}

	/*
	 * Rubrike su glavna navigacija portala, pa se ne sklanjaju pod dugme.
	 * Traka se lijepi za vrh i vodoravno pomjera — brže od skrivenog menija.
	 */
	.sb-navigacija {
		position: sticky;
		top: 0;
		z-index: 40;
		background: var(--sb-tamno);
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
	}

	.sb-navigacija__okvir {
		position: relative;
		display: block;
		padding: 0;
	}

	/* Naznaka da traka ima još sadržaja desno. */
	.sb-navigacija__okvir::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 34px;
		pointer-events: none;
		background: linear-gradient(to right, rgba(15, 15, 15, 0), var(--sb-tamno));
	}

	.sb-navigacija__lista {
		flex-wrap: nowrap;
		justify-content: flex-start;
		gap: 0;
		padding: 0 var(--sb-gutter);
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
		overscroll-behavior-x: contain;
	}

	.sb-navigacija__lista::-webkit-scrollbar {
		display: none;
	}

	.sb-navigacija__lista > li {
		scroll-snap-align: start;
	}

	.sb-navigacija__lista > li > a {
		padding: 14px 13px 11px;
		font-size: 12.5px;
	}
}

/* --- telefon --- */

@media (max-width: 767px) {

	:root {
		--sb-gutter: 16px;
		--sb-slajder-visina: 360px;
	}

	/* iOS uvećava stranicu kada je polje manje od 16px. */
	input,
	select,
	textarea {
		font-size: 16px;
	}

	/* --- zaglavlje --- */

	.sb-traka__unutra {
		gap: 10px;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.sb-traka__levo {
		gap: 10px;
		overflow: hidden;
	}

	.sb-traka__desno {
		gap: 12px;
		flex-shrink: 0;
	}

	.sb-traka__meni {
		display: none;
	}

	.sb-traka__veza {
		padding: 6px 0;
	}

	.sb-pretraga-dugme {
		width: 34px;
		height: 34px;
	}

	.sb-zaglavlje__logo {
		padding: 16px var(--sb-gutter) 14px;
	}

	.sb-logo__slika {
		height: 44px;
	}

	/* --- slajder --- */

	.sb-pocetna-mreza {
		gap: 32px;
		padding-top: 18px;
	}

	.sb-slajd__telo {
		padding: 18px 18px 70px;
	}

	.sb-slajd__naslov {
		font-size: 22px;
		line-height: 1.22;
		/* Dužina naslova se ne može predvidjeti; bez ograničenja bi
		   dugačak naslov prekrio kontrole. */
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}


	.sb-slajder__kontrole {
		left: 18px;
		right: 18px;
		bottom: 16px;
	}

	.sb-slajder__strelica {
		width: 44px;
		height: 44px;
	}

	.sb-slajder__tacka {
		height: 6px;
	}

	/* --- liste --- */

	.sb-feed,
	.sb-povezane__mreza {
		grid-template-columns: minmax(0, 1fr);
		gap: 26px;
	}

	.sb-bocna {
		grid-template-columns: minmax(0, 1fr);
		gap: 26px;
	}

	.sb-prijava-blok,
	.sb-bocna .sb-oglas {
		grid-column: auto;
	}

	.sb-sekcija__opis {
		display: none;
	}

	.sb-sekcija__zaglavlje {
		gap: 10px;
	}

	.sb-sekcija__naslov {
		font-size: 13px;
	}

	/* Vodeća u rubrici ostaje krupna, sa slikom iznad. */
	.sb-vodeca {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
	}

	.sb-vodeca__naslov {
		font-size: 22px;
	}

	/*
	 * Ostale stavke zadržavaju sličicu lijevo: lista je time gušća i brža za
	 * pregledanje nego kada svaka slika zauzme punu širinu ekrana.
	 */
	.sb-lista-kartica {
		grid-template-columns: 116px minmax(0, 1fr);
		gap: 14px;
		padding: 16px 0;
	}

	.sb-lista-kartica__naslov {
		font-size: 16.5px;
		line-height: 1.3;
	}

	.sb-lista-kartica__odlomak {
		display: none;
	}

	.sb-lista-kartica .sb-potpis {
		margin-top: 8px;
		font-size: 11.5px;
	}

	.sb-feed-kartica__naslov {
		font-size: 20px;
	}

	/* --- rubrika i članak --- */

	.sb-rubrika-zaglavlje-okvir {
		padding-top: 20px;
	}

	.sb-rubrika-zaglavlje {
		align-items: flex-start;
		gap: 10px;
	}

	.sb-rubrika-zaglavlje__naslov,
	.sb-clanak__naslov {
		font-size: 27px;
		line-height: 1.15;
	}

	.sb-rubrika-zaglavlje__opis {
		font-size: 14px;
	}


	.sb-clanak__telo {
		font-size: 17px;
		line-height: 1.68;
	}

	.sb-clanak__telo h2 {
		font-size: 22px;
		margin-top: 28px;
	}

	.sb-clanak__telo blockquote {
		font-size: 18px;
		padding-left: 16px;
	}

	.sb-clanak__traka {
		flex-direction: column;
		align-items: stretch;
		gap: 14px;
	}

	/* Dugmad za dijeljenje idu u traku koja se pomjera, umjesto da se lome. */
	.sb-podeli {
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 2px;
	}

	.sb-podeli::-webkit-scrollbar {
		display: none;
	}

	.sb-podeli__veza {
		flex-shrink: 0;
		padding: 11px 16px;
	}

	.sb-clanak__figura {
		/* Slika ide do ivice ekrana — tako izgleda na svim ozbiljnim portalima. */
		margin-left: calc(var(--sb-gutter) * -1);
		margin-right: calc(var(--sb-gutter) * -1);
	}

	.sb-clanak__figura figcaption {
		padding: 0 var(--sb-gutter);
	}

	/* --- dodirne mete --- */

	.sb-cip,
	.sb-oznake__veza {
		min-height: 40px;
		display: inline-flex;
		align-items: center;
	}

	.sb-mreze__veza {
		width: 42px;
		height: 42px;
	}

	.page-numbers {
		min-width: 44px;
		min-height: 44px;
	}

	.sb-dugme-jos {
		width: 100%;
		padding: 16px 20px;
	}

	.sb-jos {
		margin-top: 28px;
	}

	.sb-prijava__polje,
	.sb-prijava__dugme,
	.sb-obrazac-pretrage__polje,
	.sb-obrazac-pretrage__dugme {
		min-height: 46px;
	}

	/* --- podnožje --- */

	.sb-podnozje__mreza {
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
		padding-top: 32px;
		padding-bottom: 28px;
	}

	.sb-podnozje__lista {
		gap: 12px;
	}

	.sb-podnozje__dno-unutra {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		/* Sigurnosna zona na telefonima sa zaobljenim ekranom. */
		padding-bottom: calc(16px + env(safe-area-inset-bottom));
	}

	.sb-podnozje__pravni {
		gap: 14px;
	}

	/* --- oglasi --- */

	.sb-oglas--970x90 {
		height: 70px;
	}

	.sb-oglas--970x180 {
		height: 110px;
	}

	.sb-oglas--u-tekstu {
		height: 180px;
	}

	.sb-oglas-vrh {
		padding-top: 14px;
	}

	.sb-oglas-dno {
		padding-bottom: 24px;
	}

	.sb-404 {
		padding: 48px 16px 64px;
	}

	.sb-404__broj {
		font-size: 64px;
	}

	/* --- statične strane --- */

	.sb-strana-zaglavlje {
		padding: 26px 20px 22px;
	}

	.sb-strana-naslov {
		font-size: 28px;
	}

	.sb-strana-uvod {
		margin-top: 12px;
		font-size: 16px;
	}

	.sb-strana-znak {
		right: -18px;
		bottom: -30px;
		width: 128px;
	}

	.sb-strana-mreza {
		padding-bottom: 40px;
	}

	.sb-strana-telo {
		font-size: 16.5px;
	}

	.sb-kartice,
	.sb-tim,
	.sb-strana-kartice,
	.sb-obrazac__par {
		grid-template-columns: minmax(0, 1fr);
	}

	.sb-brojevi {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sb-podaci__red {
		grid-template-columns: minmax(0, 1fr);
		gap: 4px;
	}

	.sb-obrazac {
		padding: 20px;
	}

	.sb-poziv {
		padding: 24px 20px;
	}

	.sb-poziv .sb-dugme {
		width: 100%;
	}

	.sb-koraci li {
		min-height: 32px;
		padding-left: 44px;
	}

	.sb-koraci li::before {
		width: 32px;
		height: 32px;
		font-size: 13px;
	}

	/*
	 * Tabela na telefonu postaje niz kartica: naslov kolone dolazi iz
	 * data-oznaka, pa se ne mora ponavljati u HTML-u.
	 */
	.sb-tabela thead {
		display: none;
	}

	.sb-tabela tbody tr {
		display: block;
		margin-bottom: 14px;
		border: 1px solid var(--sb-ivica);
	}

	.sb-tabela tbody tr:nth-child(even) td {
		background: #fff;
	}

	.sb-tabela td {
		display: grid;
		grid-template-columns: 96px minmax(0, 1fr);
		gap: 12px;
		padding: 11px 14px;
		border-bottom: 1px solid var(--sb-ivica-svetla);
	}

	.sb-tabela tbody tr td:last-child {
		border-bottom: 0;
	}

	.sb-tabela td::before {
		content: attr(data-oznaka);
		color: var(--sb-tiho);
		font-size: 10.5px;
		font-weight: 700;
		letter-spacing: 0.05em;
		line-height: 1.5;
		text-transform: uppercase;
	}

	/* Ćelija je ovdje mreža, pa se njen sadržaj drži druge kolone i ne rasteže. */
	.sb-tabela td > code {
		justify-self: start;
	}

	.sb-tabela__znak {
		grid-column: 2;
		margin-top: 2px;
	}

	/* --- saglasnost za kolačiće --- */

	.sb-kolacici {
		left: 10px;
		right: 10px;
		width: auto;
		/* Druga vrijednost je za telefone sa zaobljenim ekranom. */
		bottom: 10px;
		bottom: calc(10px + env(safe-area-inset-bottom));
	}

	.sb-kolacici__telo {
		padding: 18px 18px 20px;
	}

	.sb-kolacici__dugmad .sb-dugme {
		flex: 1 1 100%;
		min-height: 46px;
	}

	.sb-kolacici__vise {
		flex: 1 1 100%;
		padding: 8px 2px;
		text-align: center;
	}

	.sb-prekidac__opis {
		padding-right: 0;
	}
}

/* --- vrlo uski telefoni --- */

@media (max-width: 400px) {

	:root {
		--sb-slajder-visina: 320px;
	}

	.sb-slajd__naslov {
		font-size: 20px;
	}

	.sb-lista-kartica {
		grid-template-columns: 96px minmax(0, 1fr);
		gap: 12px;
	}

	.sb-traka__datum {
		font-size: 11px;
	}
}

/* --- telefon položen vodoravno: nisko a široko --- */

@media (max-height: 460px) and (orientation: landscape) {

	:root {
		--sb-slajder-visina: 300px;
	}

	.sb-navigacija {
		position: static;
	}
}

/* ============================================================
   21. ŠTAMPA
   ============================================================ */

@media print {

	.sb-zaglavlje,
	.sb-podnozje,
	.sb-bocna,
	.sb-strana-bocna,
	.sb-kolacici,
	.sb-oglas,
	.sb-podeli,
	.sb-povezane,
	.sb-mrvice {
		display: none !important;
	}

	.sb-dve-kolone,
	.sb-strana-mreza {
		display: block;
	}

	.sb-strana-zaglavlje {
		border: 0;
		background: none;
		padding: 0 0 12px;
	}

	body {
		color: #000;
		font-size: 12pt;
	}
}