/* Tema „Biznis” za trek.rs. Sastavljeno iz tri dela, ne menjaj ručno.
   Sva pravila su ograđena na html[data-tema="biznis"], pa ne diraju ostale teme.
   Delovi: 1 osnova (tokeni, zaglavlje, levi meni, futer), 2 naslovna, 3 ostale strane. */

/* ================= biznis-1-osnova.css ================= */
/* ═══════════════════════════════════════════════════════════════════════════
   TEMA BIZNIS, deo 1: osnova (tokeni, tipografija, dugmad, zaglavlje, levi meni,
   futer, gaženje Bootstrap-a).

   ⚠ SVAKI selektor u ovom fajlu počinje sa html[data-tema="biznis"]. Fajl se
   učitava na svim stranama, a sajt nosi 25 tema; bez te ograde jedno pravilo
   ovde prefarba preostale 24 teme. Nema izuzetka ni za `body`, ni za `*`.

   ⚠ Nema @font-face: Inter i Source Serif 4 dolaze iz base šablona, a
   JetBrains Mono se za ovu temu dodaje u istom spisku Google fontova. Dok se ne
   doda, brojke padaju na sistemski jednoprostorni font iz lestvice ispod.

   ⚠ Nema tamnog režima. Tokeni su zadati jednom i ne menjaju se po
   `data-bs-theme`, pa prekidač teme u drugim delovima sajta ovu temu ne dira.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Tokeni ───────────────────────────────────────────────────────────────── */
html[data-tema="biznis"] {
	--bz-bg: #f8f7f3;
	--bz-bg-2: #efeee9;
	--bz-povrs: #ffffff;
	--bz-fg: #181818;
	--bz-fg-2: #414651;
	--bz-muted: #5c5c61;
	--bz-line: #e6e4de;
	--bz-line-2: #d5d3cc;

	/* Jedini akcenat. Plava, zelena i ljubičasta u ovoj temi ne postoje. */
	--bz-akcenat: #ff5f1f;
	--bz-akcenat-ink: #000000;

	/* Crna zaglavlja i crnih blokova; `crna-3` je linija i podloga unutar crnog. */
	--bz-crna: #03020b;
	--bz-crna-2: #121212;
	--bz-crna-3: #1c1c1c;
	--bz-crna-l: #292929;
	--bz-na-crnom: #d9d9d9;
	--bz-na-crnom-tiho: #8c8c8c;

	/* Semantika brojeva: jedini dozvoljeni izlet iz narandžaste. */
	--bz-rast: #0b7a42;
	--bz-pad: #d4321b;

	--bz-f-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--bz-f-serif: "Source Serif 4", Georgia, serif;
	--bz-f-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
	/* Meta tekst: vreme, brojevi, trajanje čitanja. Isti Inter kao ostatak
	   sajta, sa ciframa jednake širine da se brojevi ne klate. */
	--bz-f-meta: var(--bz-f-ui);

	--bz-ease: cubic-bezier(.2, .7, .2, 1);
	--bz-r-slika: 10px;
	--bz-r-slika-l: 14px;

	color-scheme: light;
}

/* ── Podloga i tipografija ────────────────────────────────────────────────── */
html[data-tema="biznis"] body {
	background: var(--bz-bg);
	color: var(--bz-fg);
	font: 16px/1.5 var(--bz-f-ui);
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

html[data-tema="biznis"] h1,
html[data-tema="biznis"] h2,
html[data-tema="biznis"] h3,
html[data-tema="biznis"] h4 {
	font-family: var(--bz-f-ui);
	font-weight: 600;
	letter-spacing: -.03em;
	text-wrap: balance;
	color: var(--bz-fg);
}

html[data-tema="biznis"] h1 { font-size: clamp(30px, 3.1vw, 44px); line-height: 1.06; letter-spacing: -.045em; }
html[data-tema="biznis"] h2 { font-size: clamp(22px, 1.9vw, 28px); line-height: 1.14; letter-spacing: -.035em; }
html[data-tema="biznis"] h3 { font-size: 22px; line-height: 1.2; letter-spacing: -.035em; }
html[data-tema="biznis"] h4 { font-size: 17px; line-height: 1.25; letter-spacing: -.02em; }

html[data-tema="biznis"] p { color: var(--bz-fg-2); }
html[data-tema="biznis"] a { color: inherit; text-decoration: none; }
html[data-tema="biznis"] a:hover { color: var(--bz-fg); }
html[data-tema="biznis"] img { max-width: 100%; }

/* Kurziv kao naglasak u naslovu i telo članka: jedino mesto serifnog pisma.
   Ime `.kurziv` dolazi iz odobrene makete; `.bz-kurziv` je isto, za doslednost
   sa ostalim novim klasama. Oba su ograđena, pa ne mogu da procure. */
html[data-tema="biznis"] .kurziv,
html[data-tema="biznis"] .bz-kurziv {
	font-family: var(--bz-f-serif);
	font-style: italic;
	font-weight: 400;
	letter-spacing: -.02em;
}

/* Brojke, datumi i vreme: jednoprostorno, da se kolone slažu. */
html[data-tema="biznis"] .bz-brojka,
html[data-tema="biznis"] .bz-vreme,
html[data-tema="biznis"] .bz-datum {
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-weight: 500;
	letter-spacing: -.02em;
	font-variant-numeric: tabular-nums;
}

html[data-tema="biznis"] .bz-rast { color: var(--bz-rast); }
html[data-tema="biznis"] .bz-pad { color: var(--bz-pad); }

html[data-tema="biznis"] :focus-visible {
	outline: 2px solid var(--bz-akcenat);
	outline-offset: 3px;
	border-radius: 6px;
}

/* ── Omot i linije ────────────────────────────────────────────────────────── */
html[data-tema="biznis"] .bz-omot {
	max-width: 1240px;
	margin-inline: auto;
	padding-inline: clamp(16px, 4vw, 32px);
}

html[data-tema="biznis"] .bz-linija { border: 0; border-top: 1px solid var(--bz-line); margin: 0; }

/* Slika: meki radijus, blagi zum na prelazu mišem. */
html[data-tema="biznis"] .bz-slika {
	overflow: hidden;
	border-radius: var(--bz-r-slika);
	background: var(--bz-bg-2);
}
html[data-tema="biznis"] .bz-slika img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .9s var(--bz-ease);
}
html[data-tema="biznis"] a:hover .bz-slika img { transform: scale(1.04); }
/* `partials/slika.html.twig` umota <img> u <picture> zbog AVIF i WebP varijanti.
   Pravilo iznad traži `height: 100%`, a to se računa prema roditelju; bez ovoga bi
   omot ostao auto visine i kartica bi dobila sliku visine nula. */
html[data-tema="biznis"] .bz-slika picture { display: block; width: 100%; height: 100%; }

/* Ikonice: tanka linija, bez punjenja. Veličina se nasleđuje iz mesta upotrebe. */
html[data-tema="biznis"] .bz-ik {
	width: 22px;
	height: 22px;
	stroke: currentColor;
	fill: none;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
	flex: none;
}

/* ── Dugmad i pill kontrole ───────────────────────────────────────────────── */
html[data-tema="biznis"] .bz-dugme {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #0a0a0a;
	color: #fff;
	font-family: var(--bz-f-ui);
	font-weight: 600;
	font-size: 14.5px;
	letter-spacing: -.01em;
	padding: 10px 18px;
	border: 0;
	border-radius: 999px;
	white-space: nowrap;
	cursor: pointer;
	transition: opacity .2s, transform .2s var(--bz-ease);
}
html[data-tema="biznis"] .bz-dugme:hover { opacity: .9; transform: translateY(-1px); color: #fff; }

html[data-tema="biznis"] .bz-dugme.je-akcenat {
	background: var(--bz-akcenat);
	color: var(--bz-akcenat-ink);
	box-shadow: 0 0 26px -6px rgba(255, 95, 31, .55);
}
html[data-tema="biznis"] .bz-dugme.je-akcenat:hover { color: var(--bz-akcenat-ink); }

html[data-tema="biznis"] .bz-dugme.je-obris {
	background: transparent;
	color: var(--bz-fg);
	box-shadow: inset 0 0 0 1.5px var(--bz-fg);
}
html[data-tema="biznis"] .bz-dugme.je-obris:hover { background: var(--bz-fg); color: #fff; }

html[data-tema="biznis"] .bz-lnk {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 999px;
	color: var(--bz-fg);
	font-weight: 600;
	font-size: 15px;
	white-space: nowrap;
	transition: color .2s, background .2s;
}
html[data-tema="biznis"] .bz-lnk:hover { background: var(--bz-bg-2); color: var(--bz-fg); }

/* Kratak link umesto rečenice: „Sve", „Ceo spisak". */
html[data-tema="biznis"] .bz-sve {
	font-size: 14px;
	color: var(--bz-muted);
	text-decoration: underline;
	text-decoration-color: var(--bz-line-2);
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}
html[data-tema="biznis"] .bz-sve:hover { color: var(--bz-fg); text-decoration-color: var(--bz-akcenat); }

/* ── Oblačići (data-t) ────────────────────────────────────────────────────── */
/* Natpisa uz ikonicu nema; opis se pojavi tek na prelazu mišem ili na fokus
   tastaturom. Atribut je `data-t`, ne `title`: `title` kasni oko sekunde, ostaje
   na dodir i ne može da se stilizuje. Element pravi skripta zaglavlja. */
html[data-tema="biznis"] .bz-tip {
	position: fixed;
	z-index: 1200;
	pointer-events: none;
	background: var(--bz-fg);
	color: #fff;
	font: 500 12.5px/1 var(--bz-f-ui);
	padding: 7px 10px;
	border-radius: 8px;
	white-space: nowrap;
	box-shadow: 0 8px 20px -8px rgba(0, 0, 0, .45);
	animation: bz-tipu .15s var(--bz-ease);
}
html[data-tema="biznis"] .bz-tip.je-dole { transform: translate(-50%, 0); }
html[data-tema="biznis"] .bz-tip.je-desno { transform: translate(0, -50%); }
html[data-tema="biznis"] .bz-tip.je-gore { transform: translate(-50%, -100%); }

@keyframes bz-tipu { from { opacity: 0; } to { opacity: 1; } }

@media (hover: none) {
	html[data-tema="biznis"] .bz-tip { display: none; }
}

/* ── Zaglavlje ────────────────────────────────────────────────────────────── */
html[data-tema="biznis"] .bz-zaglavlje {
	position: sticky;
	top: env(safe-area-inset-top, 0px);
	z-index: 1040;
	background: rgba(3, 2, 11, .95);
	-webkit-backdrop-filter: saturate(180%) blur(18px);
	backdrop-filter: saturate(180%) blur(18px);
	color: #fff;
	border-bottom: 0;
	transition: box-shadow .3s var(--bz-ease);
}
html.bz-skrol[data-tema="biznis"] .bz-zaglavlje { box-shadow: 0 10px 30px -18px rgba(0, 0, 0, .6); }

/* Tri polja: logo levo, pretraga u sredini, kontrole desno. */
html[data-tema="biznis"] .bz-traka {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 560px) minmax(0, 1fr);
	align-items: center;
	gap: 24px;
	height: 64px;
}

html[data-tema="biznis"] .bz-lg { display: flex; align-items: center; gap: 6px; min-width: 0; }

html[data-tema="biznis"] .bz-hamb {
	width: 40px;
	height: 40px;
	display: grid;
	place-items: center;
	border: 0;
	border-radius: 12px;
	background: transparent;
	color: var(--bz-na-crnom);
	margin-left: -8px;
	cursor: pointer;
	transition: background .2s, color .2s;
}
html[data-tema="biznis"] .bz-hamb:hover { background: var(--bz-crna-3); color: #fff; }

html[data-tema="biznis"] .bz-logo {
	font-family: var(--bz-f-ui);
	font-weight: 700;
	font-size: 30px;
	letter-spacing: -.06em;
	line-height: 1;
	white-space: nowrap;
	color: #fff;
	padding-left: 14px;
	border-left: 1px solid var(--bz-crna-l);
}
html[data-tema="biznis"] .bz-logo:hover { color: #fff; }

/* Trepćuća strelica uz ime: jedini pokret u zaglavlju. */
html[data-tema="biznis"] .bz-kursor {
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-weight: 500;
	font-size: .9em;
	color: var(--bz-akcenat);
	letter-spacing: -.03em;
	margin-left: 3px;
	display: inline-block;
	transform: translateY(-1px);
	animation: bz-trepni 1.1s steps(2, start) infinite;
}
html[data-tema="biznis"] .bz-logo:hover .bz-kursor { animation: none; }

@keyframes bz-trepni { to { visibility: hidden; } }

/* Pretraga */
html[data-tema="biznis"] .bz-trazi {
	position: relative;
	width: 100%;
	justify-self: center;
}
html[data-tema="biznis"] .bz-trazi .bz-trazi-forma {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 44px;
	padding-inline: 18px;
	border-radius: 999px;
	background: var(--bz-crna-3);
	color: var(--bz-na-crnom-tiho);
	transition: box-shadow .2s, background .2s;
}
html[data-tema="biznis"] .bz-trazi .bz-trazi-forma:focus-within {
	background: #262626;
	box-shadow: 0 0 0 2px var(--bz-akcenat);
}
html[data-tema="biznis"] .bz-trazi .bz-trazi-ik { width: 19px; height: 19px; }
html[data-tema="biznis"] .bz-trazi .bz-trazi-polje {
	width: 100%;
	height: auto;
	min-width: 0;
	flex: 1;
	border: 0;
	outline: 0;
	padding: 0;
	background: transparent;
	font-family: var(--bz-f-ui);
	font-size: 15px;
	color: #fff;
	box-shadow: none;
}
html[data-tema="biznis"] .bz-trazi .bz-trazi-polje:focus {
	width: 100%;
	background: transparent;
	border: 0;
	box-shadow: none;
}
html[data-tema="biznis"] .bz-trazi .bz-trazi-polje::placeholder { color: var(--bz-na-crnom-tiho); }
html[data-tema="biznis"] .bz-trazi .bz-kbd {
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 12px;
	color: var(--bz-na-crnom-tiho);
	background: transparent;
	border: 1px solid var(--bz-crna-l);
	border-radius: 6px;
	padding: 1px 7px;
}

/* Panel predloga iz zajedničke žive pretrage: pun širine polja, svetao. */
html[data-tema="biznis"] .bz-trazi .trek-search-panel {
	left: 0;
	right: 0;
	width: auto;
	max-width: none;
	background: var(--bz-povrs);
	border: 1px solid var(--bz-line);
	border-radius: 16px;
	box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .35);
	color: var(--bz-fg);
}

@media (hover: none) {
	html[data-tema="biznis"] .bz-trazi .bz-kbd { display: none; }
}

/* Kontrole desno */
html[data-tema="biznis"] .bz-desno {
	justify-self: end;
	display: flex;
	align-items: center;
	gap: 6px;
}

html[data-tema="biznis"] .bz-okrugli {
	width: 40px;
	height: 40px;
	display: grid;
	place-items: center;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--bz-na-crnom);
	position: relative;
	cursor: pointer;
	transition: background .2s, color .2s, box-shadow .2s;
}
html[data-tema="biznis"] .bz-okrugli:hover { background: var(--bz-crna-3); color: #fff; }

html[data-tema="biznis"] .bz-plus {
	color: #fff;
	box-shadow: inset 0 0 0 1.5px var(--bz-crna-l);
}
html[data-tema="biznis"] .bz-plus:hover {
	background: transparent;
	color: var(--bz-akcenat);
	box-shadow: inset 0 0 0 1.5px var(--bz-akcenat);
}

html[data-tema="biznis"] .bz-pismo {
	width: auto;
	padding-inline: 11px;
	font-family: var(--bz-f-ui);
	font-size: 13px;
	font-weight: 600;
}

/* Tačka na zvonu: mala, narandžasta, bez broja. */
html[data-tema="biznis"] .bz-zvono .bz-tacka {
	position: absolute;
	top: 9px;
	right: 10px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--bz-akcenat);
	border: 0;
	box-shadow: 0 0 0 2px var(--bz-crna);
}

html[data-tema="biznis"] .bz-zvono-meni,
html[data-tema="biznis"] .bz-nalog-meni {
	background: var(--bz-povrs);
	color: var(--bz-fg);
	border: 0;
	border-radius: 18px;
	box-shadow: 0 0 0 1px var(--bz-line), 0 24px 60px -20px rgba(0, 0, 0, .35);
	margin-top: 12px;
}
html[data-tema="biznis"] .bz-zvono-meni { width: 320px; padding: 0; }
html[data-tema="biznis"] .bz-zvono-nas {
	padding: 14px 16px 10px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .bz-zvono-lista {
	padding: 0 10px 12px;
	font-size: 14px;
	color: var(--bz-muted);
	max-height: 60vh;
	overflow-y: auto;
}
html[data-tema="biznis"] .bz-zvono-lista .trek-zv-item {
	display: block;
	padding: 9px 8px;
	border-radius: 10px;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .bz-zvono-lista .trek-zv-item:hover { background: var(--bz-bg-2); }

/* Nalog: jedno dugme, meni ispod. */
html[data-tema="biznis"] .bz-nalog { position: relative; }

html[data-tema="biznis"] .bz-nalog-dugme {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--bz-akcenat);
	color: var(--bz-akcenat-ink);
	font-family: var(--bz-f-ui);
	font-weight: 600;
	font-size: 14.5px;
	letter-spacing: -.01em;
	padding: 9px 16px;
	border: 0;
	border-radius: 999px;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: 0 0 26px -6px rgba(255, 95, 31, .55);
	transition: opacity .2s, transform .2s var(--bz-ease);
}
html[data-tema="biznis"] .bz-nalog-dugme:hover { opacity: .92; transform: translateY(-1px); }
html[data-tema="biznis"] .bz-nalog-dugme.je-prijavljen {
	background: #fff;
	color: var(--bz-fg);
	box-shadow: none;
	padding-left: 6px;
}

html[data-tema="biznis"] .bz-av {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--bz-fg);
	color: var(--bz-akcenat);
	display: grid;
	place-items: center;
	font-size: 13px;
	font-weight: 700;
	flex: none;
}

/* Bootstrap drži .dropdown-menu na display:none i pokazuje ga tek uz .show.
   Zato display ide SAMO na otvoreno stanje, inače meni stoji otvoren pri učitavanju. */
html[data-tema="biznis"] .bz-nalog-meni { width: 290px; padding: 18px; gap: 8px; }
html[data-tema="biznis"] .bz-nalog-meni.show { display: grid; }
html[data-tema="biznis"] .bz-zvono-meni.show { display: grid; }
html[data-tema="biznis"] .bz-nm-nas { font-size: 17px; font-weight: 600; letter-spacing: -.02em; color: var(--bz-fg); margin: 0; }
html[data-tema="biznis"] .bz-nm-opis { font-size: 14px; color: var(--bz-muted); margin: 0 0 6px; }
html[data-tema="biznis"] .bz-nm-glavno {
	background: var(--bz-akcenat);
	color: var(--bz-akcenat-ink);
	font-weight: 600;
	font-size: 15px;
	padding: 12px;
	border-radius: 12px;
	text-align: center;
}
html[data-tema="biznis"] .bz-nm-glavno:hover { color: var(--bz-akcenat-ink); opacity: .92; }
html[data-tema="biznis"] .bz-nm-drugo {
	box-shadow: inset 0 0 0 1.5px var(--bz-fg);
	font-weight: 600;
	font-size: 15px;
	padding: 11px;
	border-radius: 12px;
	text-align: center;
}
html[data-tema="biznis"] .bz-nm-drugo:hover { background: var(--bz-fg); color: #fff; }
html[data-tema="biznis"] .bz-nm-profil {
	display: flex;
	align-items: center;
	gap: 12px;
	padding-bottom: 12px;
	margin-bottom: 4px;
	border-bottom: 1px solid var(--bz-line);
}
html[data-tema="biznis"] .bz-nm-profil b { display: block; font-weight: 600; font-size: 15px; }
html[data-tema="biznis"] .bz-nm-profil small { font-size: 13px; color: var(--bz-muted); }
html[data-tema="biznis"] .bz-nm-stavka {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 9px 6px;
	border-radius: 10px;
	font-size: 15px;
}
html[data-tema="biznis"] .bz-nm-stavka:hover { background: var(--bz-bg-2); }
html[data-tema="biznis"] .bz-nm-stavka span { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 12.5px; color: var(--bz-muted); }
html[data-tema="biznis"] .bz-nm-odjava {
	margin-top: 6px;
	padding: 9px 6px 0;
	border-top: 1px solid var(--bz-line);
	font-size: 14.5px;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .bz-nm-odjava:hover { color: var(--bz-pad); }

/* Red rubrika */
html[data-tema="biznis"] .bz-teme-traka {
	display: flex;
	align-items: center;
	gap: 26px;
	height: 50px;
	overflow-x: auto;
	scrollbar-width: none;
	-webkit-mask-image: linear-gradient(90deg, #000 92%, transparent);
	mask-image: linear-gradient(90deg, #000 92%, transparent);
}
html[data-tema="biznis"] .bz-teme-traka::-webkit-scrollbar { display: none; }
html[data-tema="biznis"] .bz-teme-traka a {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	font-size: 14.5px;
	font-weight: 500;
	color: var(--bz-na-crnom-tiho);
	white-space: nowrap;
	transition: color .2s;
}
html[data-tema="biznis"] .bz-teme-traka a:hover { color: #fff; }
html[data-tema="biznis"] .bz-teme-traka a[aria-current] { color: #fff; font-weight: 600; }
html[data-tema="biznis"] .bz-teme-traka a[aria-current]::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	border-radius: 2px;
	background: var(--bz-akcenat);
}
html[data-tema="biznis"] .bz-teme-traka .bz-razmak {
	width: 1px;
	height: 18px;
	background: var(--bz-crna-l);
	flex: none;
}

/* Lupa u traci postoji samo na telefonu, gde polja za pretragu nema. */
html[data-tema="biznis"] .bz-mob { display: none; }

/* ── Raspored strane ──────────────────────────────────────────────────────── */
html[data-tema="biznis"] .bz-telo {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: 72px;
	padding-block: 40px 80px;
	transition: grid-template-columns .4s var(--bz-ease);
}
html[data-tema="biznis"] .bz-sina { border-left: 1px solid var(--bz-line); padding-left: 40px; min-width: 0; }
html[data-tema="biznis"] .bz-sina-u {
	position: sticky;
	top: 132px;
	display: grid;
	gap: 40px;
	max-height: calc(100vh - 140px);
	overflow-y: auto;
	overflow-x: hidden;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: transparent transparent;
	padding-right: 6px;
}
html[data-tema="biznis"] .bz-sina-u:hover { scrollbar-color: var(--bz-line-2) transparent; }
html[data-tema="biznis"] .bz-sina-u::-webkit-scrollbar { width: 6px; }
html[data-tema="biznis"] .bz-sina-u::-webkit-scrollbar-thumb { background: transparent; border-radius: 3px; }
html[data-tema="biznis"] .bz-sina-u:hover::-webkit-scrollbar-thumb { background: var(--bz-line-2); }

/* ── Levi meni ────────────────────────────────────────────────────────────── */
/* Do 1280 px levog menija nema u toku strane: tu je klizni panel koji otvara
   hamburger iz zaglavlja. Na širem ekranu stoji stalno i skuplja se na ikonice. */
html[data-tema="biznis"] .bz-levo { display: none; min-width: 0; }
html[data-tema="biznis"] .bz-levo-u {
	position: sticky;
	top: 132px;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 2px;
	max-height: calc(100vh - 140px);
	overflow-y: auto;
	overflow-x: hidden;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: transparent transparent;
	padding-right: 6px;
	padding-bottom: 20px;
	min-width: 0;
}
html[data-tema="biznis"] .bz-levo-u:hover { scrollbar-color: var(--bz-line-2) transparent; }
html[data-tema="biznis"] .bz-levo-u::-webkit-scrollbar { width: 6px; }
html[data-tema="biznis"] .bz-levo-u::-webkit-scrollbar-thumb { background: transparent; border-radius: 3px; }
html[data-tema="biznis"] .bz-levo-u:hover::-webkit-scrollbar-thumb { background: var(--bz-line-2); }
html[data-tema="biznis"] .bz-levo-u > * { min-width: 0; }

html[data-tema="biznis"] .bz-levo a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 10px 12px;
	border-radius: 12px;
	font-size: 15.5px;
	color: var(--bz-fg-2);
}
html[data-tema="biznis"] .bz-levo a > * { min-width: 0; }
html[data-tema="biznis"] .bz-levo a:hover { background: var(--bz-bg-2); color: var(--bz-fg); }
html[data-tema="biznis"] .bz-levo a[aria-current] { color: var(--bz-fg); font-weight: 600; }
html[data-tema="biznis"] .bz-levo a[aria-current] .bz-ik { color: var(--bz-akcenat); }
html[data-tema="biznis"] .bz-levo .bz-ik { width: 21px; height: 21px; }

html[data-tema="biznis"] .bz-levo-nas {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 22px 12px 6px;
	padding-top: 18px;
	border-top: 1px solid var(--bz-line);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--bz-muted);
}

html[data-tema="biznis"] .bz-lbl {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: opacity .25s;
}

/* Brojevi u meniju su male tačke, ne krupne značke. */
html[data-tema="biznis"] .bz-levo .bz-br {
	margin-left: auto;
	font-style: normal;
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 12px;
	font-weight: 500;
	color: var(--bz-muted);
	background: transparent;
	padding: 0;
}
html[data-tema="biznis"] .bz-levo .bz-br.je-novo {
	font-size: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--bz-akcenat);
	margin-right: 4px;
}

html[data-tema="biznis"] .bz-pratim-red { position: relative; font-size: 14.5px; padding: 7px 12px; }
html[data-tema="biznis"] .bz-pratim-red img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 0 0 2px var(--bz-bg), 0 0 0 3.5px var(--bz-akcenat);
}
html[data-tema="biznis"] .bz-pratim-red i {
	margin-left: auto;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--bz-akcenat);
	flex: none;
}

html[data-tema="biznis"] .bz-levo-jos { font-size: 14px; color: var(--bz-muted); }

/* Zastor iza kliznog panela. */
html[data-tema="biznis"] .bz-mrak {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 1035;
	background: rgba(3, 2, 11, .35);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}

@keyframes bz-uvuci { from { transform: translateX(-100%); } to { transform: none; } }

/* ── Futer ────────────────────────────────────────────────────────────────── */
html[data-tema="biznis"] .bz-futer { background: var(--bz-crna); color: var(--bz-na-crnom-tiho); }
html[data-tema="biznis"] .bz-futer a { color: var(--bz-na-crnom-tiho); }
html[data-tema="biznis"] .bz-futer a:hover { color: #fff; }
html[data-tema="biznis"] .bz-futer .bz-omot {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	padding-block: 24px 40px;
	font-size: 13px;
}
html[data-tema="biznis"] .bz-futer-linkovi {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
	font-size: 13px;
}

/* ── Gaženje Bootstrap-a, samo za ovu temu ────────────────────────────────── */
/* Širina se izjednačava sa `.bz-omot`, da zajednički parcijali (overlay
   pretrage, offcanvas, baneri) stoje u istoj koloni kao sadržaj teme. */
html[data-tema="biznis"] .container {
	max-width: 1240px;
	padding-inline: clamp(16px, 4vw, 32px);
}

html[data-tema="biznis"] .btn {
	font-family: var(--bz-f-ui);
	font-weight: 600;
	letter-spacing: -.01em;
	border-radius: 999px;
	box-shadow: none;
}
html[data-tema="biznis"] .btn-primary,
html[data-tema="biznis"] .btn-primary:hover,
html[data-tema="biznis"] .btn-primary:focus {
	background: #0a0a0a;
	border-color: #0a0a0a;
	color: #fff;
}
html[data-tema="biznis"] .btn-outline-primary {
	color: var(--bz-fg);
	border-color: var(--bz-line-2);
}
html[data-tema="biznis"] .btn-outline-primary:hover {
	background: var(--bz-fg);
	border-color: var(--bz-fg);
	color: #fff;
}

html[data-tema="biznis"] .badge {
	font-family: var(--bz-f-ui);
	font-weight: 600;
	letter-spacing: .02em;
	border-radius: 999px;
}
html[data-tema="biznis"] .badge.bg-primary { background: var(--bz-akcenat); color: var(--bz-akcenat-ink); }

/* Bootstrap padajući meni: okvir teme, bez svoje ivice i oštrih uglova. */
html[data-tema="biznis"] .dropdown-menu {
	border: 0;
	border-radius: 16px;
	box-shadow: 0 0 0 1px var(--bz-line), 0 24px 60px -20px rgba(0, 0, 0, .35);
	color: var(--bz-fg);
}

/* ── Široki ekran: levi meni stoji stalno ─────────────────────────────────── */
@media (min-width: 1280px) {
	html[data-tema="biznis"] .bz-omot { max-width: 1480px; }
	html[data-tema="biznis"] .container { max-width: 1480px; }
	html[data-tema="biznis"] .bz-telo { grid-template-columns: 232px minmax(0, 1fr) 320px; gap: 52px; }
	html[data-tema="biznis"] .bz-levo { display: block; }

	/* Sužen na ikonice: natpisi se skupe, brojevi postanu tačke. */
	html.bz-levo-usko[data-tema="biznis"] .bz-telo { grid-template-columns: 64px minmax(0, 1fr) 320px; }
	html.bz-levo-usko[data-tema="biznis"] .bz-levo .bz-lbl { opacity: 0; width: 0; display: inline-block; }
	html.bz-levo-usko[data-tema="biznis"] .bz-levo a {
		width: 44px;
		margin-inline: auto;
		justify-content: center;
		padding-inline: 0;
		gap: 0;
		border-radius: 12px;
	}
	html.bz-levo-usko[data-tema="biznis"] .bz-levo a[aria-current] { background: var(--bz-fg); color: #fff; }
	html.bz-levo-usko[data-tema="biznis"] .bz-levo a[aria-current] .bz-ik { color: var(--bz-akcenat); }
	html.bz-levo-usko[data-tema="biznis"] .bz-levo-nas { margin-inline: 8px; height: 0; padding-top: 14px; overflow: hidden; }
	html.bz-levo-usko[data-tema="biznis"] .bz-levo .bz-br {
		position: absolute;
		top: 7px;
		right: 12px;
		margin: 0;
		padding: 0;
		font-size: 0;
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: var(--bz-akcenat);
	}
	html.bz-levo-usko[data-tema="biznis"] .bz-levo .bz-br.je-tiho { display: none; }
	html.bz-levo-usko[data-tema="biznis"] .bz-pratim-red i { position: absolute; right: 14px; top: 6px; margin: 0; }
	html.bz-levo-usko[data-tema="biznis"] .bz-pratim-red img { width: 26px; height: 26px; }
	html.bz-levo-usko[data-tema="biznis"] .bz-levo-jos { display: none; }
}

/* ── Uzak ekran: levi meni je klizni panel ────────────────────────────────── */
@media (max-width: 1279.98px) {
	html.bz-levo-otvoren[data-tema="biznis"] .bz-levo {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 300px;
		z-index: 1045;
		background: var(--bz-bg);
		padding: 80px 16px 24px;
		overflow-y: auto;
		box-shadow: 20px 0 60px -20px rgba(0, 0, 0, .35);
		animation: bz-uvuci .35s var(--bz-ease);
	}
	html.bz-levo-otvoren[data-tema="biznis"] .bz-levo-u { position: static; max-height: none; overflow: visible; }
	html.bz-levo-otvoren[data-tema="biznis"] .bz-mrak { display: block; }
}

/* ── Tablet: šina pada ispod sadržaja ─────────────────────────────────────── */
@media (max-width: 1080px) {
	html[data-tema="biznis"] .bz-telo { grid-template-columns: minmax(0, 1fr); gap: 0; }
	html[data-tema="biznis"] .bz-sina {
		border-left: 0;
		padding-left: 0;
		border-top: 1px solid var(--bz-line);
		padding-top: 36px;
		margin-top: 8px;
	}
	html[data-tema="biznis"] .bz-sina-u {
		position: static;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-height: none;
		overflow: visible;
		gap: 36px 40px;
	}
	html[data-tema="biznis"] .bz-trazi .bz-trazi-forma { height: 40px; }
}

@media (max-width: 900px) {
	html[data-tema="biznis"] .bz-traka { grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px; }
	html[data-tema="biznis"] .bz-logo { font-size: 25px; padding-left: 10px; }
}

/* ── Telefon ──────────────────────────────────────────────────────────────── */
@media (max-width: 760px) {
	html[data-tema="biznis"] .bz-traka { height: 56px; gap: 8px; }
	html[data-tema="biznis"] .bz-trazi { display: none; }
	html[data-tema="biznis"] .bz-mob { display: grid; }
	html[data-tema="biznis"] .bz-logo { font-size: 23px; }
	html[data-tema="biznis"] .bz-nalog-dugme { padding: 8px 14px; font-size: 13.5px; }
	html[data-tema="biznis"] .bz-teme-traka { gap: 20px; height: 46px; }
	html[data-tema="biznis"] .bz-telo { padding-block: 20px 56px; }
	html[data-tema="biznis"] .bz-nalog-meni,
	html[data-tema="biznis"] .bz-zvono-meni {
		position: fixed;
		left: 16px;
		right: 16px;
		top: 64px;
		width: auto;
	}
	html[data-tema="biznis"] .bz-sina-u { grid-template-columns: minmax(0, 1fr); }
	html[data-tema="biznis"] .bz-futer .bz-omot { padding-block: 20px 32px; }
}

/* ── Manje pokreta ────────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
	html[data-tema="biznis"] *,
	html[data-tema="biznis"] *::before,
	html[data-tema="biznis"] *::after {
		animation: none;
		transition: none;
		scroll-behavior: auto;
	}
}

/* ================= biznis-2-naslovna.css ================= */
/* ═══════════════════════════════════════════════════════════════════════════
   TEMA BIZNIS, deo 2: naslovna (levi meni na naslovnoj, vesti dana, traka
   priča, tabovi, feed, serijali, desna šina).

   ⚠ SVAKI selektor počinje sa html[data-tema="biznis"], isto pravilo kao u delu
   1: fajl se učitava na svim stranama, a sajt nosi 25 tema.

   ⚠ Tokeni, tipografija, zaglavlje, kostur `.bz-telo` / `.bz-levo` / `.bz-sina`
   i futer su u `biznis-1-osnova.css`. Ovde se NE ponavljaju, samo se dopunjuju
   delovi koje ima jedino naslovna.

   ⚠ Jedini akcenat je narandžasta #ff5f1f (token `--bz-akcenat`). Zeleno i
   crveno postoje samo na promeni kursa, gde brojka mora da se pročita na prvi
   pogled.

   ⚠ Nema tamnog režima i nema cena: Trek je besplatan za sve.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Slika kao <span> ─────────────────────────────────────────────────────── */
/* Deo 1 daje `.bz-slika` radijus i zum, ali ne i `display`. U feedu je omot
   `<span>` unutar `<a>` (sliku ne sme da hvata tabulator dvaput), pa bi bez ovoga
   ostao inline i srušio odnos stranica. */
html[data-tema="biznis"] span.bz-slika { display: block; }

/* ── Kostur srednje kolone ────────────────────────────────────────────────── */
/* `min-width: 0` je obavezan na svakom nivou: bez njega dugačak naslov bez
   razmaka razvuče grid kolonu i strana dobije vodoravan skrol. */
html[data-tema="biznis"] .bz-sredina,
html[data-tema="biznis"] .bz-feed { min-width: 0; }
/* Panel taba koji nije izabran. Pravilo je izričito, da ga neko kasnije
   dodato `display` pravilo ne pretekne i ne pokaže sva tri taba odjednom. */
html[data-tema="biznis"] .bz-panel[hidden] { display: none; }

/* ── Zaglavlje sekcije ────────────────────────────────────────────────────── */
html[data-tema="biznis"] .bz-nad {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
}
html[data-tema="biznis"] .bz-nad h2 {
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--bz-fg);
	margin: 0;
}
/* Tačka koja diše: jedini pokret u sredini strane, i jedina u boji akcenta. */
html[data-tema="biznis"] .bz-nad h2 i {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--bz-akcenat);
	box-shadow: 0 0 0 4px rgba(255, 95, 31, .18);
	margin-right: 10px;
	vertical-align: 1px;
	animation: bz-puls 1.8s ease-in-out infinite;
}
@keyframes bz-puls { 50% { opacity: .3; } }

html[data-tema="biznis"] .bz-sekcija { margin-bottom: 8px; }

/* ── Vesti dana ───────────────────────────────────────────────────────────── */
html[data-tema="biznis"] .bz-vesti {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	gap: 40px;
	padding-bottom: 36px;
	border-bottom: 1px solid var(--bz-line);
}

html[data-tema="biznis"] .bz-glavna { display: grid; gap: 12px; align-content: start; }
html[data-tema="biznis"] .bz-glavna .bz-slika { aspect-ratio: 16 / 10; border-radius: var(--bz-r-slika-l); }
html[data-tema="biznis"] .bz-glavna .bz-autorl { margin: 2px 0 0; }
html[data-tema="biznis"] .bz-glavna h1,
html[data-tema="biznis"] .bz-glavna h2 { margin: 0; }
/* Vodeći tekst je od 06.10.2026. H2, jer H1 naslovne nosi brend i temu sajta.
   Veličina ostaje veličina vodećeg naslova, ne običnog podnaslova. */
html[data-tema="biznis"] .bz-glavna .bz-naslov {
	font-size: clamp(30px, 3.1vw, 44px);
	line-height: 1.06;
	letter-spacing: -.045em;
}
html[data-tema="biznis"] .bz-glavna p {
	font-size: 16.5px;
	line-height: 1.5;
	color: var(--bz-fg-2);
	margin: 0;
}
html[data-tema="biznis"] .bz-glavna:hover .bz-naslov { color: var(--bz-fg); }

/* Brze vesti: satnica u koloni levo, pa naslov i rubrika. */
html[data-tema="biznis"] .bz-brze { list-style: none; margin: 0; padding: 0; }
html[data-tema="biznis"] .bz-brze li + li { border-top: 1px solid var(--bz-line); }
html[data-tema="biznis"] .bz-brze a {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 14px;
	padding: 14px 0;
}
html[data-tema="biznis"] .bz-brze li:first-child a { padding-top: 0; }
html[data-tema="biznis"] .bz-brze time {
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 12.5px;
	font-weight: 500;
	color: var(--bz-akcenat);
	font-variant-numeric: tabular-nums;
	padding-top: 2px;
}
html[data-tema="biznis"] .bz-brze .bz-naslov {
	display: block;
	font-size: 15.5px;
	line-height: 1.33;
	font-weight: 600;
	letter-spacing: -.02em;
}
html[data-tema="biznis"] .bz-brze .bz-rub { display: inline-block; margin-top: 5px; }
html[data-tema="biznis"] .bz-brze a:hover .bz-naslov { color: var(--bz-akcenat); }

/* ── Sitni delovi koji se ponavljaju ──────────────────────────────────────── */
html[data-tema="biznis"] .bz-naslov { transition: color .2s; }

html[data-tema="biznis"] .bz-autorl {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	font-size: 13.5px;
	color: var(--bz-muted);
	margin-bottom: 10px;
}
html[data-tema="biznis"] .bz-autorl b { font-weight: 600; color: var(--bz-fg); }
html[data-tema="biznis"] .bz-autorl .bz-u { color: var(--bz-muted); }

/* Avatar je slovo u krugu: naslovna ne vuče dvadesetak sličica koje se ionako
   gledaju na 24 px. */
html[data-tema="biznis"] .bz-t-av {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--bz-fg);
	color: var(--bz-akcenat);
	display: inline-grid;
	place-items: center;
	font-size: 12px;
	font-weight: 700;
	flex: none;
}
html[data-tema="biznis"] .bz-t-av-l { width: 44px; height: 44px; font-size: 17px; }

/* Rubrika: tekst, ne značka. Boju nosi samo prelaz mišem. */
html[data-tema="biznis"] .bz-rub {
	font-size: 12.5px;
	font-weight: 500;
	color: var(--bz-muted);
}
html[data-tema="biznis"] a.bz-rub:hover { color: var(--bz-akcenat); }

html[data-tema="biznis"] .bz-dno {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 16px;
	font-size: 12.5px;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .bz-dno .bz-brojka,
html[data-tema="biznis"] .bz-dno .bz-datum,
html[data-tema="biznis"] .bz-dno .bz-vreme { font-size: 12px; }

html[data-tema="biznis"] .bz-sitno { font-size: 12px; color: var(--bz-muted); margin: 10px 0 0; }

/* ── Traka Trek priča ─────────────────────────────────────────────────────── */
/* Zajednički parcijal nosi svoj `.container` (širina cele strane) i tamnu
   podlogu iz `/css/trek-blokovi.css`. U srednjoj koloni to mora da se poništi,
   inače traka iskoči iz kolone. Kartice se NE diraju: mere su tamo. */
/* Linije nosi sama traka (`border-block` na `.trek-stories`); omotač svoju NE sme,
   inače se ispod krugova crtaju dve linije jedna uz drugu. */
html[data-tema="biznis"] .bz-price .container { max-width: none; padding-inline: 0; width: auto; }
/* Traku boji `.trek-price-tema` u trek-teme.css, i to sa !important (postoji da
   u tamnom režimu naslov ne ostane na svetloj podlozi). Zato i ovde mora !important,
   inače tema „Biznis" dobija tamnu traku usred svetle strane. */
html[data-tema="biznis"] .trek-price-tema,
html[data-tema="biznis"] .trek-stories-band {
	background: transparent !important;
	border-radius: 0;
	margin: 0 !important;
	padding-block: 28px !important;
}
html[data-tema="biznis"] .trek-stories-band h4 {
	color: var(--bz-fg) !important;
	font-family: var(--bz-f-ui);
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
}
html[data-tema="biznis"] .trek-story { border-radius: var(--bz-r-slika-l); }
/* Kad tekst nema naslovnu sliku, podloga kartice ostaje crna: sadržaj kartice je
   beo, pa bi na svetloj podlozi nestao. */
html[data-tema="biznis"] .trek-story-bg { background-color: var(--bz-crna); }

/* ── Tabovi ───────────────────────────────────────────────────────────────── */
html[data-tema="biznis"] .bz-tabovi {
	display: flex;
	gap: 26px;
	border-bottom: 1px solid var(--bz-line);
	margin-top: 28px;
}
html[data-tema="biznis"] .bz-tabovi button {
	position: relative;
	border: 0;
	background: transparent;
	padding: 13px 0;
	font-family: var(--bz-f-ui);
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -.01em;
	color: var(--bz-muted);
	cursor: pointer;
	transition: color .2s;
}
html[data-tema="biznis"] .bz-tabovi button:hover { color: var(--bz-fg); }
html[data-tema="biznis"] .bz-tabovi button[aria-selected="true"] { color: var(--bz-fg); font-weight: 600; }
html[data-tema="biznis"] .bz-tabovi button[aria-selected="true"]::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 3px;
	border-radius: 2px;
	background: var(--bz-akcenat);
}

/* ── Feed ─────────────────────────────────────────────────────────────────── */
html[data-tema="biznis"] .bz-objava {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 168px;
	gap: 36px;
	align-items: center;
	padding-block: 26px;
	border-bottom: 1px solid var(--bz-line);
}
html[data-tema="biznis"] .bz-objava-t { min-width: 0; }
html[data-tema="biznis"] .bz-objava h3 {
	font-size: 21px;
	line-height: 1.22;
	margin: 0 0 6px;
}
html[data-tema="biznis"] .bz-objava p {
	font-size: 15.5px;
	line-height: 1.5;
	color: var(--bz-muted);
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
html[data-tema="biznis"] .bz-objava .bz-dno { margin-top: 14px; }
html[data-tema="biznis"] .bz-objava .bz-slika { aspect-ratio: 3 / 2; }
html[data-tema="biznis"] .bz-objava-l:hover .bz-naslov { color: var(--bz-akcenat); }
html[data-tema="biznis"] .bz-objava-s:hover .bz-slika img { transform: scale(1.04); }

/* ── Serijali ─────────────────────────────────────────────────────────────── */
html[data-tema="biznis"] .bz-serijali {
	padding-block: 36px;
	border-bottom: 1px solid var(--bz-line);
}
html[data-tema="biznis"] .bz-serijali-red {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
}
html[data-tema="biznis"] .bz-serijal { display: grid; gap: 8px; align-content: start; }
html[data-tema="biznis"] .bz-serijal .bz-slika { aspect-ratio: 16 / 10; }
html[data-tema="biznis"] .bz-serijal .bz-brojka {
	font-size: 11.5px;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--bz-akcenat);
	margin-top: 2px;
}
html[data-tema="biznis"] .bz-serijal .bz-naslov {
	font-size: 16.5px;
	line-height: 1.25;
	font-weight: 600;
	letter-spacing: -.025em;
}
html[data-tema="biznis"] .bz-serijal small { font-size: 13px; color: var(--bz-muted); line-height: 1.35; }
html[data-tema="biznis"] .bz-serijal:hover .bz-naslov { color: var(--bz-akcenat); }

/* ── Levi meni: delovi kojih ima samo naslovna ────────────────────────────── */
/* Rubrika nema ikonicu nego tačku, da se spisak rubrika na prvi pogled razlikuje
   od spiska strana iznad njega. Tačka je siva dok red nije aktivan ni pod mišem. */
html[data-tema="biznis"] .bz-tackica {
	width: 21px;
	display: grid;
	place-items: center;
	flex: none;
}
html[data-tema="biznis"] .bz-tackica::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--bz-line-2);
	transition: background .2s;
}
html[data-tema="biznis"] .bz-rub-red:hover .bz-tackica::before,
html[data-tema="biznis"] .bz-rub-red[aria-current] .bz-tackica::before { background: var(--bz-akcenat); }

/* Naslov grupe je verzal, ali link „Sve” uz njega nije: dve velike reči jedna
   pored druge izgledaju kao dva naslova. */
html[data-tema="biznis"] .bz-levo-nas .bz-sve {
	text-transform: none;
	letter-spacing: 0;
	font-weight: 500;
}

/* Mini tržište: tri reda, brojke jednoprostorno, bez naslova kolona. */
html[data-tema="biznis"] .bz-mini-trz { padding: 2px 12px 6px; display: grid; gap: 7px; }
html[data-tema="biznis"] .bz-mini-trz div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: baseline;
	gap: 8px;
	font-size: 13px;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .bz-mini-trz span:first-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* ⚠ Selektor je `span.bz-brojka`, ne `.bz-brojka`: `em` sa promenom nosi istu
   klasu, pa bi mu ovo pravilo (veće specifičnosti od `.bz-rast`) pojelo zelenu
   i crvenu i sve brojke bi ostale crne. */
html[data-tema="biznis"] .bz-mini-trz span.bz-brojka { font-size: 12.5px; color: var(--bz-fg); }
html[data-tema="biznis"] .bz-mini-trz em.bz-brojka { font-style: normal; font-size: 11.5px; }

/* Kartica „Postani autor”: jedini narandžasti blok u levoj koloni. */
html[data-tema="biznis"] .bz-levo .bz-postani {
	display: grid;
	gap: 3px;
	margin: 18px 4px 0;
	padding: 16px;
	border-radius: 16px;
	background: var(--bz-crna);
	color: #fff;
	box-shadow: inset 0 0 0 1px var(--bz-crna-l);
}
html[data-tema="biznis"] .bz-levo .bz-postani:hover { background: var(--bz-crna-2); color: #fff; }
html[data-tema="biznis"] .bz-levo .bz-postani b {
	font-size: 15px;
	font-weight: 600;
	letter-spacing: -.02em;
	color: var(--bz-akcenat);
}
html[data-tema="biznis"] .bz-levo .bz-postani small { font-size: 12.5px; line-height: 1.35; color: var(--bz-na-crnom-tiho); }

/* ── Desna šina ───────────────────────────────────────────────────────────── */
html[data-tema="biznis"] .bz-blok { min-width: 0; }
html[data-tema="biznis"] .bz-blok h4 { margin: 0 0 16px; }

html[data-tema="biznis"] .bz-izbor { list-style: none; margin: 0; padding: 0; display: grid; gap: 20px; }
html[data-tema="biznis"] .bz-izbor .bz-autorl { font-size: 12.5px; margin-bottom: 6px; }
html[data-tema="biznis"] .bz-izbor .bz-t-av { width: 20px; height: 20px; font-size: 10px; }
html[data-tema="biznis"] .bz-izbor .bz-naslov {
	display: block;
	font-size: 15.5px;
	line-height: 1.3;
	font-weight: 600;
	letter-spacing: -.025em;
}
html[data-tema="biznis"] .bz-izbor .bz-dno { margin-top: 6px; }
html[data-tema="biznis"] .bz-izbor a:hover .bz-naslov { color: var(--bz-akcenat); }

/* Kursna lista: brojke desno, procenat u koloni fiksne širine da se ne trza. */
html[data-tema="biznis"] .bz-kursevi { display: grid; }
html[data-tema="biznis"] .bz-kursevi div {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
	padding: 9px 0;
	border-top: 1px solid var(--bz-line);
}
html[data-tema="biznis"] .bz-kursevi div:first-child { border-top: 0; padding-top: 0; }
html[data-tema="biznis"] .bz-kursevi span { font-size: 13.5px; color: var(--bz-fg-2); }
html[data-tema="biznis"] .bz-kursevi b { font-weight: 500; font-size: 14px; color: var(--bz-fg); }
html[data-tema="biznis"] .bz-kursevi em {
	font-style: normal;
	font-size: 12px;
	margin-left: 10px;
	min-width: 58px;
	text-align: right;
	display: inline-block;
}

html[data-tema="biznis"] .bz-autor-k {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
}
html[data-tema="biznis"] .bz-autor-k img {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
}
html[data-tema="biznis"] .bz-autor-k b { font-weight: 600; font-size: 15px; display: block; }
html[data-tema="biznis"] .bz-autor-k a:hover b { color: var(--bz-akcenat); }
html[data-tema="biznis"] .bz-autor-k span { display: block; font-size: 12.5px; color: var(--bz-muted); }
html[data-tema="biznis"] .bz-autor-k .bz-brojka { font-size: 11.5px; margin-top: 2px; }
html[data-tema="biznis"] .bz-blok > .bz-sve { margin-top: 14px; display: inline-block; }

/* Oglas: označen rečju „Oglas”, bez ukrasa i bez okvira u boji. */
html[data-tema="biznis"] .bz-oglas small {
	display: block;
	font-size: 11px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--bz-muted);
	margin-bottom: 10px;
}
html[data-tema="biznis"] .bz-oglas img { border-radius: var(--bz-r-slika); }

html[data-tema="biznis"] .bz-teme-l { display: flex; flex-wrap: wrap; gap: 8px; }
html[data-tema="biznis"] .bz-teme-l a {
	font-size: 13.5px;
	font-weight: 500;
	padding: 7px 13px;
	border-radius: 999px;
	background: var(--bz-bg-2);
	color: var(--bz-fg-2);
	transition: background .2s, color .2s;
}
html[data-tema="biznis"] .bz-teme-l a:hover { background: var(--bz-fg); color: #fff; }

html[data-tema="biznis"] .bz-nl p { font-size: 13.5px; color: var(--bz-muted); margin: 0 0 12px; }
html[data-tema="biznis"] .bz-nl-ok { color: var(--bz-rast) !important; }
html[data-tema="biznis"] .bz-nl form {
	display: flex;
	gap: 6px;
	background: var(--bz-bg-2);
	border-radius: 999px;
	padding: 4px;
}
html[data-tema="biznis"] .bz-nl input {
	flex: 1;
	min-width: 0;
	border: 0;
	outline: 0;
	background: transparent;
	padding: 0 12px;
	font-family: var(--bz-f-ui);
	font-size: 14px;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .bz-nl input::placeholder { color: var(--bz-muted); }
html[data-tema="biznis"] .bz-nl button {
	border: 0;
	background: var(--bz-akcenat);
	color: var(--bz-akcenat-ink);
	border-radius: 999px;
	padding: 9px 15px;
	font-family: var(--bz-f-ui);
	font-size: 13.5px;
	font-weight: 600;
	white-space: nowrap;
	cursor: pointer;
	transition: opacity .2s;
}
html[data-tema="biznis"] .bz-nl button:hover { opacity: .92; }

/* ── Sužen levi meni ──────────────────────────────────────────────────────── */
/* Kad je meni na ikonicama, blokovi koji bez natpisa nemaju smisla se sklanjaju,
   isto kao `.bz-levo-jos` u delu 1. */
@media (min-width: 1280px) {
	html.bz-levo-usko[data-tema="biznis"] .bz-mini-trz,
	html.bz-levo-usko[data-tema="biznis"] .bz-levo .bz-postani { display: none; }
	html.bz-levo-usko[data-tema="biznis"] .bz-tackica { width: auto; }
}

/* ── Tablet ───────────────────────────────────────────────────────────────── */
@media (max-width: 1080px) {
	html[data-tema="biznis"] .bz-serijali-red { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ── Uzak ekran ───────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
	html[data-tema="biznis"] .bz-vesti { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	html[data-tema="biznis"] .bz-objava { grid-template-columns: minmax(0, 1fr) 128px; gap: 20px; }
}

/* ── Telefon ──────────────────────────────────────────────────────────────── */
@media (max-width: 620px) {
	html[data-tema="biznis"] .bz-objava {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
		padding-block: 22px;
	}
	/* Slika ide iznad teksta, preko cele širine: na 390 px sličica sa strane
	   pojede pola naslova. */
	html[data-tema="biznis"] .bz-objava-s { order: -1; }
	html[data-tema="biznis"] .bz-objava .bz-slika { aspect-ratio: 16 / 9; }
	html[data-tema="biznis"] .bz-objava h3 { font-size: 19px; }
	html[data-tema="biznis"] .bz-objava p { -webkit-line-clamp: 3; line-clamp: 3; }
	html[data-tema="biznis"] .bz-serijali-red { grid-template-columns: minmax(0, 1fr); }
	html[data-tema="biznis"] .bz-tabovi { gap: 20px; overflow-x: auto; scrollbar-width: none; }
	html[data-tema="biznis"] .bz-tabovi::-webkit-scrollbar { display: none; }
	html[data-tema="biznis"] .bz-tabovi button { white-space: nowrap; }
	html[data-tema="biznis"] .bz-brze a { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; }
}


/* Naslov trake i oznaka rubrike prate pismo i akcenat teme. */
html[data-tema="biznis"] .trek-price-tema .trek-h,
html[data-tema="biznis"] .trek-price-tema .trek-story-content h5 { font-family: var(--bz-f-ui); }
html[data-tema="biznis"] .trek-price-tema .trek-kicker { background: var(--bz-akcenat); color: #fff; }

/* ── Trek priče kao krugovi (doslovno iz odobrenog mokapa) ─────────────────
   Zajednički parcijal crta kartice 270x400 iz `trek-blokovi.css`. Ovde se ista
   struktura pretvara u red krugova: crn prsten sa belim razmakom, narandžasta
   tačka na nepročitanima, naslov ispod u dva reda. Markup se ne dira, pa
   pregledač priča (`stori.js`) i dalje radi preko `data-tsv-index`. */
html[data-tema="biznis"] .trek-stories-band { padding-block: 0 !important; }
html[data-tema="biznis"] .trek-stories {
	display: flex;
	gap: 22px;
	padding-block: 28px;
	border-block: 1px solid var(--bz-line);
	overflow-x: auto;
	scrollbar-width: none;
}
html[data-tema="biznis"] .trek-stories::-webkit-scrollbar { display: none; }
html[data-tema="biznis"] .trek-story {
	display: grid;
	justify-items: center;
	gap: 8px;
	width: 76px;
	flex: 0 0 76px;
	height: auto;
	text-align: center;
	border-radius: 0;
	overflow: visible;
	background: none;
}
/* Prsten: crn kvadratić pod slikom, slika u njemu sa belim obodom. */
html[data-tema="biznis"] .trek-story-bg {
	position: relative;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: var(--bz-bg-2);
	background-size: cover;
	background-position: center;
	/* Prsten ide SPOLJA: slika je pozadina samog kruga, pa unutrašnji razmak ne bi
	   napravio obod. Prvo beli razmak, pa crn prsten, kao u mokapu. */
	box-shadow: 0 0 0 2px var(--bz-bg), 0 0 0 4px #181818;
	transition: transform .35s var(--bz-ease);
	/* Zajednički stori format mutni i zatamnjuje pozadinu, jer tamo tekst ide PREKO
	   slike. U krugu tekst stoji ispod, pa slika mora da bude oštra. */
	filter: none;
	transform: none;
	inset: auto;
}
/* Narandžasta tačka: priča koju posetilac još nije otvorio. */
html[data-tema="biznis"] .trek-story-bg::after {
	content: "";
	position: absolute;
	right: 1px;
	bottom: 1px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--bz-akcenat);
	box-shadow: 0 0 0 2px var(--bz-bg);
}
html[data-tema="biznis"] .trek-story:hover .trek-story-bg { transform: scale(1.06) !important; }
/* Oznaka rubrike i lid nemaju mesta u krugu, ostaje samo naslov ispod. */
html[data-tema="biznis"] .trek-story-content {
	position: static;
	padding: 0;
	display: block;
	background: none;
}
html[data-tema="biznis"] .trek-story-content .trek-kicker,
html[data-tema="biznis"] .trek-story-content p { display: none; }
html[data-tema="biznis"] .trek-story-content h5 {
	font-family: var(--bz-f-ui);
	font-size: 12.5px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -.01em;
	color: var(--bz-fg) !important;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/* Traka ide bez naslova: red krugova je sam po sebi jasan. */
html[data-tema="biznis"] .trek-price-tema h4 { display: none; }
html[data-tema="biznis"] .bz-price .container { max-width: none; padding-inline: 0; width: auto; }

/* ── Moj radar: rubrika kao filter feeda ─────────────────────────────────── */
/* Radar je <button> da bi filtriranje radilo bez odlaska na drugu stranu, ali
   mora da izgleda kao ostali redovi menija: dugme ne nasleđuje pravila za <a>. */
html[data-tema="biznis"] .bz-radar {
	position: relative;
	display: flex;
	align-items: center;
	gap: 14px;
	width: 100%;
	padding: 10px 12px;
	border: 0;
	border-radius: 12px;
	background: none;
	font-family: inherit;
	font-size: 15.5px;
	color: var(--bz-fg-2);
	text-align: left;
	cursor: pointer;
}
html[data-tema="biznis"] .bz-radar > * { min-width: 0; }
html[data-tema="biznis"] .bz-radar:hover { background: var(--bz-bg-2); color: var(--bz-fg); }
html[data-tema="biznis"] .bz-radar.je-aktivan { background: var(--bz-crna); color: #fff; }
html[data-tema="biznis"] .bz-radar.je-aktivan .bz-tackica { background: var(--bz-akcenat); }
html[data-tema="biznis"] .bz-radar-traka {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 18px;
	padding: 11px 16px;
	border-radius: 14px;
	background: var(--bz-crna);
	color: #fff;
	font-size: 14px;
}
html[data-tema="biznis"] .bz-radar-traka span {
	font-family: var(--bz-f-mono);
	font-size: 11.5px;
	color: var(--bz-akcenat);
	text-transform: uppercase;
	letter-spacing: .06em;
}
html[data-tema="biznis"] .bz-radar-traka button {
	margin-left: auto;
	border: 0;
	background: none;
	color: #fff;
	font-size: 13.5px;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}
html[data-tema="biznis"] .bz-van-radara { display: none !important; }

/* ── Poreski rok i Pratim u levom meniju ─────────────────────────────────── */
html[data-tema="biznis"] .bz-rok {
	align-items: center !important;
	gap: 12px !important;
	margin: 4px 0;
	background: var(--bz-povrs);
	box-shadow: 0 0 0 1px var(--bz-line);
}
html[data-tema="biznis"] .bz-rok-dan {
	width: 40px;
	flex: none;
	text-align: center;
	border-radius: 10px;
	background: var(--bz-crna);
	color: #fff;
	font-family: var(--bz-f-mono);
	font-size: 10.5px;
	text-transform: uppercase;
	padding: 4px 0 5px;
	line-height: 1.1;
}
html[data-tema="biznis"] .bz-rok-dan b { display: block; font-size: 17px; color: var(--bz-akcenat); font-weight: 500; }
html[data-tema="biznis"] .bz-rok-t { display: grid !important; gap: 1px; }
html[data-tema="biznis"] .bz-rok-t b { font-size: 13.5px; font-weight: 600; color: var(--bz-fg); }
html[data-tema="biznis"] .bz-rok-t small { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 11.5px; color: var(--bz-muted); }
html[data-tema="biznis"] .bz-pratim-red img,
html[data-tema="biznis"] .bz-pratim-red .bz-t-av {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 0 0 2px var(--bz-bg), 0 0 0 3px var(--bz-akcenat);
}

/* ── Trek podkast u feedu ───────────────────────────────────────────────────
   Crn blok koji prekida niz tekstova, isto mesto i ista uloga kao u mokapu. */
html[data-tema="biznis"] .bz-podkast {
	margin-block: 28px;
	padding: 28px 32px 32px;
	border-radius: 20px;
	background: var(--bz-crna);
	color: #fff;
}
html[data-tema="biznis"] .bz-podkast h2 {
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -.025em;
	margin: 0 0 18px;
}
html[data-tema="biznis"] .bz-podkast h2 .bz-kurziv { color: var(--bz-akcenat); }
html[data-tema="biznis"] .bz-epizoda {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: 22px;
	align-items: center;
	color: inherit;
}
html[data-tema="biznis"] .bz-epizoda .bz-slika { border-radius: 14px; overflow: hidden; aspect-ratio: 1; }
html[data-tema="biznis"] .bz-epizoda .bz-slika img { width: 100%; height: 100%; object-fit: cover; }
html[data-tema="biznis"] .bz-ep-t { display: grid; gap: 6px; min-width: 0; }
html[data-tema="biznis"] .bz-ep-t .bz-rub { color: var(--bz-akcenat); font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 12px; }
html[data-tema="biznis"] .bz-ep-t .bz-naslov { font-size: 19px; font-weight: 600; line-height: 1.3; letter-spacing: -.02em; color: #fff; }
html[data-tema="biznis"] .bz-plej { display: flex; align-items: center; gap: 14px; margin-top: 8px; }
html[data-tema="biznis"] .bz-plej-d {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--bz-akcenat);
	display: grid;
	place-items: center;
	flex: none;
}
html[data-tema="biznis"] .bz-plej-d svg { width: 18px; height: 18px; fill: #fff; }
/* Talas je ukras, ne prikaz zvuka: ponovljeni gradijent umesto 70 elemenata. */
html[data-tema="biznis"] .bz-talas {
	flex: 1;
	height: 26px;
	min-width: 0;
	background-image: repeating-linear-gradient(90deg, rgba(255,255,255,.28) 0 3px, transparent 3px 9px);
	-webkit-mask-image: repeating-linear-gradient(90deg, #000 0 3px, transparent 3px 9px);
	mask-image: none;
	border-radius: 2px;
}
@media (max-width: 760px) {
	html[data-tema="biznis"] .bz-podkast { padding: 20px; }
	html[data-tema="biznis"] .bz-epizoda { grid-template-columns: 84px minmax(0, 1fr); gap: 14px; }
}

/* ================= biznis-3-strane.css ================= */
/* ═══════════════════════════════════════════════════════════════════════════
   TEMA BIZNIS, deo 3: ostale strane (članak, rubrika, autor, pretraga, prijava,
   registracija, sačuvano, kolekcije, podkasti, autori, teme).

   Ove strane NEMAJU svoj šablon po temi: markup je zajednički za svih 25 tema,
   pa se izgled radi isključivo CSS-om. Svaka klasa ovde je prepisana iz PRAVOG
   HTML-a sa trek.rs (uzorci u `nova/uzorci/`), ne izmišljena.

   ⚠ SVAKI selektor počinje sa html[data-tema="biznis"]. Bez toga bi jedno
   pravilo prefarbalo preostale 24 teme.

   ⚠ Redosled učitavanja: style.css (Bootstrap) → trek.css → trek-teme.css →
   OVAJ fajl. Zato je najveći deo posla u prvom bloku: promenljive sajta se
   prevežu na tokene teme, pa stotine tuđih pravila same padnu u pravu boju.
   Tamo gde tuđe pravilo nosi `!important` (trek.css ga koristi često) mora i
   ovde; svaki takav slučaj ima komentar zašto.

   ⚠ Nema @keyframes: pokret koji temi treba već stoji u delu 1.
   ═══════════════════════════════════════════════════════════════════════════ */


/* ══ 1. Most ka zajedničkom sistemu ═══════════════════════════════════════ */
/* Zajednički CSS sajta crta kroz `--bs-*` i `--trek-*`. Kad se te promenljive
   prevežu na tokene teme, članak, kartice, obrasci i dugmad dobiju pravu boju
   bez ijednog dodatnog pravila. Ovo je jedini razlog zašto fajl nije duplo veći. */
html[data-tema="biznis"] {
	--bs-body-bg: #f8f7f3;
	--bs-body-bg-rgb: 248, 247, 243;
	--bs-body-color: #181818;
	--bs-body-color-rgb: 24, 24, 24;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #181818;
	--bs-secondary-bg: #efeee9;
	--bs-tertiary-bg: #efeee9;
	--bs-secondary-color: #5c5c61;
	--bs-tertiary-color: #8d8d93;
	--bs-border-color: #e6e4de;
	--bs-border-color-translucent: rgba(24, 24, 24, .1);

	/* Jedini akcenat na sajtu je narandžasta, pa `.text-primary`, `.border-primary`
	   i Bootstrap značke prestaju da budu plavi bez ijednog gaženja. */
	--bs-primary: #ff5f1f;
	--bs-primary-rgb: 255, 95, 31;
	--bs-link-color: #181818;
	--bs-link-color-rgb: 24, 24, 24;
	--bs-link-hover-color: #5c5c61;
	--bs-link-hover-color-rgb: 92, 92, 97;
	--bs-danger: #d4321b;
	--bs-danger-rgb: 212, 50, 27;

	/* Mekši uglovi za `.rounded`, `.rounded-top` i Bootstrap komponente. Zbog
	   ovoga naslovna slika članka i kartice ne traže `!important` na radijusu. */
	--bs-border-radius: 12px;
	--bs-border-radius-sm: 8px;
	--bs-border-radius-lg: 16px;
	--bs-border-radius-xl: 20px;
	--bs-border-radius-2xl: 24px;
	--bs-border-radius-pill: 999px;

	--trek-ink: #181818;
	--trek-ink-2: #414651;
	--trek-paper: #ffffff;
	--trek-accent: #ff5f1f;
	--trek-hairline: #e6e4de;
	--trek-radius: 12px;
	--trek-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--trek-serif: "Source Serif 4", Georgia, serif;
	--bs-body-font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

	/* Mera kolone teksta: mokap drži 720 px, uže od zatečenih 760 px. */
	--bz-mera: 720px;
}

/* ── Tamni režim ───────────────────────────────────────────────────────────
   Tema je do 06.10.2026. bila samo svetla: svaki `data-bs-theme="dark"` se ovde
   vraćao na svetle vrednosti, pa prekidač „Tamna" u alatima za čitanje nije radio
   ništa, a usput je obarao i „Sepiju" (njegovo pravilo je bilo specifičnije).
   Sada tema ima svoj tamni set tokena. Pravila ispod su samo tokeni i šačica
   mesta koja su podlogu upisala tvrdo, pa ne mogu da se prevedu kroz token. */
html[data-tema="biznis"][data-bs-theme="dark"] {
	--bz-bg: #0e0e12;
	--bz-bg-2: #15151b;
	--bz-povrs: #17171e;
	--bz-fg: #ededf2;
	--bz-fg-2: #c3c3cd;
	--bz-muted: #9696a3;
	--bz-line: #262630;
	--bz-line-2: #34343f;

	/* Narandžasta je na crnoj podlozi za nijansu svetlija, da ostane ista jačina. */
	--bz-akcenat: #ff6a2c;
	--bz-akcenat-ink: #0e0e12;

	/* Crni blokovi (zaglavlje, futer, trake) ne mogu da ostanu crni na crnoj strani:
	   postaju blago izdignuta površ, da se i dalje čitaju kao zaseban sloj. */
	--bz-crna: #16161c;
	--bz-crna-2: #1b1b22;
	--bz-crna-3: #23232c;
	--bz-crna-l: #2d2d38;
	--bz-na-crnom: #e3e3ea;
	--bz-na-crnom-tiho: #9a9aa7;

	--bz-rast: #3fc98a;
	--bz-pad: #ff6f5c;

	/* Bootstrap radi po svojim promenljivim; bez ovoga bi dugmad, forme i tabele
	   ostale svetle usred tamne strane. */
	--bs-body-bg: #0e0e12;
	--bs-body-bg-rgb: 14, 14, 18;
	--bs-body-color: #ededf2;
	--bs-body-color-rgb: 237, 237, 242;
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ededf2;
	--bs-secondary-bg: #17171e;
	--bs-tertiary-bg: #1d1d25;
	--bs-secondary-color: #9696a3;
	--bs-tertiary-color: #7b7b88;
	--bs-border-color: #262630;
	--bs-border-color-translucent: rgba(237, 237, 242, .12);
	--bs-primary: #ff6a2c;
	--bs-primary-rgb: 255, 106, 44;
	--bs-link-color: #ededf2;
	--bs-link-hover-color: #ff6a2c;
	--trek-ink: #ededf2;
	--trek-ink-2: #c3c3cd;
	--trek-paper: #17171e;
	--trek-accent: #ff6a2c;
	--trek-hairline: #262630;
	color-scheme: dark;
}

/* Telo strane i teksta: boje su na par mesta upisane tvrdo (#242424), pa ih token
   ne može stići. */
html[data-tema="biznis"][data-bs-theme="dark"] body { background: var(--bz-bg); color: var(--bz-fg); }
html[data-tema="biznis"][data-bs-theme="dark"] .trek-prose,
html[data-tema="biznis"][data-bs-theme="dark"] .trek-prose p { color: #d9d9e2; }
html[data-tema="biznis"][data-bs-theme="dark"] .trek-clanak-naslov,
html[data-tema="biznis"][data-bs-theme="dark"] .trek-prose h2,
html[data-tema="biznis"][data-bs-theme="dark"] .trek-prose h3 { color: var(--bz-fg); }

/* Zaglavlje je skoro crno i na tamnoj strani; tanka linija vraća mu ivicu. */
html[data-tema="biznis"][data-bs-theme="dark"] .bz-zaglavlje { border-bottom: 1px solid var(--bz-line); }

/* Bele podloge upisane tvrdo. */
html[data-tema="biznis"][data-bs-theme="dark"] .trek-vb-forma,
html[data-tema="biznis"][data-bs-theme="dark"] .trek-nr-forma,
html[data-tema="biznis"][data-bs-theme="dark"] .tsv-nalog,
html[data-tema="biznis"][data-bs-theme="dark"] .bz-nalog-dugme.je-prijavljen { background: var(--bz-povrs); color: var(--bz-fg); }

/* Kalendar događaja i arhiva: svetle linije i polja. */
html[data-tema="biznis"][data-bs-theme="dark"] .au-kal-mesec a,
html[data-tema="biznis"][data-bs-theme="dark"] .ar-mesec,
html[data-tema="biznis"][data-bs-theme="dark"] .au-kal-celija { border-color: var(--bz-line); }
html[data-tema="biznis"][data-bs-theme="dark"] .au-kal-st { background: var(--bz-bg-2); }
html[data-tema="biznis"][data-bs-theme="dark"] .au-kal-st:hover { background: var(--bz-crna-3); }

/* Okviri u tekstu („ukratko", savet, upozorenje): pastelne podloge gube tekst na
   tamnoj strani, pa idu na tamne tonove iste porodice. */
html[data-tema="biznis"][data-bs-theme="dark"] .trek-prose .trek-okvir { background: var(--bz-bg-2); color: var(--bz-fg-2); }
html[data-tema="biznis"][data-bs-theme="dark"] .trek-prose .trek-okvir.je-upozorenje { background: #2a2117; }
html[data-tema="biznis"][data-bs-theme="dark"] .trek-prose .trek-okvir.je-savet { background: #15241c; }

/* Slike su na tamnoj podlozi za nijansu previše sjajne. */
html[data-tema="biznis"][data-bs-theme="dark"] .bz-slika img,
html[data-tema="biznis"][data-bs-theme="dark"] .trek-clanak-cover { filter: brightness(.94); }


/* ══ 2. Opšti raspored strane ═════════════════════════════════════════════ */
html[data-tema="biznis"] main { display: block; }
html[data-tema="biznis"] main > section { padding-block: 0; }

/* Svaka strana ispod zaglavlja ima `.border-bottom.border-primary`. Narandžasta
   crta preko cele širine je preglasna za ovu temu, pa ostaje tiha linija.
   `!important` je obavezan: Bootstrap utility klase same nose `!important`. */
html[data-tema="biznis"] main > .border-bottom.border-primary { border-color: var(--bz-line) !important; }

html[data-tema="biznis"] h5,
html[data-tema="biznis"] h6,
html[data-tema="biznis"] .h5,
html[data-tema="biznis"] .h6 {
	font-family: var(--bz-f-ui);
	font-weight: 600;
	letter-spacing: -.02em;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .h1 { font-size: clamp(30px, 3.1vw, 44px); line-height: 1.06; letter-spacing: -.045em; }
html[data-tema="biznis"] .h2 { font-size: clamp(26px, 2.6vw, 34px); line-height: 1.1; letter-spacing: -.04em; }
html[data-tema="biznis"] .h3 { font-size: 24px; line-height: 1.16; letter-spacing: -.035em; }
html[data-tema="biznis"] .h4 { font-size: 20px; line-height: 1.2; letter-spacing: -.03em; }
html[data-tema="biznis"] .lead { font-size: 19px; font-weight: 400; line-height: 1.5; color: var(--bz-fg-2); }
html[data-tema="biznis"] .text-body-secondary,
html[data-tema="biznis"] .text-muted { color: var(--bz-muted); }
html[data-tema="biznis"] .text-primary { color: var(--bz-akcenat); }
html[data-tema="biznis"] small,
html[data-tema="biznis"] .small { letter-spacing: -.005em; }

/* Rubrika iznad naslova. Šablon joj upisuje boju rubrike u `style`, a tema ima
   samo jedan akcenat, pa `!important` gazi inline vrednost. */
html[data-tema="biznis"] .trek-kicker {
	font-family: var(--bz-f-ui);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .08em;
	color: var(--bz-muted) !important;
}
html[data-tema="biznis"] a.trek-kicker:hover { color: var(--bz-fg) !important; text-decoration: none; }
/* Kad rubrika stoji preko fotografije (kartice u mreži i karuselu), tiha siva
   nestane u slici, pa tu ide bela sa senkom. */
html[data-tema="biznis"] .trek-kicker.position-absolute {
	color: #ffffff !important;
	text-shadow: 0 1px 6px rgba(0, 0, 0, .55);
}

/* Sekcijski natpis: mala verzalna oznaka sa narandžastim kvadratićem, kao u mokapu. */
html[data-tema="biznis"] .trek-h,
html[data-tema="biznis"] .trek-zona-naslov,
html[data-tema="biznis"] section h2.h6.text-uppercase {
	font-family: var(--bz-f-ui);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--bz-fg);
	border-bottom: 0;
	padding: 0 0 0 16px;
	position: relative;
}
/* trek.css boji ovaj natpis sa `!important`, pa i povratak na tekst teme mora tako. */
html[data-tema="biznis"] section h2.h6.text-uppercase,
html[data-tema="biznis"] .trek-zona-naslov { color: var(--bz-fg) !important; }
html[data-tema="biznis"] .trek-h::before,
html[data-tema="biznis"] .trek-zona-naslov::before,
html[data-tema="biznis"] section h2.h6.text-uppercase::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-radius: 2px;
	background: var(--bz-akcenat);
	box-shadow: 0 0 0 1px var(--bz-fg);
}
html[data-tema="biznis"] .trek-zona-head {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 18px;
	align-items: center;
}
html[data-tema="biznis"] .trek-sekcija { padding-top: 34px; }


/* ══ 3. Obrasci ═══════════════════════════════════════════════════════════ */
html[data-tema="biznis"] .form-label {
	font-family: var(--bz-f-ui);
	font-size: 13.5px;
	font-weight: 500;
	color: var(--bz-fg);
	margin-bottom: 6px;
}
html[data-tema="biznis"] .form-control,
html[data-tema="biznis"] .form-select {
	font-family: var(--bz-f-ui);
	font-size: 16px;
	color: var(--bz-fg);
	background: var(--bz-povrs);
	border: 0;
	border-radius: 14px;
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	padding: 12px 16px;
	transition: box-shadow .2s;
}
html[data-tema="biznis"] .form-control:hover,
html[data-tema="biznis"] .form-select:hover { box-shadow: inset 0 0 0 1px #b4b2ab; }
html[data-tema="biznis"] .form-control:focus,
html[data-tema="biznis"] .form-select:focus {
	background: var(--bz-povrs);
	border-color: transparent;
	box-shadow: 0 0 0 2px var(--bz-akcenat);
	outline: 0;
}
html[data-tema="biznis"] .form-control::placeholder { color: #a3a3a8; }
html[data-tema="biznis"] .form-control-sm,
html[data-tema="biznis"] .form-select-sm {
	font-size: 13.5px;
	padding: 7px 12px;
	border-radius: 999px;
	font-weight: 500;
	color: var(--bz-fg-2);
}
html[data-tema="biznis"] textarea.form-control { border-radius: 16px; line-height: 1.5; }
html[data-tema="biznis"] .form-text { font-size: 12.5px; color: var(--bz-muted); }
html[data-tema="biznis"] .form-check-input:checked { background-color: var(--bz-fg); border-color: var(--bz-fg); }

/* Polje sa dugmetom uz sebe (pretraga): jedna pilula, ne dve kutije. */
html[data-tema="biznis"] .input-group { background: var(--bz-povrs); border-radius: 999px; box-shadow: 0 0 0 1px var(--bz-line), 0 16px 40px -30px rgba(24, 24, 24, .4); padding: 5px; }
html[data-tema="biznis"] .input-group:focus-within { box-shadow: 0 0 0 2px var(--bz-akcenat); }
html[data-tema="biznis"] .input-group > .form-control { box-shadow: none; background: transparent; border-radius: 999px; }
html[data-tema="biznis"] .input-group > .form-control:focus { box-shadow: none; }
html[data-tema="biznis"] .input-group > .btn { border-radius: 999px; }
html[data-tema="biznis"] .input-group-lg > .form-control { font-size: 19px; font-weight: 500; letter-spacing: -.02em; padding: 10px 18px; }


/* ══ 4. Dugmad ════════════════════════════════════════════════════════════ */
html[data-tema="biznis"] .btn {
	font-family: var(--bz-f-ui);
	font-weight: 600;
	font-size: 14.5px;
	letter-spacing: -.01em;
	border-radius: 999px;
	padding: 10px 20px;
	box-shadow: none;
}
html[data-tema="biznis"] .btn-sm { font-size: 13.5px; padding: 7px 15px; }
html[data-tema="biznis"] .btn-lg { font-size: 16px; padding: 13px 26px; }

html[data-tema="biznis"] .btn-outline-secondary {
	--bs-btn-color: var(--bz-fg-2);
	--bs-btn-border-color: var(--bz-line-2);
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-bg: var(--bz-fg);
	--bs-btn-hover-border-color: var(--bz-fg);
	--bs-btn-active-color: #ffffff;
	--bs-btn-active-bg: var(--bz-fg);
	--bs-btn-active-border-color: var(--bz-fg);
}
html[data-tema="biznis"] .btn-dark {
	--bs-btn-bg: #0a0a0a;
	--bs-btn-border-color: #0a0a0a;
	--bs-btn-hover-bg: #1c1c1c;
	--bs-btn-hover-border-color: #1c1c1c;
	--bs-btn-active-bg: #1c1c1c;
	--bs-btn-active-border-color: #1c1c1c;
}
html[data-tema="biznis"] .btn-light {
	--bs-btn-bg: #ffffff;
	--bs-btn-color: var(--bz-fg);
	--bs-btn-border-color: #ffffff;
	--bs-btn-hover-bg: var(--bz-bg-2);
	--bs-btn-hover-border-color: var(--bz-bg-2);
	--bs-btn-hover-color: var(--bz-fg);
}
html[data-tema="biznis"] .btn-outline-light {
	--bs-btn-color: var(--bz-fg);
	--bs-btn-border-color: var(--bz-fg);
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-bg: var(--bz-fg);
	--bs-btn-hover-border-color: var(--bz-fg);
}
html[data-tema="biznis"] .btn-link {
	--bs-btn-color: var(--bz-fg);
	--bs-btn-hover-color: var(--bz-muted);
	font-weight: 500;
	text-decoration: none;
}

/* Prekidač redosleda („Najnovije / Najčitanije"): tekstualni tabovi, ne blok dugmadi. */
html[data-tema="biznis"] .btn-group .btn-outline-secondary {
	--bs-btn-border-color: transparent;
	--bs-btn-hover-bg: transparent;
	--bs-btn-hover-color: var(--bz-fg);
	--bs-btn-active-bg: transparent;
	--bs-btn-active-color: var(--bz-fg);
	border-radius: 999px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line);
	margin-right: 6px;
}
html[data-tema="biznis"] .btn-group .btn-outline-secondary.active {
	background: var(--bz-fg);
	color: #ffffff;
	box-shadow: none;
}
html[data-tema="biznis"] .btn-group { gap: 0; }


/* ══ 5. Kartice ═══════════════════════════════════════════════════════════ */
html[data-tema="biznis"] .card {
	background: transparent;
	border: 0;
	border-radius: 0;
}
html[data-tema="biznis"] .card.border {
	background: var(--bz-povrs);
	border: 0;
	border-radius: 22px;
	box-shadow: 0 0 0 1px var(--bz-line), 0 18px 50px -34px rgba(24, 24, 24, .35);
}
html[data-tema="biznis"] .card .card-img-top,
html[data-tema="biznis"] .card img { border-radius: 10px; }
/* Kad šablon slici ne zada visinu, kartice u mreži se razvuku različito.
   Odnos stranica pada čim u markupu postoji `style="height:…"`, pa strane koje
   visinu već zadaju (autor, sačuvano) ostaju netaknute. */
html[data-tema="biznis"] .card .card-img-top { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
html[data-tema="biznis"] .card-body { padding-top: 12px; }
html[data-tema="biznis"] .card h5,
html[data-tema="biznis"] .card h6 { font-size: 17.5px; line-height: 1.24; font-weight: 600; letter-spacing: -.025em; }
html[data-tema="biznis"] .card h5 a,
html[data-tema="biznis"] .card h6 a { font-family: var(--bz-f-ui); font-weight: 600; }
html[data-tema="biznis"] .card h5 a:hover,
html[data-tema="biznis"] .card h6 a:hover { color: var(--bz-muted); }
/* Samo meta red ispod naslova kartice (datum, minuti) ide jednoprostorno.
   `.text-body-secondary` se namerno ne dira: nose ga i opisi u rečenicama. */
html[data-tema="biznis"] .card small {
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 12px;
	letter-spacing: -.02em;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .card .text-body-secondary { color: var(--bz-muted); }
/* Slika u kartici: blagi zum na prelazu mišem, bez podizanja cele kartice.
   trek.css gasi transform sa `!important`, pa se zum radi na slici, ne na kartici. */
html[data-tema="biznis"] .card .position-relative { overflow: hidden; border-radius: 10px; }
html[data-tema="biznis"] .card .card-img-top { transition: transform .9s var(--bz-ease); }
html[data-tema="biznis"] .card:hover .card-img-top { transform: scale(1.04); }


/* ══ 6. Paginacija, „Učitaj još", prazna stanja ═══════════════════════════ */
html[data-tema="biznis"] .trek-strane { gap: 6px; margin-top: 44px; justify-content: center; }
html[data-tema="biznis"] .trek-strana {
	min-width: 40px;
	height: 40px;
	border: 0;
	border-radius: 999px;
	box-shadow: inset 0 0 0 1px var(--bz-line);
	background: var(--bz-povrs);
	color: var(--bz-fg-2);
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-weight: 500;
	font-size: 13.5px;
	transition: box-shadow .2s, color .2s;
}
html[data-tema="biznis"] .trek-strana:hover { box-shadow: inset 0 0 0 1px var(--bz-fg); color: var(--bz-fg); }
html[data-tema="biznis"] .trek-strana.is-active { background: var(--bz-fg); border: 0; color: #ffffff; box-shadow: none; }
html[data-tema="biznis"] .trek-strana-tri { color: var(--bz-muted); font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; }

/* „Učitaj još" je jedina paginacija na rubrici; šablon mu boju daje kroz --rc. */
html[data-tema="biznis"] .trek-ucitaj-jos {
	border: 0;
	border-radius: 999px;
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	background: transparent;
	color: var(--bz-fg-2);
	font-weight: 500;
	font-size: 15px;
	padding: 12px 26px;
}
html[data-tema="biznis"] .trek-ucitaj-jos:hover { background: transparent; box-shadow: inset 0 0 0 1px var(--bz-fg); color: var(--bz-fg); }

/* Prazna stanja: ikonica se stiša, poruka nosi težinu. */
html[data-tema="biznis"] .text-center.py-5 .display-4 { color: var(--bz-line-2); font-size: 42px; }
html[data-tema="biznis"] .text-center.py-5 .fw-bold { font-size: 22px; letter-spacing: -.03em; margin-top: 14px; }
html[data-tema="biznis"] .card.border .card-body.text-center .fs-1 { color: var(--bz-line-2); }
html[data-tema="biznis"] .trek-infinite-kraj-poruka { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 13px; color: var(--bz-muted); }


/* ══ 7. Oglasni okviri ════════════════════════════════════════════════════ */
html[data-tema="biznis"] .trek-baner {
	border: 0;
	border-radius: 16px;
	background: transparent;
	box-shadow: inset 0 0 0 1px var(--bz-line);
	padding: 8px;
}
html[data-tema="biznis"] .trek-baner img { border-radius: 10px; }
html[data-tema="biznis"] .trek-baner-okvir { border-radius: 10px; overflow: hidden; }
html[data-tema="biznis"] .trek-baner-oznaka {
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 10px;
	letter-spacing: .06em;
	color: var(--bz-muted);
	background: var(--bz-bg);
	border: 0;
	box-shadow: inset 0 0 0 1px var(--bz-line);
	border-radius: 6px;
}
/* trek.css i trek-teme.css ovom okviru daju podlogu sa `!important`. */
html[data-tema="biznis"] .trek-baner-header {
	background: var(--bz-bg) !important;
	border-bottom: 1px solid var(--bz-line) !important;
}
html[data-tema="biznis"] .trek-baner-sidebar .trek-baner { box-shadow: none; padding: 0; }
html[data-tema="biznis"] .trek-imax-wrap { padding-block: 24px; }
html[data-tema="biznis"] .trek-imax .trek-baner { box-shadow: none; padding: 0; }
html[data-tema="biznis"] .trek-bslajder-tacka { background: var(--bz-line-2); }
html[data-tema="biznis"] .trek-bslajder-tacka.is-active { background: var(--bz-akcenat); }

/* Newsletter blok pod tekstom: crna kartica iz mokapa, narandžasti naglasak. */
html[data-tema="biznis"] .trek-veliki-baner {
	background: var(--bz-crna) !important;
	border-radius: 22px !important;
	overflow: hidden;
}
html[data-tema="biznis"] .trek-vb-eyebrow {
	font-family: var(--bz-f-mono);
	font-size: 11px;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--bz-akcenat);
}
html[data-tema="biznis"] .trek-vb-naslov {
	font-family: var(--bz-f-ui);
	font-size: clamp(24px, 2.6vw, 32px);
	font-weight: 600;
	letter-spacing: -.045em;
	line-height: 1.06;
	color: #ffffff;
}
html[data-tema="biznis"] .trek-vb-tekst { color: var(--bz-na-crnom-tiho); }
html[data-tema="biznis"] .trek-vb-forma { background: #ffffff; border-radius: 999px; padding: 5px; gap: 6px; }
html[data-tema="biznis"] .trek-vb-forma .form-control { box-shadow: none; background: transparent; }
html[data-tema="biznis"] .trek-vb-forma .form-control:focus { box-shadow: none; }
/* Dugme u beloj traci mora da bude tamno, inače se belo na belom ne vidi. */
html[data-tema="biznis"] .trek-vb-forma .btn {
	background: #0a0a0a;
	border-color: #0a0a0a;
	color: #ffffff;
	padding: 10px 20px;
}


/* ══ 8. Mobilna traka ═════════════════════════════════════════════════════ */
/* Definicija stoji u partialu (unutar tela strane), pa su ova pravila u istom
   opsegu širine; ograda po temi im daje veću specifičnost, bez `!important`. */
@media (max-width: 991.98px) {
	html[data-tema="biznis"] .trek-tabbar {
		background: rgba(3, 2, 11, .94);
		border: 0;
		border-radius: 20px;
		box-shadow: 0 16px 40px -12px rgba(0, 0, 0, .5);
	}
	html[data-tema="biznis"] .trek-tab {
		color: var(--bz-na-crnom-tiho);
		font-family: var(--bz-f-ui);
		font-size: 10.5px;
		font-weight: 500;
		letter-spacing: -.01em;
	}
	html[data-tema="biznis"] .trek-tab.is-active { color: #ffffff; }
	html[data-tema="biznis"] .trek-tab.is-active .trek-tab-ic { color: var(--bz-akcenat); }
	html[data-tema="biznis"] .trek-tab.is-active .trek-tab-ic::before { background: rgba(255, 95, 31, .16); }
	html[data-tema="biznis"] .trek-tab-badge,
	html[data-tema="biznis"] .trek-tab-dot {
		background: var(--bz-akcenat);
		color: var(--bz-akcenat-ink);
		box-shadow: 0 0 0 2px rgba(3, 2, 11, .94);
	}
}


/* ══ 9. ČLANAK ════════════════════════════════════════════════════════════ */
html[data-tema="biznis"] .trek-clanak-stranica { padding-bottom: 20px; }
html[data-tema="biznis"] .trek-clanak-stranica > section { padding-block: 44px 0; }
html[data-tema="biznis"] .trek-clanak-kolona { max-width: var(--bz-mera); margin-inline: auto; }
html[data-tema="biznis"] .trek-prose { max-width: var(--bz-mera); margin-inline: auto; }
html[data-tema="biznis"] .trek-odgovor,
html[data-tema="biznis"] .trek-utekstu,
html[data-tema="biznis"] .trek-pitaj,
html[data-tema="biznis"] .trek-toc { max-width: var(--bz-mera); }

/* Putanja: rubrika, potkategorija, sitna strelica između. */
html[data-tema="biznis"] .trek-clanak-bc { gap: 8px; font-size: 13.5px; color: var(--bz-muted); }
html[data-tema="biznis"] .trek-clanak-bc .trek-kicker {
	font-size: 13.5px;
	font-weight: 500;
	letter-spacing: -.01em;
	text-transform: none;
	color: var(--bz-fg) !important;
}
html[data-tema="biznis"] .trek-clanak-bc .bi-chevron-right { color: var(--bz-line-2); margin-inline: 0; }

/* Naslov: krupno, zbijeno, sa serifnim kurzivom kao naglaskom. */
html[data-tema="biznis"] .trek-clanak-naslov {
	font-family: var(--bz-f-ui);
	font-size: clamp(34px, 4.4vw, 54px);
	line-height: 1.04;
	font-weight: 600;
	letter-spacing: -.05em;
	color: var(--bz-fg);
	margin-top: 18px;
}
html[data-tema="biznis"] .trek-clanak-naslov .kurziv,
html[data-tema="biznis"] .trek-clanak-naslov .bz-kurziv,
html[data-tema="biznis"] .trek-clanak-naslov em { color: #8d8d93; }

/* Potpis: autor, datum i vreme čitanja, sa linijama iznad i ispod. */
html[data-tema="biznis"] .trek-clanak-kolona > .nav.nav-divider {
	margin: 24px 0 0;
	padding-block: 14px;
	border-block: 1px solid var(--bz-line);
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 12px;
	letter-spacing: -.02em;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .trek-clanak-kolona > .nav.nav-divider .nav-item a {
	font-family: var(--bz-f-ui);
	font-size: 14px;
	font-weight: 600;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .trek-clanak-kolona > .nav.nav-divider .nav-item a:hover { color: var(--bz-muted); }
html[data-tema="biznis"] .trek-clanak-kolona > .nav.nav-divider .nav-item + .nav-item::before { content: "·"; color: var(--bz-line-2); padding-inline: .5rem; }

/* Lid: sans, jer serif u ovoj temi nosi telo teksta, ne uvod. */
html[data-tema="biznis"] .trek-lead {
	font-family: var(--bz-f-ui);
	font-size: 21px;
	line-height: 1.45;
	letter-spacing: -.01em;
	color: var(--bz-fg-2);
	margin-top: 18px;
}

/* Kratak odgovor: narandžasta linija levo, oznaka jednoprostorno. */
html[data-tema="biznis"] .trek-odgovor {
	margin: 28px auto 0;
	padding: 4px 0 4px 20px;
	border-left: 3px solid var(--bz-akcenat);
}
html[data-tema="biznis"] .trek-odgovor-oznaka {
	font-family: var(--bz-f-mono);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--bz-akcenat);
	margin-bottom: 6px;
}
html[data-tema="biznis"] .trek-odgovor-tekst {
	font-family: var(--bz-f-ui);
	font-size: 18.5px;
	line-height: 1.55;
	font-weight: 500;
	letter-spacing: -.01em;
	color: var(--bz-fg);
}

/* Naslovna slika izlazi iz kolone teksta. Meta je <picture>, ne <img>:
   `.w-100` na slici nosi `!important`, pa se širina menja na roditelju. */
html[data-tema="biznis"] .trek-clanak-kolona > picture {
	display: block;
	margin: 36px -60px 0;
}
/* Radijus nosi `!important` jer slika ima i Bootstrap utility `.rounded`,
   koji sam upisuje `border-radius` sa `!important`. */
html[data-tema="biznis"] .trek-clanak-cover {
	max-height: none;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 18px !important;
}

/* Telo teksta: serif, veliko prvo slovo prvog pasusa. */
html[data-tema="biznis"] .trek-prose {
	font-family: var(--bz-f-serif);
	font-size: 20px;
	line-height: 1.72;
	color: #242424;
	margin-top: 36px;
}
html[data-tema="biznis"] .trek-prose p { margin: 0 0 1.25em; color: #242424; }
html[data-tema="biznis"] .trek-prose > p:first-of-type::first-letter {
	font-family: var(--bz-f-ui);
	float: left;
	font-size: 3.6em;
	line-height: .9;
	font-weight: 600;
	padding: .06em .1em 0 0;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .trek-prose h2 {
	font-family: var(--bz-f-ui);
	font-size: 28px;
	font-weight: 600;
	letter-spacing: -.035em;
	line-height: 1.15;
	margin: 1.8em 0 .6em;
	scroll-margin-top: 130px;
}
html[data-tema="biznis"] .trek-prose h3 {
	font-family: var(--bz-f-ui);
	font-size: 21px;
	font-weight: 600;
	letter-spacing: -.03em;
	margin: 1.5em 0 .5em;
	scroll-margin-top: 130px;
}
html[data-tema="biznis"] .trek-prose a {
	color: var(--bz-fg);
	text-decoration: underline;
	text-decoration-color: var(--bz-akcenat);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}
html[data-tema="biznis"] .trek-prose a:hover { text-decoration-color: var(--bz-fg); }
html[data-tema="biznis"] .trek-prose ul,
html[data-tema="biznis"] .trek-prose ol { font-family: var(--bz-f-ui); font-size: 17px; line-height: 1.6; margin: 0 0 1.4em; }
html[data-tema="biznis"] .trek-prose li { margin-bottom: .5em; }
html[data-tema="biznis"] .trek-prose li::marker { color: var(--bz-muted); }
html[data-tema="biznis"] .trek-prose strong { font-weight: 600; color: var(--bz-fg); }
html[data-tema="biznis"] .trek-prose .trek-anchor { color: var(--bz-akcenat); }

/* Citat: serifni kurziv, navodnik u narandžastom, bez okvira. */
html[data-tema="biznis"] .trek-prose blockquote,
html[data-tema="biznis"] .trek-prose .trek-citat {
	margin: 1.6em 0;
	padding: 0;
	border-left: 0;
	background: transparent;
	font-family: var(--bz-f-serif);
	font-style: italic;
	font-weight: 400;
	font-size: 1.45em;
	line-height: 1.35;
	letter-spacing: -.015em;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .trek-prose blockquote::before,
html[data-tema="biznis"] .trek-prose .trek-citat::before {
	content: "„";
	display: block;
	font-size: 2em;
	line-height: .6;
	color: var(--bz-akcenat);
}
html[data-tema="biznis"] .trek-prose blockquote cite,
html[data-tema="biznis"] .trek-prose .trek-citat figcaption {
	display: block;
	margin-top: 12px;
	font-family: var(--bz-f-ui);
	font-style: normal;
	font-size: 14px;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .trek-prose .trek-citat blockquote { margin: 0; font-size: 1em; }
html[data-tema="biznis"] .trek-prose .trek-citat blockquote::before { content: none; }

/* Tabele: bez pune crne glave, poravnate kolone brojeva.
   trek.css glavi tabele upisuje #0f172a i belu boju sa `!important`. */
html[data-tema="biznis"] .trek-prose table {
	width: 100%;
	border-collapse: collapse;
	font-family: var(--bz-f-ui);
	font-size: 15.5px;
	margin: 1.6em 0;
}
html[data-tema="biznis"] .trek-prose table thead th {
	background: transparent !important;
	color: var(--bz-muted) !important;
	font-family: var(--bz-f-ui);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
	text-align: left;
	padding: 10px 0;
	border: 0;
	border-bottom: 1px solid var(--bz-line-2);
	white-space: nowrap;
}
html[data-tema="biznis"] .trek-prose table td {
	padding: 12px 0;
	border: 0;
	border-bottom: 1px solid var(--bz-line);
	vertical-align: top;
}
html[data-tema="biznis"] .trek-prose table tbody tr:nth-child(even) { background: transparent; }
html[data-tema="biznis"] .trek-prose table td:last-child,
html[data-tema="biznis"] .trek-prose table th:last-child { text-align: right; font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums; }

/* Slike u tekstu i njihov opis. */
html[data-tema="biznis"] .trek-prose img { border-radius: 14px; box-shadow: none; margin: 1.6em 0 .5em; }
html[data-tema="biznis"] .trek-prose figure { margin: 1.6em 0; }
html[data-tema="biznis"] .trek-prose figcaption,
html[data-tema="biznis"] .trek-fig-cap {
	font-family: var(--bz-f-ui);
	font-size: 13px;
	color: var(--bz-muted);
	text-align: center;
	margin-top: 10px;
}
html[data-tema="biznis"] .trek-prose .trek-slika img { border-radius: 14px; }
html[data-tema="biznis"] .trek-izvor-vesti { font-family: var(--bz-f-ui); font-size: 13.5px; color: var(--bz-muted); }
html[data-tema="biznis"] .trek-izvor-vesti a { text-decoration-color: var(--bz-line-2); text-decoration-thickness: 1px; }

/* Okviri i istaknute kutije u tekstu: bela površina, tanka linija. */
html[data-tema="biznis"] .trek-prose .trek-okvir {
	background: var(--bz-povrs);
	border-radius: 14px;
	box-shadow: inset 0 0 0 1px var(--bz-line);
	font-family: var(--bz-f-ui);
}
html[data-tema="biznis"] .trek-prose .trek-dugme { background: var(--bz-fg); border-radius: 999px; font-weight: 600; }
html[data-tema="biznis"] .trek-prose .trek-razdelnik span { background: var(--bz-line-2); }

/* Sadržaj (TOC) i povezana pitanja u tekstu. */
html[data-tema="biznis"] .trek-toc {
	background: var(--bz-povrs) !important;
	border: 0;
	border-radius: 16px !important;
	box-shadow: inset 0 0 0 1px var(--bz-line);
}
html[data-tema="biznis"] .trek-toc summary { font-family: var(--bz-f-ui); font-weight: 600; font-size: 15px; }
html[data-tema="biznis"] .trek-toc a { font-family: var(--bz-f-ui); font-size: 15px; color: var(--bz-fg-2); }
html[data-tema="biznis"] .trek-toc a:hover { color: var(--bz-fg); }
html[data-tema="biznis"] .trek-toc-min,
html[data-tema="biznis"] .trek-toc-progres { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 11.5px; }
html[data-tema="biznis"] .trek-toc-progres { background: transparent; color: var(--bz-akcenat); }
html[data-tema="biznis"] .trek-utekstu {
	border: 0;
	border-radius: 16px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line);
	padding: 18px 20px;
}
html[data-tema="biznis"] .trek-utekstu-nas {
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .06em;
	color: var(--bz-akcenat);
}
html[data-tema="biznis"] .trek-utekstu li { font-family: var(--bz-f-ui); font-size: 15.5px; }
/* Spisak povezanih pitanja je kratak; debelo narandžasto podvlačenje iz tela
   teksta bi ga preglasilo, pa ostaje tanka linija boje okvira. */
html[data-tema="biznis"] .trek-utekstu a {
	color: var(--bz-fg);
	border-bottom: 0;
	text-decoration-color: var(--bz-line-2);
	text-decoration-thickness: 1px;
}
html[data-tema="biznis"] .trek-utekstu a:hover { color: var(--bz-muted); text-decoration-color: var(--bz-akcenat); }

/* Oznake teksta. trek.css im je već sklonio pozadinu sa `!important`. */
html[data-tema="biznis"] .trek-tagovi { gap: 8px; margin-top: 32px; }
html[data-tema="biznis"] .trek-tag-chip {
	font-family: var(--bz-f-ui);
	font-size: 14px;
	font-weight: 500;
	padding: 8px 14px;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--bz-povrs) !important;
	box-shadow: inset 0 0 0 1px var(--bz-line);
	color: var(--bz-fg);
}
/* trek.css oznakama gasi pozadinu sa `!important`, pa i prelaz mišem mora tako. */
html[data-tema="biznis"] .trek-tag-chip:hover { background: var(--bz-akcenat) !important; color: var(--bz-akcenat-ink); box-shadow: none; }

/* Traka reakcija, pregleda i čuvanja ispod teksta. */
html[data-tema="biznis"] .trek-akcije {
	display: flex;
	align-items: center;
	gap: 22px;
	margin-top: 28px;
	padding-block: 14px;
	border-block: 1px solid var(--bz-line);
	border-color: var(--bz-line);
}
html[data-tema="biznis"] .trek-reakcija {
	border: 0;
	border-radius: 999px;
	background: transparent;
	box-shadow: inset 0 0 0 1px var(--bz-line);
	padding: 6px 12px;
	transition: box-shadow .2s, background .2s;
}
html[data-tema="biznis"] .trek-reakcija:hover { background: var(--bz-povrs); box-shadow: inset 0 0 0 1px var(--bz-line-2); }
html[data-tema="biznis"] .trek-reakcija-n { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 12.5px; color: var(--bz-muted); }
html[data-tema="biznis"] .trek-pregledi { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 12.5px; color: var(--bz-muted); }
html[data-tema="biznis"] .trek-sacuvaj {
	margin-left: auto;
	border: 0;
	border-radius: 999px;
	background: transparent;
	box-shadow: inset 0 0 0 1.5px var(--bz-fg);
	color: var(--bz-fg);
	font-family: var(--bz-f-ui);
	font-size: 13.5px;
	font-weight: 600;
	padding: 8px 16px;
}
html[data-tema="biznis"] .trek-sacuvaj:hover { background: var(--bz-fg); color: #ffffff; box-shadow: none; }

/* Deljenje i napojnica. */
html[data-tema="biznis"] .trek-deli-ic {
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 50%;
	background: transparent;
	box-shadow: inset 0 0 0 1px var(--bz-line);
	color: var(--bz-fg-2);
}
html[data-tema="biznis"] .trek-deli-ic:hover { background: var(--bz-fg); color: #ffffff; box-shadow: none; }
html[data-tema="biznis"] .trek-napojnica {
	border-radius: 20px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line);
	padding: 20px;
}
html[data-tema="biznis"] .trek-nap-iznos {
	border: 0;
	border-radius: 999px;
	background: transparent;
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 13px;
	padding: 7px 14px;
}
html[data-tema="biznis"] .trek-nap-iznos:hover { box-shadow: inset 0 0 0 1px var(--bz-fg); }
html[data-tema="biznis"] .trek-nap-dugme { border-radius: 999px; font-weight: 600; font-size: 14px; }
html[data-tema="biznis"] .trek-nap-iznos-info,
html[data-tema="biznis"] .trek-napojnica-uputstvo { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 12px; color: var(--bz-muted); }

/* Kartica autora: bela, mek radijus, tanka linija umesto pune ivice.
   trek.css je ovom bloku sa `!important` skinuo podlogu i radijus. */
html[data-tema="biznis"] .trek-autor-box {
	margin-top: 44px;
	padding: 26px !important;
	border: 0 !important;
	border-radius: 20px !important;
	background: var(--bz-povrs) !important;
	box-shadow: 0 0 0 1px var(--bz-line);
}
html[data-tema="biznis"] .trek-autor-box-head { gap: 18px; }
html[data-tema="biznis"] .trek-autor-avatar { width: 72px; height: 72px; box-shadow: none; }
html[data-tema="biznis"] .trek-autor-eyebrow {
	font-family: var(--bz-f-mono);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .trek-autor-ime {
	font-family: var(--bz-f-ui);
	font-size: 21px;
	font-weight: 600;
	letter-spacing: -.03em;
}
/* Boju imena autora na prelazu mišem šablon članka upisuje sa `!important`. */
html[data-tema="biznis"] .trek-autor-ime a:hover { color: var(--bz-muted) !important; }
html[data-tema="biznis"] .trek-autor-bio { font-size: 15.5px; color: var(--bz-fg-2); line-height: 1.55; }
/* Dugme „Prati" nosi i klasu `.btn-outline-primary`, koja boju teksta postavlja
   direktno (ne kroz Bootstrap promenljivu). Zato i ovde `color`, inače bi na
   crnoj podlozi ostao taman tekst i dugme bi izgledalo prazno. */
html[data-tema="biznis"] .trek-prati {
	border-radius: 999px;
	font-weight: 600;
	font-size: 13.5px;
	padding: 8px 16px;
	color: #ffffff;
	background: #0a0a0a;
	border-color: #0a0a0a;
	--bs-btn-color: #ffffff;
	--bs-btn-bg: #0a0a0a;
	--bs-btn-border-color: #0a0a0a;
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-bg: #1c1c1c;
	--bs-btn-hover-border-color: #1c1c1c;
}
html[data-tema="biznis"] .trek-prati:hover { color: #ffffff; background: #1c1c1c; border-color: #1c1c1c; }
html[data-tema="biznis"] .trek-prati-broj { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 12.5px; }

/* Pitaj autora. */
html[data-tema="biznis"] .trek-pitaj-box {
	border: 0;
	border-radius: 20px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line);
	padding: 24px;
}
html[data-tema="biznis"] .trek-pitaj-nas { font-family: var(--bz-f-ui); font-size: 19px; font-weight: 600; letter-spacing: -.03em; }
html[data-tema="biznis"] .trek-pitaj-opis { font-family: var(--bz-f-ui); font-size: 14.5px; color: var(--bz-muted); }

/* Komentari. */
html[data-tema="biznis"] .trek-komentari { margin-top: 48px; }
html[data-tema="biznis"] .trek-komentari .trek-h { border-bottom: 0; }
html[data-tema="biznis"] .trek-kom { padding: 18px 0; border-bottom: 1px solid var(--bz-line); border-color: var(--bz-line); gap: 12px; }
html[data-tema="biznis"] .trek-kom-av {
	width: 36px;
	height: 36px;
	background: var(--bz-fg);
	color: var(--bz-akcenat);
	font-family: var(--bz-f-ui);
	font-weight: 700;
	font-size: 14px;
}
html[data-tema="biznis"] .trek-kom strong { font-weight: 600; font-size: 14.5px; }
html[data-tema="biznis"] .trek-kom p { font-size: 15.5px; color: var(--bz-fg-2); }
html[data-tema="biznis"] .trek-kom .small { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 12px; }
html[data-tema="biznis"] .trek-kom-lajk-n { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; }
html[data-tema="biznis"] .trek-kom-forma {
	background: var(--bz-povrs) !important;
	border: 0 !important;
	border-radius: 18px !important;
	box-shadow: inset 0 0 0 1px var(--bz-line);
	padding: 18px;
}
html[data-tema="biznis"] .trek-kom-odgovor { border-left: 2px solid var(--bz-line); }

/* Slični tekstovi: vodoravni niz kartica. */
html[data-tema="biznis"] .trek-slicni { margin-top: 52px; }
html[data-tema="biznis"] .trek-slicni .trek-h { margin-bottom: 18px; }
html[data-tema="biznis"] .trek-slicni-card .card-img-top { height: 168px; }
html[data-tema="biznis"] .trek-carousel { gap: 20px; }

/* Sledeći tekst i beskonačni skrol. */
html[data-tema="biznis"] .trek-sledeci-divider span {
	background: var(--bz-bg);
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .06em;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .trek-sledeci-divider::before { background: var(--bz-line); }
html[data-tema="biznis"] .trek-progress { height: 2px; background: var(--bz-akcenat); }

/* Alati za čitanje: samo uklapanje u boje teme, ponašanje ostaje isto. */
html[data-tema="biznis"] .trek-calat {
	background: var(--bz-povrs);
	border: 0;
	border-radius: 999px;
	box-shadow: 0 0 0 1px var(--bz-line), 0 10px 30px -18px rgba(24, 24, 24, .4);
}
html[data-tema="biznis"] .trek-calat-b { color: var(--bz-fg); font-family: var(--bz-f-ui); font-weight: 600; }
html[data-tema="biznis"] .trek-calat-b:hover { background: var(--bz-bg-2); }
html[data-tema="biznis"] .trek-calat-ost { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 10px; color: var(--bz-muted); }
html[data-tema="biznis"] .trek-calat-panel {
	background: var(--bz-povrs);
	border: 0;
	border-radius: 18px;
	box-shadow: 0 0 0 1px var(--bz-line), 0 24px 60px -20px rgba(0, 0, 0, .35);
}
html[data-tema="biznis"] .trek-calat-nas {
	font-family: var(--bz-f-ui);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .09em;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .trek-calat-cipovi button,
html[data-tema="biznis"] .trek-calat-velicina button {
	border: 0;
	border-radius: 999px;
	background: transparent;
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	color: var(--bz-fg-2);
	font-family: var(--bz-f-ui);
	font-weight: 500;
}
html[data-tema="biznis"] .trek-calat-velicina button { border-radius: 12px; font-weight: 600; }
html[data-tema="biznis"] .trek-calat-cipovi button.je-izabran {
	background: var(--bz-fg);
	color: #ffffff;
	box-shadow: none;
}
html[data-tema="biznis"] .trek-calat-nivo,
html[data-tema="biznis"] .trek-calat-nota { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 11.5px; color: var(--bz-muted); }

/* Sepija iz alata za čitanje menja Bootstrap promenljive; tema radi na svojim,
   pa se isti izbor prevodi na tokene teme. Prekidač i pamćenje se ne diraju. */
html[data-tema="biznis"] body[data-citanje="sepija"] { background: #f6efe1; }
html[data-tema="biznis"] body[data-citanje="sepija"] .trek-prose,
html[data-tema="biznis"] body[data-citanje="sepija"] .trek-clanak-kolona { --bz-povrs: #fdf8ee; }

/* Režim bez ometanja: traka alata ostaje, ostalo se skloni (skripta radi svoje). */
html[data-tema="biznis"] body.trek-fokus .trek-clanak-kolona > .nav.nav-divider { border-block-color: transparent; }

/* Uspravni oglas uz članak: kolona teksta je uža, pa ima mesta ranije. */
@media (min-width: 1400px) {
	html[data-tema="biznis"] .trek-clanak-sidebar { top: 140px; right: max(16px, calc((100vw - 1240px) / 2 - 320px)); }
}


/* ══ 10. RUBRIKA ══════════════════════════════════════════════════════════ */
/* Glava rubrike: bez gradijenta, krupno ime, brojke jednoprostorno.
   trek.css podlogu, ivice i razmak drži sa `!important`, pa i ovde mora. */
html[data-tema="biznis"] .trek-rubrika-hero {
	--rc: var(--bz-akcenat) !important;
	background: var(--bz-bg) !important;
	border-top: 0 !important;
	border-bottom: 1px solid var(--bz-line) !important;
	padding: 44px 0 30px !important;
}
html[data-tema="biznis"] .trek-rubrika-hero h1 {
	font-family: var(--bz-f-ui);
	font-size: clamp(44px, 6vw, 84px);
	line-height: .95;
	font-weight: 600;
	letter-spacing: -.06em;
	color: var(--bz-fg) !important;
}
html[data-tema="biznis"] .trek-rubrika-hero .text-white-50 {
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 13px;
	letter-spacing: -.02em;
	color: var(--bz-muted) !important;
}
html[data-tema="biznis"] .trek-rubrika-ikona {
	width: 52px;
	height: 52px;
	font-size: 22px;
	border: 0 !important;
	border-radius: 14px !important;
	background: var(--bz-povrs) !important;
	box-shadow: inset 0 0 0 1px var(--bz-line);
	color: var(--bz-fg) !important;
}
html[data-tema="biznis"] .trek-prati-rubriku {
	border-radius: 999px;
	font-weight: 600;
	font-size: 14px;
	padding: 9px 18px;
}

/* Potkategorije: tabovi sa tankom crtom, ne šarene pilule. */
html[data-tema="biznis"] .trek-potk-traka {
	--rc: var(--bz-akcenat) !important;
	background: var(--bz-bg);
	border-bottom: 1px solid var(--bz-line);
	top: 0;
}
html[data-tema="biznis"] .trek-potk-scroll { gap: 26px; padding: 0; }
html[data-tema="biznis"] .trek-potk-chip {
	position: relative;
	border: 0;
	border-radius: 0;
	background: transparent;
	padding: 14px 0;
	font-family: var(--bz-f-ui);
	font-size: 15px;
	font-weight: 500;
	color: var(--bz-muted);
	transition: color .2s;
}
html[data-tema="biznis"] .trek-potk-chip:hover { color: var(--bz-fg); border-color: transparent; background: transparent; }
html[data-tema="biznis"] .trek-potk-chip.is-active {
	background: transparent;
	border-color: transparent;
	color: var(--bz-fg);
	font-weight: 600;
}
html[data-tema="biznis"] .trek-potk-chip.is-active::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	border-radius: 2px;
	background: var(--bz-fg);
}
html[data-tema="biznis"] .trek-potk-broj {
	background: transparent;
	color: var(--bz-muted);
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 11.5px;
	font-weight: 500;
	padding: 0;
}
html[data-tema="biznis"] .trek-potk-chip.is-active .trek-potk-broj { background: transparent; color: var(--bz-muted); }

/* Mini naslovna rubrike (tiker, top lista, uredničke kartice). */
html[data-tema="biznis"] .trek-rn { --rc: var(--bz-akcenat); }
html[data-tema="biznis"] .trek-rnt { border-block: 1px solid var(--bz-line); }
html[data-tema="biznis"] .trek-rnt-oznaka {
	background: var(--bz-fg);
	color: #ffffff;
	font-family: var(--bz-f-ui);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .08em;
}
html[data-tema="biznis"] .trek-rnt-tacka { background: var(--bz-akcenat); }
html[data-tema="biznis"] .trek-rnt-stavka { font-family: var(--bz-f-ui); font-size: 14px; font-weight: 500; }
html[data-tema="biznis"] .trek-rnt-stavka:hover { color: var(--bz-muted); }
html[data-tema="biznis"] .trek-rnt-vreme { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 11.5px; color: var(--bz-muted); }
html[data-tema="biznis"] .trek-topl-broj {
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 19px;
	font-weight: 500;
	letter-spacing: -.04em;
	color: #a3a3a8;
}
html[data-tema="biznis"] .trek-topl-red:first-child .trek-topl-broj { color: var(--bz-akcenat); }
html[data-tema="biznis"] .trek-topl-red { border-bottom: 1px solid var(--bz-line); }
html[data-tema="biznis"] .trek-topl-nas { font-family: var(--bz-f-ui); font-size: 15.5px; font-weight: 600; letter-spacing: -.02em; }
html[data-tema="biznis"] .trek-topl-red:hover .trek-topl-nas { color: var(--bz-muted); }
html[data-tema="biznis"] .trek-topl-sl { border-radius: 8px; }
html[data-tema="biznis"] .trek-ed-tt,
html[data-tema="biznis"] .trek-rail-tt {
	font-family: var(--bz-f-ui);
	font-weight: 600;
	letter-spacing: -.025em;
	line-height: 1.24;
}
html[data-tema="biznis"] .trek-rail-item:hover .trek-rail-tt,
html[data-tema="biznis"] .trek-kar-kart:hover .trek-ed-tt { color: var(--bz-muted); }
html[data-tema="biznis"] .trek-rail-item { border-bottom: 1px solid var(--bz-line); }
/* trek-blokovi.css ovaj link boji akcentom sa `!important`. */
html[data-tema="biznis"] .trek-rail-vise { color: var(--bz-fg) !important; font-family: var(--bz-f-ui); font-weight: 600; }
html[data-tema="biznis"] .trek-meta,
html[data-tema="biznis"] .trek-spot-opis { font-family: var(--bz-f-ui); color: var(--bz-muted); }

/* Arhiva rubrike: vodeći tekst, pa numerisana lista. */
/* `--rc` je boja rubrike iz `style` atributa; tema ima jedan akcenat. */
html[data-tema="biznis"] .trek-rubrika-body { --rc: var(--bz-akcenat) !important; }
html[data-tema="biznis"] .trek-tx-lead {
	gap: 36px;
	padding-bottom: 28px;
	margin-bottom: 8px;
	border-bottom: 1px solid var(--bz-line);
	align-items: center;
}
html[data-tema="biznis"] .trek-tx-lead-nas {
	font-family: var(--bz-f-ui);
	font-size: clamp(26px, 2.6vw, 38px);
	line-height: 1.07;
	font-weight: 600;
	letter-spacing: -.045em;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .trek-tx-lead:hover .trek-tx-lead-nas { color: var(--bz-muted); }
html[data-tema="biznis"] .trek-tx-lead p { font-size: 17px; line-height: 1.5; color: var(--bz-muted); }
html[data-tema="biznis"] .trek-tx-lead-slika { width: 240px; flex-basis: 240px; height: 160px; border-radius: 12px; }
html[data-tema="biznis"] .trek-tx-item {
	align-items: center;
	gap: 18px;
	padding: 22px 0;
	border-bottom: 1px solid var(--bz-line);
}
/* Redni broj u arhivi rubrike nosi boju rubrike u `style` atributu. */
html[data-tema="biznis"] .trek-tx-broj {
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -.03em;
	color: var(--bz-muted) !important;
	opacity: 1;
	min-width: 26px;
}
html[data-tema="biznis"] .trek-tx-nas {
	font-family: var(--bz-f-ui);
	font-size: 20px;
	line-height: 1.24;
	font-weight: 600;
	letter-spacing: -.03em;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .trek-tx-nas:hover { color: var(--bz-muted); }
html[data-tema="biznis"] .trek-tx-body .small { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 12px; color: var(--bz-muted); }

/* Prijava na rubriku mejlom: crna kartica. */
/* Isto: boja rubrike stiže inline, pa se gazi sa `!important`. */
html[data-tema="biznis"] .trek-news-rubrika { --rc: var(--bz-akcenat) !important; }
html[data-tema="biznis"] .trek-nr-kutija {
	background: var(--bz-crna);
	border: 0;
	border-radius: 22px;
	padding: 28px;
	color: var(--bz-na-crnom);
}
html[data-tema="biznis"] .trek-nr-naslov {
	font-family: var(--bz-f-ui);
	font-size: clamp(22px, 2.2vw, 28px);
	font-weight: 600;
	letter-spacing: -.04em;
	color: #ffffff;
}
html[data-tema="biznis"] .trek-nr-kutija .text-body-secondary { color: var(--bz-na-crnom-tiho); }
html[data-tema="biznis"] .trek-nr-forma { background: #ffffff; border-radius: 999px; padding: 5px; gap: 6px; }
html[data-tema="biznis"] .trek-nr-forma .form-control { background: transparent; box-shadow: none; }
html[data-tema="biznis"] .trek-nr-forma .form-control:focus { box-shadow: none; }
html[data-tema="biznis"] .trek-nr-btn {
	background: var(--bz-akcenat);
	color: var(--bz-akcenat-ink);
	border: 0;
	border-radius: 999px;
	font-weight: 600;
}

/* Druge rubrike: pilule bez boje rubrike. */
html[data-tema="biznis"] .trek-druge-rubrike { padding-bottom: 20px; }
/* `--c` je boja rubrike iz `style` atributa. */
html[data-tema="biznis"] .trek-dr-chip {
	--c: var(--bz-fg) !important;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--bz-f-ui);
	font-size: 14px;
	font-weight: 500;
	padding: 9px 15px;
	border: 0;
	border-radius: 999px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line);
	color: var(--bz-fg);
}
html[data-tema="biznis"] .trek-dr-chip:hover { background: var(--bz-akcenat); color: var(--bz-akcenat-ink); box-shadow: none; }
html[data-tema="biznis"] .trek-dr-chip i { color: var(--bz-muted); }
html[data-tema="biznis"] .trek-dr-chip:hover i { color: var(--bz-akcenat-ink); }


/* ══ 11. AUTOR: profil i spisak autora ════════════════════════════════════ */
html[data-tema="biznis"] .trek-pisac-avatar {
	width: 112px;
	height: 112px;
	box-shadow: 0 0 0 4px var(--bz-bg), 0 0 0 5px var(--bz-line);
}
html[data-tema="biznis"] .trek-pisac-avatar-ph { background: var(--bz-fg); color: var(--bz-akcenat); }
html[data-tema="biznis"] .trek-autor-stat {
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 12.5px;
	letter-spacing: -.01em;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .trek-autor-stat strong { font-weight: 500; color: var(--bz-fg); }

/* Tabovi rubrika autora: bele pilule, izabrana crna. */
html[data-tema="biznis"] .trek-pisac-tabovi { gap: 8px; }
/* `--rc` je boja rubrike iz `style` atributa. */
html[data-tema="biznis"] .trek-pt-tab {
	--rc: var(--bz-fg) !important;
	font-family: var(--bz-f-ui);
	font-size: 13.5px;
	font-weight: 500;
	padding: 8px 15px;
	border: 0;
	border-radius: 999px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line);
	color: var(--bz-fg-2);
}
html[data-tema="biznis"] .trek-pt-tab:hover { color: var(--bz-fg); box-shadow: inset 0 0 0 1px var(--bz-line-2); }
html[data-tema="biznis"] .trek-pt-tab.is-active { background: var(--bz-fg); color: #ffffff; box-shadow: none; }
html[data-tema="biznis"] .trek-pt-broj { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 11.5px; font-weight: 500; color: var(--bz-muted); }
html[data-tema="biznis"] .trek-pt-tab.is-active .trek-pt-broj { color: rgba(255, 255, 255, .7); }

/* Naslov spiska tekstova. */
html[data-tema="biznis"] .trek-pisac-tabovi + .row,
html[data-tema="biznis"] main h2.border-bottom {
	border-bottom-color: var(--bz-line);
}
html[data-tema="biznis"] main h2.h5.border-bottom {
	font-family: var(--bz-f-ui);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--bz-muted);
}

/* Spisak autora (/autori). */
html[data-tema="biznis"] .trek-autori-grid { gap: 14px; }
html[data-tema="biznis"] .trek-autor-kart {
	gap: 14px;
	padding: 16px;
	border: 0;
	border-radius: 18px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line);
	transition: box-shadow .2s;
}
html[data-tema="biznis"] .trek-autor-kart:hover {
	border-color: transparent;
	transform: none;
	box-shadow: inset 0 0 0 1px var(--bz-fg);
}
html[data-tema="biznis"] .trek-autor-av { width: 52px; height: 52px; box-shadow: 0 0 0 1px var(--bz-line); }
html[data-tema="biznis"] .trek-autor-av-ph { background: var(--bz-fg); color: var(--bz-akcenat); }
html[data-tema="biznis"] .trek-autor-kart .trek-autor-ime { font-size: 17px; font-weight: 600; letter-spacing: -.02em; }
html[data-tema="biznis"] .trek-autor-broj { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 12px; font-weight: 500; color: var(--bz-muted); }


/* ══ 12. PRETRAGA ═════════════════════════════════════════════════════════ */
html[data-tema="biznis"] main form[action="/search-result"] { margin-bottom: 26px; }
html[data-tema="biznis"] main form[action="/search-result"] .input-group-lg { height: 62px; padding: 8px 10px 8px 16px; }
html[data-tema="biznis"] main form[action="/search-result"] .btn-primary {
	--bs-btn-bg: #0a0a0a;
	--bs-btn-border-color: #0a0a0a;
	width: 46px;
	padding: 0;
}
html[data-tema="biznis"] main form[action="/search-result"] .form-select-sm {
	background-color: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	border: 0;
}
html[data-tema="biznis"] main form[action="/search-result"] .btn-outline-primary {
	border: 1px solid var(--bz-fg);
	color: var(--bz-fg);
	background: transparent;
	font-weight: 600;
}
html[data-tema="biznis"] main form[action="/search-result"] .btn-outline-primary:hover { background: var(--bz-fg); border-color: var(--bz-fg); color: #ffffff; }

/* Naslov rezultata: pojam u serifnom kurzivu, narandžasto. */
html[data-tema="biznis"] main form[action="/search-result"] + h1 {
	font-family: var(--bz-f-ui);
	font-size: clamp(26px, 3vw, 38px);
	line-height: 1.08;
	font-weight: 600;
	letter-spacing: -.045em;
}
html[data-tema="biznis"] main form[action="/search-result"] + h1 .text-primary {
	font-family: var(--bz-f-serif);
	font-style: italic;
	font-weight: 400;
	color: var(--bz-akcenat);
}

/* Grupe rezultata (epizode podkasta, tekstovi). */
html[data-tema="biznis"] .trek-pr-grupa { margin-bottom: 34px; }
/* Bootstrap utility `.border-bottom` sama nosi `!important`. */
html[data-tema="biznis"] .trek-pr-grupa li.border-bottom { border-color: var(--bz-line) !important; padding-block: 12px; }
html[data-tema="biznis"] .trek-pr-grupa .fw-semibold { font-family: var(--bz-f-ui); font-size: 16px; font-weight: 600; letter-spacing: -.02em; }
html[data-tema="biznis"] .trek-pr-grupa .small { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 12px; color: var(--bz-muted); }
html[data-tema="biznis"] .trek-pr-grupa li:hover .fw-semibold { color: var(--bz-muted); }

/* Predlozi u praznom rezultatu. */
html[data-tema="biznis"] .trek-tema-cip {
	font-family: var(--bz-f-ui);
	font-size: 14px;
	font-weight: 500;
	padding: 8px 14px;
	border: 0;
	border-radius: 999px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line);
	color: var(--bz-fg);
}
html[data-tema="biznis"] .trek-tema-cip:hover { background: var(--bz-akcenat); color: var(--bz-akcenat-ink); box-shadow: none; }
html[data-tema="biznis"] .trek-tema-cip > span { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 11.5px; font-weight: 500; color: var(--bz-muted); }
html[data-tema="biznis"] .trek-tema-cip:hover > span { color: var(--bz-akcenat-ink); }


/* ══ 13. PRIJAVA I REGISTRACIJA ═══════════════════════════════════════════ */
/* Obe strane imaju isti okvir: centriran uzan stubac sa karticom. */
html[data-tema="biznis"] .col-md-7.col-lg-5 > .card {
	background: var(--bz-povrs);
	border: 0;
	border-radius: 24px;
	box-shadow: 0 0 0 1px var(--bz-line), 0 30px 70px -40px rgba(24, 24, 24, .5);
}
html[data-tema="biznis"] .col-md-7.col-lg-5 > .card h1 {
	font-family: var(--bz-f-ui);
	font-size: clamp(28px, 3vw, 36px);
	line-height: 1.05;
	font-weight: 600;
	letter-spacing: -.05em;
}
html[data-tema="biznis"] .col-md-7.col-lg-5 > .card h1 .bz-kurziv,
html[data-tema="biznis"] .col-md-7.col-lg-5 > .card h1 em { color: #8d8d93; }
html[data-tema="biznis"] .col-md-7.col-lg-5 > .card .btn.w-100 {
	height: 52px;
	font-size: 16px;
	border-radius: 999px;
}
/* Glavno dugme ulaza je jedino mesto gde je dugme narandžasto: to je poziv na
   radnju zbog kojeg se strana i otvara. Ostatak teme drži crna dugmad. */
/* Deo 1 `.btn-primary` boji direktno (`background`), pa i ovde mora direktno:
   same promenljive `--bs-btn-*` ne bi stigle do izraza koji je već pregažen. */
html[data-tema="biznis"] .col-md-7.col-lg-5 > .card .btn-primary.w-100,
html[data-tema="biznis"] .col-md-7.col-lg-5 > .card .btn-primary.w-100:hover,
html[data-tema="biznis"] .col-md-7.col-lg-5 > .card .btn-primary.w-100:focus {
	background: var(--bz-akcenat);
	border-color: var(--bz-akcenat);
	color: var(--bz-akcenat-ink);
	--bs-btn-bg: var(--bz-akcenat);
	--bs-btn-border-color: var(--bz-akcenat);
	--bs-btn-color: var(--bz-akcenat-ink);
	box-shadow: 0 0 26px -8px rgba(255, 95, 31, .55);
	transition: transform .2s var(--bz-ease);
}
html[data-tema="biznis"] .col-md-7.col-lg-5 > .card .btn-primary.w-100:hover { transform: translateY(-1px); }
html[data-tema="biznis"] .col-md-7.col-lg-5 > .card .text-center.small,
html[data-tema="biznis"] .col-md-7.col-lg-5 > .card .small { font-size: 14px; color: var(--bz-muted); }
html[data-tema="biznis"] .col-md-7.col-lg-5 > .card a {
	color: var(--bz-fg);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: var(--bz-akcenat);
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}
html[data-tema="biznis"] .col-md-7.col-lg-5 > .card a.text-body-secondary {
	font-weight: 400;
	color: var(--bz-muted);
	text-decoration-color: var(--bz-line-2);
	text-decoration-thickness: 1px;
}

/* Prekidač „Čitalac / Kreator". */
html[data-tema="biznis"] .trek-ulaz-tabovi { background: var(--bz-bg-2); border-radius: 999px; padding: 4px; gap: 4px; }
html[data-tema="biznis"] .trek-ulaz-tab {
	font-family: var(--bz-f-ui);
	font-size: 14px;
	font-weight: 600;
	color: var(--bz-muted);
	border-radius: 999px;
	padding: 10px 12px;
}
html[data-tema="biznis"] .trek-ulaz-tab:hover { color: var(--bz-fg); }
html[data-tema="biznis"] .trek-ulaz-tab.is-active {
	background: var(--bz-povrs);
	color: var(--bz-fg);
	box-shadow: 0 1px 3px rgba(24, 24, 24, .12);
}
html[data-tema="biznis"] .trek-ulaz-ili { font-size: 13px; color: var(--bz-muted); }
html[data-tema="biznis"] .trek-ulaz-ili::before,
html[data-tema="biznis"] .trek-ulaz-ili::after { background: var(--bz-line-2); }


/* ══ 14. SAČUVANO, KOLEKCIJE, PODKASTI, TEME ══════════════════════════════ */
/* Sačuvano: naslov strane i prazno stanje. */
html[data-tema="biznis"] main h1.h3 {
	font-family: var(--bz-f-ui);
	font-size: clamp(28px, 3vw, 40px);
	line-height: 1.05;
	font-weight: 600;
	letter-spacing: -.05em;
}
html[data-tema="biznis"] main h1.h3 i { color: var(--bz-akcenat); }

/* Kolekcije. trek.css im je skinuo radijus i dao ink podlogu. */
html[data-tema="biznis"] .trek-kolekcija-kart {
	border: 0;
	border-top: 0;
	border-radius: 18px;
	overflow: hidden;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line);
	transition: box-shadow .2s;
}
html[data-tema="biznis"] .trek-kolekcija-kart:hover { transform: none; box-shadow: inset 0 0 0 1px var(--bz-fg); }
html[data-tema="biznis"] .trek-kolekcija-kart:hover h5 { color: var(--bz-muted); }
html[data-tema="biznis"] .trek-kolekcija-cover { background-color: var(--bz-crna); border-radius: 0; height: 160px; }
html[data-tema="biznis"] .trek-kolekcija-broj {
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 11.5px;
	font-weight: 500;
	background: rgba(3, 2, 11, .72);
	border-radius: 999px;
}
html[data-tema="biznis"] .trek-kolekcija-telo { padding: 16px 18px 18px; }
html[data-tema="biznis"] .trek-kolekcija-telo h5 { font-size: 17.5px; font-weight: 600; letter-spacing: -.025em; }
/* trek.css ovom zaglavlju upisuje podlogu sa `!important`. */
html[data-tema="biznis"] .trek-kolekcija-hero { background: var(--bz-crna) !important; }

/* Podkasti: ljubičasta zamenjena jedinim akcentom teme. */
html[data-tema="biznis"] .trek-pk { --pk: var(--bz-akcenat); }
/* Podkast zaglavlje ima blagi preliv u boji podkasta; tema nosi jednu podlogu. */
html[data-tema="biznis"] .trek-pk-hero {
	padding-block: 40px 8px;
	background: none;
	border-bottom: 1px solid var(--bz-line);
}
html[data-tema="biznis"] .trek-pk-oznaka {
	font-family: var(--bz-f-mono);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--bz-akcenat);
}
html[data-tema="biznis"] .trek-pk-h1 {
	font-family: var(--bz-f-ui);
	font-size: clamp(38px, 5vw, 68px);
	line-height: .98;
	font-weight: 600;
	letter-spacing: -.055em;
}
html[data-tema="biznis"] .trek-pk-uvod { font-size: 17px; line-height: 1.5; color: var(--bz-fg-2); opacity: 1; }
html[data-tema="biznis"] .trek-pk-teme { gap: 8px; }
html[data-tema="biznis"] .trek-pk-tema-cip {
	font-family: var(--bz-f-ui);
	font-size: 13.5px;
	font-weight: 500;
	padding: 8px 14px;
	border: 0;
	border-radius: 999px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line);
	color: var(--bz-fg-2);
}
html[data-tema="biznis"] .trek-pk-tema-cip:hover { color: var(--bz-fg); box-shadow: inset 0 0 0 1px var(--bz-line-2); }
html[data-tema="biznis"] .trek-pk-tema-cip.je-aktivan { background: var(--bz-fg); color: #ffffff; box-shadow: none; }
html[data-tema="biznis"] .trek-pk-tema-cip b { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 11.5px; font-weight: 500; color: var(--bz-muted); margin-left: 6px; }
html[data-tema="biznis"] .trek-pk-tema-cip.je-aktivan b { color: rgba(255, 255, 255, .7); }
html[data-tema="biznis"] .trek-pk-pretraga input {
	width: 100%;
	height: 46px;
	border: 0;
	border-radius: 999px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	padding-left: 42px;
	font-family: var(--bz-f-ui);
	font-size: 15px;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .trek-pk-pretraga input:focus { outline: 0; box-shadow: 0 0 0 2px var(--bz-akcenat); }
html[data-tema="biznis"] .trek-pk-ep-kart {
	border: 0;
	border-radius: 16px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line);
	transition: box-shadow .2s;
}
html[data-tema="biznis"] .trek-pk-ep-kart:hover { transform: none; border-color: transparent; box-shadow: inset 0 0 0 1px var(--bz-fg); }
html[data-tema="biznis"] .trek-pk-ep-emisija {
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 10.5px;
	font-weight: 500;
	letter-spacing: .06em;
	color: var(--bz-akcenat);
}
html[data-tema="biznis"] .trek-pk-ep-naslov { font-family: var(--bz-f-ui); font-size: 15.5px; font-weight: 600; letter-spacing: -.02em; }
html[data-tema="biznis"] .trek-pk-ep-meta { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 11.5px; color: var(--bz-muted); opacity: 1; }
html[data-tema="biznis"] .trek-pk-omot { border-radius: 14px; box-shadow: 0 0 0 1px var(--bz-line); }
html[data-tema="biznis"] .trek-pk-vcip.je-izabran { background: var(--bz-fg); border-color: var(--bz-fg); color: #ffffff; }
html[data-tema="biznis"] .trek-pk-vcip span { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 11px; color: var(--bz-muted); }
html[data-tema="biznis"] .trek-pk-naziv { font-family: var(--bz-f-ui); font-size: 16px; font-weight: 600; letter-spacing: -.025em; }
html[data-tema="biznis"] .trek-pk-broj,
html[data-tema="biznis"] .trek-pk-broj-uk { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 11.5px; font-weight: 500; color: var(--bz-muted); }
html[data-tema="biznis"] .trek-pk-vcip {
	font-family: var(--bz-f-ui);
	font-size: 13px;
	font-weight: 500;
	border-radius: 999px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line);
	color: var(--bz-fg-2);
}
html[data-tema="biznis"] .trek-pk-host-mali { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 11.5px; color: var(--bz-muted); }

/* Teme (/tagovi): oblak i pretraga tema. */
html[data-tema="biznis"] .trek-tag-trazi input {
	border: 0;
	border-radius: 999px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	font-family: var(--bz-f-ui);
	padding-block: 11px;
}
html[data-tema="biznis"] .trek-tag-trazi input:focus { border-color: transparent; box-shadow: 0 0 0 2px var(--bz-akcenat); }
html[data-tema="biznis"] .trek-tag-trazi button {
	background: #0a0a0a;
	color: #ffffff;
	border-radius: 999px;
	font-family: var(--bz-f-ui);
	font-weight: 600;
	padding: 11px 20px;
}
html[data-tema="biznis"] .trek-tag-cloud { gap: 8px; }
html[data-tema="biznis"] .trek-tag-cloud-item {
	font-family: var(--bz-f-ui);
	font-weight: 500;
	padding: 8px 14px;
	border: 0;
	border-radius: 999px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line);
	color: var(--bz-fg);
}
html[data-tema="biznis"] .trek-tag-cloud-item:hover { background: var(--bz-akcenat); border-color: transparent; color: var(--bz-akcenat-ink); box-shadow: none; }
html[data-tema="biznis"] .trek-tag-cloud-broj {
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 11.5px;
	font-weight: 500;
	background: transparent;
	color: var(--bz-muted);
	padding: 0;
}
html[data-tema="biznis"] .trek-tag-cloud-item:hover .trek-tag-cloud-broj { background: transparent; color: var(--bz-akcenat-ink); }


/* ══ 14b. Rubrika na telefonu (mobilni blokovi .trek-m i .trek-rnm) ═══════ */
/* Ispod 992 px rubrika ne prikazuje desktop blokove nego mobilne. Oni boju
   rubrike primaju kroz `--cc` upisan u `style` atribut, pa `!important` gazi
   inline vrednost i vraća jedini akcenat teme. */
html[data-tema="biznis"] .trek-m,
html[data-tema="biznis"] .trek-rnm {
	--cc: var(--bz-akcenat) !important;
	--cc-tekst: var(--bz-akcenat-ink) !important;
	--m-soft: var(--bz-bg-2) !important;
}
html[data-tema="biznis"] .trek-m-sec-title,
html[data-tema="biznis"] .trek-m-csec-title {
	font-family: var(--bz-f-ui);
	font-weight: 600;
	font-size: 12px;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .trek-m-csec-title::before { border-radius: 2px; }
html[data-tema="biznis"] .trek-m-csec-vidi { font-family: var(--bz-f-ui); font-size: 12.5px; font-weight: 500; color: var(--bz-muted); }
html[data-tema="biznis"] .trek-m-live-dot { background: var(--bz-akcenat); }
html[data-tema="biznis"] .trek-m-hero { border-radius: 18px; box-shadow: none; }
html[data-tema="biznis"] .trek-m-hero-title {
	font-family: var(--bz-f-ui);
	font-weight: 600;
	font-size: 22px;
	line-height: 1.12;
	letter-spacing: -.035em;
}
html[data-tema="biznis"] .trek-m-hero-meta { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 11.5px; }
html[data-tema="biznis"] .trek-rnm-tik { font-family: var(--bz-f-ui); font-weight: 500; font-size: 13.5px; }
html[data-tema="biznis"] .trek-rnm-tik-d { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-weight: 500; }
html[data-tema="biznis"] .trek-rnm-top li { border-bottom: 1px solid var(--bz-line); }
html[data-tema="biznis"] .trek-rnm-top-n {
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -.04em;
	color: var(--bz-muted);
	-webkit-text-stroke: 0;
}
html[data-tema="biznis"] .trek-rnm-top li:nth-child(-n+3) .trek-rnm-top-n { color: var(--bz-akcenat); }
html[data-tema="biznis"] .trek-rnm-top-t,
html[data-tema="biznis"] .trek-rnm-st-tt,
html[data-tema="biznis"] .trek-rnm-foto-tt {
	font-family: var(--bz-f-ui);
	font-weight: 600;
	font-size: 15.5px;
	line-height: 1.24;
	letter-spacing: -.025em;
}
html[data-tema="biznis"] .trek-rnm-top-m,
html[data-tema="biznis"] .trek-rnm-st-m { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 11.5px; color: var(--bz-muted); }
html[data-tema="biznis"] .trek-rnm-st { border-bottom: 1px solid var(--bz-line); }
html[data-tema="biznis"] .trek-rnm-st-sl { border-radius: 10px; }
html[data-tema="biznis"] .trek-rnm-foto { border-radius: 14px; }
html[data-tema="biznis"] .trek-rnm-autor-ime { font-family: var(--bz-f-ui); font-weight: 600; font-size: 12.5px; }
html[data-tema="biznis"] .trek-rnm-autor-br { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 11px; color: var(--bz-muted); }
html[data-tema="biznis"] .trek-m-story-title { font-family: var(--bz-f-ui); font-weight: 600; letter-spacing: -.02em; }
html[data-tema="biznis"] .trek-m-chip { font-family: var(--bz-f-ui); font-weight: 500; color: var(--bz-fg); }
html[data-tema="biznis"] .trek-m-chip.is-active { background: var(--bz-fg); color: #ffffff; }
html[data-tema="biznis"] .trek-m-date,
html[data-tema="biznis"] .trek-m-sec-sub { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 11.5px; color: var(--bz-muted); }


/* ══ 15. Tablet ═══════════════════════════════════════════════════════════ */
@media (max-width: 1180px) {
	html[data-tema="biznis"] .trek-clanak-kolona > picture { margin-inline: 0; }
}

@media (max-width: 991.98px) {
	html[data-tema="biznis"] .trek-clanak-stranica > section { padding-block: 24px 0; }
	html[data-tema="biznis"] .trek-rubrika-hero { padding: 26px 0 20px !important; }
	html[data-tema="biznis"] .trek-rubrika-hero h1 { font-size: 44px; }
}


/* ══ 16. Telefon ══════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
	html[data-tema="biznis"] .trek-clanak-naslov { font-size: 33px; letter-spacing: -.045em; }
	html[data-tema="biznis"] .trek-lead { font-size: 18px; }
	html[data-tema="biznis"] .trek-odgovor-tekst { font-size: 17px; }
	html[data-tema="biznis"] .trek-prose { font-size: 18.5px; }
	html[data-tema="biznis"] .trek-prose h2 { font-size: 24px; }
	html[data-tema="biznis"] .trek-prose h3 { font-size: 19px; }
	html[data-tema="biznis"] .trek-prose blockquote,
	html[data-tema="biznis"] .trek-prose .trek-citat { font-size: 1.3em; }
	/* Naslovna slika ide preko cele širine ekrana, bez radijusa. */
	html[data-tema="biznis"] .trek-clanak-kolona > picture { margin: 24px calc(-1 * clamp(16px, 4vw, 32px)) 0; }
	html[data-tema="biznis"] .trek-clanak-cover { border-radius: 0 !important; }
	html[data-tema="biznis"] .trek-autor-box { padding: 18px !important; }
	html[data-tema="biznis"] .trek-autor-avatar { width: 56px; height: 56px; }
	html[data-tema="biznis"] .trek-rubrika-hero h1 { font-size: 38px; }
	html[data-tema="biznis"] .trek-tx-lead-nas { font-size: 24px; }
	html[data-tema="biznis"] .trek-tx-nas { font-size: 18px; }
	html[data-tema="biznis"] .trek-tx-lead-slika { width: 100%; flex-basis: auto; height: 200px; }
	html[data-tema="biznis"] .trek-pk-h1 { font-size: 36px; }
	html[data-tema="biznis"] .trek-nr-kutija { padding: 20px; border-radius: 18px; }
	html[data-tema="biznis"] .col-md-7.col-lg-5 > .card { border-radius: 20px; }
	html[data-tema="biznis"] .trek-strane { margin-top: 32px; }
}

/* ── Zajednički futer u duhu teme ───────────────────────────────────────────
   Strane koje nemaju svoj šablon po temi (članak, rubrika, autor) i dalje crtaju
   `templates/partials/footer.html.twig`, koji nosi Bootstrap `bg-dark`. Bez ovoga
   je futer tamnosiv usred svetle strane i deluje kao tuđ blok. */
html[data-tema="biznis"] footer.bg-dark,
html[data-tema="biznis"] footer .bg-dark { background: var(--bz-crna) !important; }
html[data-tema="biznis"] footer.bg-dark a,
html[data-tema="biznis"] footer.bg-dark .nav-link { color: rgba(255,255,255,.72) !important; }
html[data-tema="biznis"] footer.bg-dark a:hover,
html[data-tema="biznis"] footer.bg-dark .nav-link:hover { color: #fff !important; }
html[data-tema="biznis"] footer.bg-dark h5,
html[data-tema="biznis"] footer.bg-dark h6 { font-family: var(--bz-f-ui); font-weight: 600; letter-spacing: -.02em; color: #fff; }
html[data-tema="biznis"] footer .trek-gs-potpis .gs-go { color: #9a9aff; }
html[data-tema="biznis"] footer .trek-gs-potpis .gs-simple { color: var(--bz-akcenat); }

/* Tamni režim je opisan jednom, u delu 1 („Tamni režim"). Ovde je ranije stajala
   druga brana koja je vraćala svetlu podlogu i gazila i izbor „Sepija". */

/* ── Line uživo u desnoj koloni ─────────────────────────────────────────────
   Kratke objave autora. Puls uz naslov govori da se sadržaj menja tokom dana. */
html[data-tema="biznis"] .bz-line-uzivo h4 { display: flex; align-items: center; gap: 8px; }
html[data-tema="biznis"] .bz-puls {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--bz-akcenat);
	box-shadow: 0 0 0 0 rgba(255, 95, 31, .5);
	animation: bzPuls 1.8s infinite;
}
@keyframes bzPuls {
	70% { box-shadow: 0 0 0 8px rgba(255, 95, 31, 0); }
	100% { box-shadow: 0 0 0 0 rgba(255, 95, 31, 0); }
}
html[data-tema="biznis"] .bz-lu-red {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 10px;
	padding: 10px 0;
	border-top: 1px solid var(--bz-line);
	color: inherit;
}
html[data-tema="biznis"] .bz-lu-red:first-of-type { border-top: 0; }
html[data-tema="biznis"] .bz-lu-red img,
html[data-tema="biznis"] .bz-lu-red .bz-t-av { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
html[data-tema="biznis"] .bz-lu-red b { font-size: 13.5px; font-weight: 600; }
html[data-tema="biznis"] .bz-lu-red small { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 11.5px; color: var(--bz-muted); }
html[data-tema="biznis"] .bz-lu-red em {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-style: normal;
	font-size: 13.5px;
	color: var(--bz-fg-2);
	line-height: 1.4;
	margin-top: 2px;
}
@media (prefers-reduced-motion: reduce) { html[data-tema="biznis"] .bz-puls { animation: none; } }

/* ── Potkategorije ispod naslova rubrike ────────────────────────────────────
   Bile su bledi sitni linkovi bez isticanja, pa se nije videlo da rubrika ima
   podelu. Sada su pilule sa brojem tekstova: čitalac odmah vidi šta rubrika
   pokriva i gde ima najviše sadržaja. */
html[data-tema="biznis"] .trek-potk-traka {
	background: var(--bz-bg);
	border-bottom: 1px solid var(--bz-line);
	padding-block: 16px 18px;
}
html[data-tema="biznis"] .trek-potk-scroll {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	overflow: visible;
}
html[data-tema="biznis"] .trek-potk-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 16px;
	border-radius: 999px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line);
	font-family: var(--bz-f-ui);
	font-size: 14.5px;
	font-weight: 500;
	color: var(--bz-fg) !important;
	white-space: nowrap;
	transition: background .2s, box-shadow .2s, color .2s;
}
html[data-tema="biznis"] .trek-potk-chip:hover {
	box-shadow: inset 0 0 0 1px var(--bz-fg);
}
html[data-tema="biznis"] .trek-potk-chip.is-active {
	background: var(--bz-crna);
	color: #fff !important;
	box-shadow: none;
	font-weight: 600;
}
html[data-tema="biznis"] .trek-potk-broj {
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 11.5px;
	color: var(--bz-muted);
	background: transparent;
	padding: 0;
}
html[data-tema="biznis"] .trek-potk-chip.is-active .trek-potk-broj { color: var(--bz-akcenat); }
/* Potkategorija bez ijednog teksta se ne nudi: vodila bi na praznu stranu. */
html[data-tema="biznis"] .trek-potk-chip.is-empty { display: none; }
@media (max-width: 760px) {
	html[data-tema="biznis"] .trek-potk-scroll { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
	html[data-tema="biznis"] .trek-potk-scroll::-webkit-scrollbar { display: none; }
}

/* ── Rubrika u rasporedu naslovne ───────────────────────────────────────────
   Rubrika deli isti okvir sa naslovnom: levi meni sa strane, sadržaj u sredini.
   Sadržaj rubrike je pun širine svoje kolone, pa se `container` iz zajedničkih
   sekcija poništava, inače bi se dobio okvir u okviru. */
html[data-tema="biznis"] .bz-telo-rubrika { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1280px) {
	html[data-tema="biznis"] .bz-telo-rubrika { grid-template-columns: 232px minmax(0, 1fr); gap: 52px; }
	html.bz-levo-usko[data-tema="biznis"] .bz-telo-rubrika { grid-template-columns: 64px minmax(0, 1fr); }
}
html[data-tema="biznis"] .bz-telo-rubrika .bz-sredina > section > .container,
html[data-tema="biznis"] .bz-telo-rubrika .bz-sredina > .container {
	max-width: none;
	width: auto;
	padding-inline: 0;
}
/* Hero rubrike ostaje pun blok, samo bez svoje spoljne margine u koloni. */
html[data-tema="biznis"] .bz-telo-rubrika .trek-rubrika-hero { border-radius: 18px; margin-top: 4px; }
html[data-tema="biznis"] .bz-telo-rubrika .trek-potk-traka { padding-inline: 0; }

/* ── Potkategorije uz naziv rubrike ─────────────────────────────────────────
   Suptilan red ispod naslova, u istom ritmu kao ostatak strane: rubrika se ne
   pretvara u drugu stranu, samo dobija svoju podelu. */
html[data-tema="biznis"] .bz-potk {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 20px;
	margin: -4px 0 22px;
}
/* Aktivna potkategorija je ranije bila crna pilula: na svetloj strani je to
   bio najtamniji element u vidokrugu, teži i od naslova ispod njega. Sada je
   sve isti red teksta, a aktivna se poznaje po tamnijim slovima i tankoj
   narandžastoj crti ispod. */
html[data-tema="biznis"] .bz-potk a {
	position: relative;
	display: inline-flex;
	align-items: baseline;
	gap: 5px;
	padding: 3px 0 6px;
	font-size: 13.5px;
	color: var(--bz-muted);
	transition: color .18s var(--bz-ease);
}
html[data-tema="biznis"] .bz-potk a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	border-radius: 2px;
	background: var(--bz-akcenat);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .22s var(--bz-ease);
}
html[data-tema="biznis"] .bz-potk a:hover { color: var(--bz-fg); }
html[data-tema="biznis"] .bz-potk a.je-aktivna { color: var(--bz-fg); font-weight: 600; }
html[data-tema="biznis"] .bz-potk a.je-aktivna::after { transform: scaleX(1); }
html[data-tema="biznis"] .bz-potk a span { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 11px; color: var(--bz-line-2); }
html[data-tema="biznis"] .bz-potk a.je-aktivna span { color: var(--bz-muted); }
@media (max-width: 760px) {
	html[data-tema="biznis"] .bz-potk { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
	html[data-tema="biznis"] .bz-potk::-webkit-scrollbar { display: none; }
}

/* ── Piši za Trek ───────────────────────────────────────────────────────────
   Strana je svedena na dve odluke i odgovore. Bez dijagrama i bez boja van teme. */
html[data-tema="biznis"] .pzn-omot { max-width: 760px; margin-inline: auto; padding: 56px clamp(16px, 4vw, 32px) 80px; }
html[data-tema="biznis"] .pzn-vrh { padding-bottom: 40px; border-bottom: 1px solid var(--bz-line); }
html[data-tema="biznis"] .pzn-vrh h1 { font-size: clamp(34px, 5vw, 52px); font-weight: 600; letter-spacing: -.045em; line-height: 1.05; }
html[data-tema="biznis"] .pzn-uvod { font-size: 19px; line-height: 1.55; color: var(--bz-fg-2); margin-top: 16px; max-width: 58ch; }
html[data-tema="biznis"] .pzn-dugmad { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
html[data-tema="biznis"] .pzn-glavno,
html[data-tema="biznis"] .pzn-drugo {
	display: inline-flex;
	align-items: center;
	padding: 13px 24px;
	border-radius: 999px;
	font-family: var(--bz-f-ui);
	font-size: 15.5px;
	font-weight: 600;
	transition: transform .2s var(--bz-ease), opacity .2s, background .2s, color .2s;
}
html[data-tema="biznis"] .pzn-glavno { background: var(--bz-akcenat); color: #fff; }
html[data-tema="biznis"] .pzn-glavno:hover { transform: translateY(-1px); opacity: .93; color: #fff; }
html[data-tema="biznis"] .pzn-drugo { box-shadow: inset 0 0 0 1.5px var(--bz-crna); color: var(--bz-fg); }
html[data-tema="biznis"] .pzn-drugo:hover { background: var(--bz-crna); color: #fff; }
html[data-tema="biznis"] .pzn-sitno { margin-top: 14px; font-size: 14px; color: var(--bz-muted); }
html[data-tema="biznis"] .pzn-faq { padding-top: 40px; }
html[data-tema="biznis"] .pzn-faq h2,
html[data-tema="biznis"] .pzn-kraj h2 { font-size: 26px; font-weight: 600; letter-spacing: -.03em; margin-bottom: 8px; }
html[data-tema="biznis"] .pzn-faq details { border-top: 1px solid var(--bz-line); padding: 18px 0; }
html[data-tema="biznis"] .pzn-faq details:last-of-type { border-bottom: 1px solid var(--bz-line); }
html[data-tema="biznis"] .pzn-faq summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	gap: 18px;
	font-size: 17.5px;
	font-weight: 600;
	letter-spacing: -.015em;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .pzn-faq summary::-webkit-details-marker { display: none; }
html[data-tema="biznis"] .pzn-faq summary::after { content: "+"; font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 20px; color: var(--bz-akcenat); transition: transform .25s var(--bz-ease); }
html[data-tema="biznis"] .pzn-faq details[open] summary::after { transform: rotate(45deg); }
html[data-tema="biznis"] .pzn-faq details p { font-size: 16.5px; line-height: 1.6; color: var(--bz-fg-2); margin-top: 10px; max-width: 62ch; }
html[data-tema="biznis"] .pzn-faq a { color: var(--bz-fg); text-decoration: underline; text-decoration-color: var(--bz-akcenat); text-decoration-thickness: 2px; text-underline-offset: 3px; }
html[data-tema="biznis"] .pzn-kraj { margin-top: 56px; padding: 32px; border-radius: 20px; background: var(--bz-crna); color: #fff; display: grid; gap: 16px; justify-items: start; }
html[data-tema="biznis"] .pzn-kraj h2 { color: #fff; margin: 0; }

/* ── Reakcije na članku: bez emodžija ───────────────────────────────────────
   Zatečene su bile šarene sličice (aplauz, srce, vatra, suza) koje ne idu uz
   crno belu stranu. Emodži se sklanja, a znak se crta maskom u boji teksta. */
html[data-tema="biznis"] .trek-reakcija {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 14px;
	border-radius: 999px;
	background: transparent;
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	color: var(--bz-fg-2);
	transition: box-shadow .2s, color .2s, background .2s;
}
html[data-tema="biznis"] .trek-reakcija:hover { box-shadow: inset 0 0 0 1px var(--bz-fg); color: var(--bz-fg); }
html[data-tema="biznis"] .trek-reakcija.is-active,
html[data-tema="biznis"] .trek-reakcija[aria-pressed="true"] { background: var(--bz-crna); color: #fff; box-shadow: none; }
html[data-tema="biznis"] .trek-reakcija-e { font-size: 0; width: 17px; height: 17px; background: currentColor; }
html[data-tema="biznis"] .trek-reakcija[data-tip="aplauz"] .trek-reakcija-e {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 11V5.5a1.5 1.5 0 0 1 3 0V11'/%3E%3Cpath d='M10 10.5V4a1.5 1.5 0 0 1 3 0v6.5'/%3E%3Cpath d='M13 10.5V5.5a1.5 1.5 0 0 1 3 0V13'/%3E%3Cpath d='M16 12a1.5 1.5 0 0 1 3 0v3a6 6 0 0 1-6 6h-1a6 6 0 0 1-6-6v-4a1.5 1.5 0 0 1 3 0'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 11V5.5a1.5 1.5 0 0 1 3 0V11'/%3E%3Cpath d='M10 10.5V4a1.5 1.5 0 0 1 3 0v6.5'/%3E%3Cpath d='M13 10.5V5.5a1.5 1.5 0 0 1 3 0V13'/%3E%3Cpath d='M16 12a1.5 1.5 0 0 1 3 0v3a6 6 0 0 1-6 6h-1a6 6 0 0 1-6-6v-4a1.5 1.5 0 0 1 3 0'/%3E%3C/svg%3E") center/contain no-repeat;
}
html[data-tema="biznis"] .trek-reakcija[data-tip="svidja"] .trek-reakcija-e {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10Z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
html[data-tema="biznis"] .trek-reakcija[data-tip="vatra"] .trek-reakcija-e,
html[data-tema="biznis"] .trek-reakcija[data-tip="hit"] .trek-reakcija-e {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3s5 4 5 9a5 5 0 0 1-10 0c0-2 1-3 1-3s1 2 2 2 1-4 2-8Z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3s5 4 5 9a5 5 0 0 1-10 0c0-2 1-3 1-3s1 2 2 2 1-4 2-8Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
html[data-tema="biznis"] .trek-reakcija[data-tip="tuga"] .trek-reakcija-e,
html[data-tema="biznis"] .trek-reakcija[data-tip="tuzno"] .trek-reakcija-e {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 16a4 4 0 0 1 6 0M9 9h.01M15 9h.01'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 16a4 4 0 0 1 6 0M9 9h.01M15 9h.01'/%3E%3C/svg%3E") center/contain no-repeat;
}
html[data-tema="biznis"] .trek-reakcija-n { font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 12.5px; }

/* ═══════════════════════════════════════════════════════════════════════════
   STRANE VAN TOKA VESTI: prijava, registracija, kontakt, impresum, pravni tekst
   Zatečeno su sve bile Bootstrap kartica u punoj širini ekrana, pa je tekst
   išao uz ivicu, naslovi bili preveliki, a dugmad u pet raznih boja. Ovde
   dobijaju jedan uzak stubac, istu meru za čitanje i crno-belu paletu sajta.
   Sve je vezano na klase koje počinju sa tk-, da ne dira ostale strane.
   ══════════════════════════════════════════════════════════════════════════ */

html[data-tema="biznis"] .tk-strana {
	background: var(--bz-povrs);
	min-height: 70vh;
	padding: clamp(28px, 5vw, 64px) 20px clamp(48px, 7vw, 96px);
}
html[data-tema="biznis"] .tk-omot { max-width: 720px; margin: 0 auto; }
html[data-tema="biznis"] .tk-omot-sirok { max-width: 980px; margin: 0 auto; }
html[data-tema="biznis"] .tk-omot-uzak { max-width: 420px; margin: 0 auto; }

/* Zaglavlje strane: nadnaslov, naslov, uvod. */
html[data-tema="biznis"] .tk-kapa {
	font-family: var(--bz-f-mono);
	font-size: 11px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--bz-akcenat);
	margin: 0 0 14px;
}
html[data-tema="biznis"] .tk-strana h1 {
	font-family: var(--bz-f-serif);
	font-size: clamp(32px, 4.4vw, 46px);
	font-weight: 600;
	letter-spacing: -.025em;
	line-height: 1.08;
	color: var(--bz-fg);
	margin: 0 0 14px;
}
html[data-tema="biznis"] .tk-uvod {
	font-size: 17.5px;
	line-height: 1.55;
	color: var(--bz-fg-2);
	margin: 0 0 clamp(28px, 4vw, 44px);
	max-width: 58ch;
}

/* ── Pravni i informativni tekst ─────────────────────────────────────────── */
html[data-tema="biznis"] .tk-tekst { max-width: 66ch; }
html[data-tema="biznis"] .tk-tekst h2 {
	font-size: 21px;
	font-weight: 650;
	letter-spacing: -.02em;
	color: var(--bz-fg);
	margin: 2.4em 0 .6em;
	padding-top: 1.4em;
	border-top: 1px solid var(--bz-line);
}
html[data-tema="biznis"] .tk-tekst h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
html[data-tema="biznis"] .tk-tekst h3 { font-size: 16.5px; font-weight: 650; letter-spacing: -.01em; color: var(--bz-fg); margin: 1.8em 0 .4em; }
html[data-tema="biznis"] .tk-tekst p,
html[data-tema="biznis"] .tk-tekst li { font-size: 16px; line-height: 1.68; color: var(--bz-fg-2); }
html[data-tema="biznis"] .tk-tekst p { margin: 0 0 1.05em; }
html[data-tema="biznis"] .tk-tekst strong { color: var(--bz-fg); font-weight: 600; }
html[data-tema="biznis"] .tk-tekst ul,
html[data-tema="biznis"] .tk-tekst ol { margin: 0 0 1.2em; padding-left: 1.25em; }
html[data-tema="biznis"] .tk-tekst li { margin-bottom: .4em; }
html[data-tema="biznis"] .tk-tekst a { color: var(--bz-fg); text-decoration: underline; text-decoration-color: var(--bz-line-2); text-underline-offset: 3px; }
html[data-tema="biznis"] .tk-tekst a:hover { color: var(--bz-akcenat); text-decoration-color: currentColor; }

/* Datum ažuriranja: mala oznaka, ne pasus. */
html[data-tema="biznis"] .tk-datum {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 11.5px;
	letter-spacing: .04em;
	color: var(--bz-muted);
	background: var(--bz-bg);
	border-radius: 999px;
	padding: 6px 12px;
	margin: 0 0 clamp(26px, 4vw, 40px);
}
html[data-tema="biznis"] .tk-datum::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--bz-akcenat); }

/* Sadržaj dugog pravnog teksta: spisak skokova, bez kutije. */
html[data-tema="biznis"] .tk-sadrzaj { margin: 0 0 clamp(32px, 5vw, 52px); border-top: 1px solid var(--bz-line); border-bottom: 1px solid var(--bz-line); padding: 18px 0; }
html[data-tema="biznis"] .tk-sadrzaj-nad { font-family: var(--bz-f-mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--bz-muted); margin: 0 0 12px; }
html[data-tema="biznis"] .tk-sadrzaj ol { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 32px; }
html[data-tema="biznis"] .tk-sadrzaj li { margin: 0 0 7px; break-inside: avoid; }
html[data-tema="biznis"] .tk-sadrzaj a { font-size: 14.5px; color: var(--bz-fg-2); text-decoration: none; }
html[data-tema="biznis"] .tk-sadrzaj a:hover { color: var(--bz-akcenat); }
html[data-tema="biznis"] .tk-sadrzaj a::before { content: counter(list-item) "."; font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 11px; color: var(--bz-muted); margin-right: 8px; }
html[data-tema="biznis"] .tk-sadrzaj ol { counter-reset: list-item; }
html[data-tema="biznis"] .tk-sadrzaj li { counter-increment: list-item; }
@media (max-width: 640px) { html[data-tema="biznis"] .tk-sadrzaj ol { columns: 1; } }

/* Podvučen red na kraju pravne strane: veze na ostale dokumente. */
html[data-tema="biznis"] .tk-veze { display: flex; flex-wrap: wrap; gap: 8px; margin-top: clamp(36px, 5vw, 56px); padding-top: 24px; border-top: 1px solid var(--bz-line); }
html[data-tema="biznis"] .tk-veze a {
	font-size: 13.5px;
	font-weight: 500;
	color: var(--bz-fg);
	text-decoration: none;
	background: var(--bz-bg);
	border-radius: 999px;
	padding: 8px 14px;
	transition: background .18s var(--bz-ease), color .18s var(--bz-ease);
}
html[data-tema="biznis"] .tk-veze a:hover { background: var(--bz-crna); color: #fff; }

/* ── Redovi podatak/vrednost (impresum) ──────────────────────────────────── */
html[data-tema="biznis"] .tk-redovi { margin: 0 0 clamp(30px, 4vw, 44px); }
html[data-tema="biznis"] .tk-red {
	display: grid;
	grid-template-columns: 200px 1fr;
	gap: 16px;
	padding: 13px 0;
	border-bottom: 1px solid var(--bz-line);
}
html[data-tema="biznis"] .tk-red:first-child { border-top: 1px solid var(--bz-line); }
html[data-tema="biznis"] .tk-red dt { font-size: 13.5px; color: var(--bz-muted); font-weight: 500; }
html[data-tema="biznis"] .tk-red dd { margin: 0; font-size: 15.5px; color: var(--bz-fg); }
html[data-tema="biznis"] .tk-red dd a { color: var(--bz-fg); text-decoration: underline; text-decoration-color: var(--bz-line-2); text-underline-offset: 3px; }
html[data-tema="biznis"] .tk-red dd a:hover { color: var(--bz-akcenat); }
@media (max-width: 640px) {
	html[data-tema="biznis"] .tk-red { grid-template-columns: 1fr; gap: 3px; padding: 12px 0; }
}

/* ── Obrazac: polja, dugmad ──────────────────────────────────────────────── */
html[data-tema="biznis"] .tk-polje { margin-bottom: 16px; }
html[data-tema="biznis"] .tk-polje label,
html[data-tema="biznis"] .tk-nalepnica {
	display: block;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -.01em;
	color: var(--bz-fg);
	margin-bottom: 7px;
}
html[data-tema="biznis"] .tk-polje label span { font-weight: 400; color: var(--bz-muted); }
html[data-tema="biznis"] .tk-polje input,
html[data-tema="biznis"] .tk-polje select,
html[data-tema="biznis"] .tk-polje textarea {
	display: block;
	width: 100%;
	border: 0;
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	border-radius: 12px;
	background: var(--bz-povrs);
	padding: 12px 14px;
	font: 15.5px/1.4 var(--bz-f-ui);
	color: var(--bz-fg);
	transition: box-shadow .18s var(--bz-ease);
	-webkit-appearance: none;
	appearance: none;
}
html[data-tema="biznis"] .tk-polje select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23888' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	padding-right: 36px;
}
html[data-tema="biznis"] .tk-polje textarea { resize: vertical; min-height: 120px; }
html[data-tema="biznis"] .tk-polje input:focus,
html[data-tema="biznis"] .tk-polje select:focus,
html[data-tema="biznis"] .tk-polje textarea:focus { outline: 0; box-shadow: inset 0 0 0 2px var(--bz-fg); }
html[data-tema="biznis"] .tk-pomoc { font-size: 12.5px; color: var(--bz-muted); margin: 6px 0 0; }
html[data-tema="biznis"] .tk-par { display: grid; grid-template-columns: 1.5fr 1fr; gap: 12px; }
@media (max-width: 520px) { html[data-tema="biznis"] .tk-par { grid-template-columns: 1fr; gap: 0; } }

html[data-tema="biznis"] .tk-dugme,
html[data-tema="biznis"] .tk-dugme-2 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	width: 100%;
	border: 0;
	border-radius: 999px;
	padding: 13px 22px;
	font: 600 15px/1 var(--bz-f-ui);
	letter-spacing: -.01em;
	cursor: pointer;
	text-decoration: none;
	transition: background .18s var(--bz-ease), color .18s var(--bz-ease), transform .18s var(--bz-ease);
}
html[data-tema="biznis"] .tk-dugme { background: var(--bz-crna); color: #fff; }
html[data-tema="biznis"] .tk-dugme:hover { background: var(--bz-akcenat); color: #fff; }
html[data-tema="biznis"] .tk-dugme-2 { background: transparent; color: var(--bz-fg); box-shadow: inset 0 0 0 1.5px var(--bz-line-2); }
html[data-tema="biznis"] .tk-dugme-2:hover { box-shadow: inset 0 0 0 1.5px var(--bz-fg); }
html[data-tema="biznis"] .tk-dugme:active,
html[data-tema="biznis"] .tk-dugme-2:active { transform: scale(.985); }
html[data-tema="biznis"] .tk-dugme-red { display: inline-flex; width: auto; }

/* Poruke: uspeh i greška, bez Bootstrap boja. */
html[data-tema="biznis"] .tk-poruka {
	display: flex;
	gap: 10px;
	font-size: 14.5px;
	line-height: 1.5;
	color: var(--bz-fg);
	background: var(--bz-bg);
	border-radius: 12px;
	padding: 12px 14px;
	margin: 0 0 18px;
	box-shadow: inset 3px 0 0 var(--bz-akcenat);
}
html[data-tema="biznis"] .tk-poruka-ok { box-shadow: inset 3px 0 0 var(--bz-fg); }

/* ── Prijava i registracija ──────────────────────────────────────────────── */
html[data-tema="biznis"] .tk-auth { text-align: center; }
html[data-tema="biznis"] .tk-auth-znak {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	font: 700 22px/1 var(--bz-f-ui);
	letter-spacing: -.045em;
	color: var(--bz-fg);
	text-decoration: none;
	margin-bottom: 26px;
}
html[data-tema="biznis"] .tk-auth-znak i { font-style: normal; color: var(--bz-akcenat); }
html[data-tema="biznis"] .tk-auth h1 { font-family: var(--bz-f-ui); font-size: 28px; letter-spacing: -.035em; margin-bottom: 8px; }
html[data-tema="biznis"] .tk-auth-uvod { font-size: 15px; line-height: 1.55; color: var(--bz-muted); margin: 0 0 28px; }
html[data-tema="biznis"] .tk-auth form,
html[data-tema="biznis"] .tk-auth .tk-auth-telo { text-align: left; }
html[data-tema="biznis"] .tk-auth .tk-dugme { margin-top: 6px; }

html[data-tema="biznis"] .tk-tabovi { display: flex; gap: 4px; padding: 4px; border-radius: 999px; background: var(--bz-bg); margin: 0 0 26px; }
html[data-tema="biznis"] .tk-tab {
	flex: 1;
	border: 0;
	background: transparent;
	border-radius: 999px;
	padding: 9px 12px;
	font: 600 14px/1 var(--bz-f-ui);
	color: var(--bz-muted);
	cursor: pointer;
	transition: background .2s var(--bz-ease), color .2s var(--bz-ease);
}
html[data-tema="biznis"] .tk-tab.is-active { background: var(--bz-crna); color: #fff; }

html[data-tema="biznis"] .tk-ili { display: flex; align-items: center; gap: 12px; margin: 20px 0; font-family: var(--bz-f-mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--bz-muted); }
html[data-tema="biznis"] .tk-ili::before,
html[data-tema="biznis"] .tk-ili::after { content: ""; flex: 1; height: 1px; background: var(--bz-line); }

html[data-tema="biznis"] .tk-auth-dno { font-size: 14px; color: var(--bz-muted); margin: 24px 0 0; }
html[data-tema="biznis"] .tk-auth-dno a { color: var(--bz-fg); font-weight: 600; text-decoration: none; }
html[data-tema="biznis"] .tk-auth-dno a:hover { color: var(--bz-akcenat); }
html[data-tema="biznis"] .tk-auth-sitno { font-size: 12.5px; line-height: 1.55; color: var(--bz-muted); margin: 16px 0 0; }
html[data-tema="biznis"] .tk-auth-sitno a { color: var(--bz-fg-2); }

/* ── Čitalački nalog: registracija i prijava (redizajn 06.10.2026) ──────────
   Levo crni panel sa razlozima, desno forma. Ranije je ovde bio jedan uzan
   stubac sa dugmetom preko cele širine i formom sakrivenom u <details>:
   strana je bila prazna i nije govorila zašto bi neko otvorio nalog. */
html[data-tema="biznis"] .tk-auth-strana { background: var(--bz-bg); padding-inline: 0; }
html[data-tema="biznis"] .tk-auth-split {
	max-width: 1000px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: stretch;
	gap: 0;
	border-radius: 22px;
	overflow: hidden;
	box-shadow: 0 1px 0 var(--bz-line), 0 30px 60px -40px rgba(0, 0, 0, .45);
}

/* Levi panel */
html[data-tema="biznis"] .tk-auth-panel {
	background: var(--bz-crna);
	color: var(--bz-na-crnom);
	padding: clamp(28px, 4vw, 44px);
	display: flex;
	flex-direction: column;
	gap: 18px;
	text-align: left;
}
html[data-tema="biznis"] .tk-auth-panel .tk-auth-znak {
	font: 700 24px/1 var(--bz-f-ui);
	letter-spacing: -.04em;
	color: #fff;
	text-decoration: none;
	margin: 0 0 6px;
	display: inline-block;
}
html[data-tema="biznis"] .tk-auth-panel .tk-auth-znak i { font-style: normal; color: var(--bz-akcenat); }
html[data-tema="biznis"] .tk-auth-panel h2 {
	font-family: var(--bz-f-serif);
	font-size: clamp(26px, 2.6vw, 34px);
	font-weight: 600;
	letter-spacing: -.025em;
	line-height: 1.1;
	color: #fff;
	margin: 0;
}
html[data-tema="biznis"] .tk-auth-panel-uvod { font-size: 14.5px; line-height: 1.6; color: var(--bz-na-crnom-tiho); margin: 0; }
html[data-tema="biznis"] .tk-razlozi { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 14px; }
html[data-tema="biznis"] .tk-razlozi li { display: grid; grid-template-columns: 20px 1fr; gap: 12px; align-items: start; }
html[data-tema="biznis"] .tk-razlog-ik {
	width: 20px;
	height: 20px;
	margin-top: 2px;
	fill: none;
	stroke: var(--bz-akcenat);
	stroke-width: 2.2;
	stroke-linecap: round;
	stroke-linejoin: round;
}
html[data-tema="biznis"] .tk-razlozi b { display: block; font-size: 14.5px; font-weight: 600; color: #fff; letter-spacing: -.01em; }
html[data-tema="biznis"] .tk-razlozi span { font-size: 13.5px; line-height: 1.55; color: var(--bz-na-crnom-tiho); }
html[data-tema="biznis"] .tk-auth-brojke {
	margin: auto 0 0;
	padding-top: 18px;
	border-top: 1px solid var(--bz-crna-l);
	font-family: var(--bz-f-mono);
	font-size: 12px;
	color: var(--bz-na-crnom-tiho);
}
html[data-tema="biznis"] .tk-auth-brojke b { color: #fff; font-weight: 500; }

/* Desna strana: forma */
html[data-tema="biznis"] .tk-auth-forma {
	background: var(--bz-povrs);
	padding: clamp(28px, 4vw, 44px);
	text-align: left;
}
html[data-tema="biznis"] .tk-auth-forma h1 {
	font-family: var(--bz-f-ui);
	font-size: 26px;
	font-weight: 600;
	letter-spacing: -.035em;
	margin: 0 0 6px;
}
html[data-tema="biznis"] .tk-auth-forma .tk-auth-uvod { font-size: 14.5px; color: var(--bz-muted); margin: 0 0 22px; }
html[data-tema="biznis"] .tk-auth-forma .tk-dugme { width: 100%; background: var(--bz-akcenat); color: #fff; margin-top: 4px; }
html[data-tema="biznis"] .tk-auth-forma .tk-dugme:hover { background: var(--bz-crna); }
html[data-tema="biznis"] .tk-auth-forma .tk-auth-sitno,
html[data-tema="biznis"] .tk-auth-forma .tk-auth-dno { text-align: left; }

/* Društveni nalozi: ikonica, ne rečenica. Kvadrat 48 px, ime radnje u aria-label. */
html[data-tema="biznis"] .tk-oauth-ikone { display: flex; gap: 10px; }
html[data-tema="biznis"] .tk-oauth-i {
	width: 48px;
	height: 48px;
	border-radius: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	box-shadow: inset 0 0 0 1.5px var(--bz-line-2);
	transition: box-shadow .2s var(--bz-ease), transform .2s var(--bz-ease);
	cursor: pointer;
}
html[data-tema="biznis"] .tk-oauth-i:hover { box-shadow: inset 0 0 0 1.5px var(--bz-fg); transform: translateY(-1px); }
html[data-tema="biznis"] .tk-oauth-i:active { transform: scale(.97); }
html[data-tema="biznis"] .tk-oauth-i svg { width: 22px; height: 22px; display: block; }
html[data-tema="biznis"] .tk-oauth-apple { background: var(--bz-crna); box-shadow: none; }
html[data-tema="biznis"] .tk-oauth-apple i { color: #fff; font-size: 22px; line-height: 1; }
html[data-tema="biznis"] .tk-auth-forma .tk-ili { margin: 18px 0 20px; }

/* Telefon: panel ide ispod forme (prvo radnja, pa objašnjenje) i gubi radijus. */
@media (max-width: 860px) {
	html[data-tema="biznis"] .tk-auth-split { grid-template-columns: 1fr; border-radius: 0; box-shadow: none; }
	html[data-tema="biznis"] .tk-auth-panel { order: 2; border-radius: 18px; margin: 0 16px 8px; }
	html[data-tema="biznis"] .tk-auth-forma { order: 1; background: transparent; padding-inline: 16px; }
}

/* ── Kontakt: podaci levo, obrazac desno ─────────────────────────────────── */
html[data-tema="biznis"] .tk-kontakt { display: grid; grid-template-columns: 1fr 1.25fr; gap: clamp(32px, 5vw, 64px); align-items: start; }
@media (max-width: 860px) { html[data-tema="biznis"] .tk-kontakt { grid-template-columns: 1fr; } }
html[data-tema="biznis"] .tk-kartice { list-style: none; margin: 0; padding: 0; }
html[data-tema="biznis"] .tk-kartice li { padding: 16px 0; border-bottom: 1px solid var(--bz-line); }
html[data-tema="biznis"] .tk-kartice li:first-child { border-top: 1px solid var(--bz-line); }
html[data-tema="biznis"] .tk-kartice b { display: block; font-size: 12.5px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; color: var(--bz-muted); margin-bottom: 4px; }
html[data-tema="biznis"] .tk-kartice a { font-size: 15.5px; color: var(--bz-fg); text-decoration: none; }
html[data-tema="biznis"] .tk-kartice a:hover { color: var(--bz-akcenat); }
html[data-tema="biznis"] .tk-kartice span { font-size: 15.5px; color: var(--bz-fg); }
html[data-tema="biznis"] .tk-obrazac-nad { font-size: 15px; font-weight: 650; letter-spacing: -.015em; color: var(--bz-fg); margin: 0 0 18px; padding-bottom: 14px; border-bottom: 1px solid var(--bz-line); }

/* Dupli mobilni header: stari `trek-ma-head` je na svakoj strani osim naslovne
   stajao ispod crnog biznis zaglavlja, pa su se na telefonu videla dva reda
   logotipa. Biznis zaglavlje već nosi meni, pretragu i logotip, pa se stari
   sklanja. */
html[data-tema="biznis"] .trek-ma-head { display: none !important; }

/* Kratke strane (autori, potvrde) ostavljale su crnu prazninu ispod malog
   futera, jer `main` nije imao visinu. Ovo gura futer na dno ekrana. */
html[data-tema="biznis"] main { min-height: 58vh; }

/* ── Brojevi, načela i poziv na akciju (strana O nama) ───────────────────── */
html[data-tema="biznis"] .tk-brojevi {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 14px clamp(16px, 2vw, 28px);
	margin: 0 0 clamp(32px, 5vw, 52px);
	padding: 22px 0;
	border-top: 1px solid var(--bz-line);
	border-bottom: 1px solid var(--bz-line);
}
html[data-tema="biznis"] .tk-brojevi div { min-width: 96px; }
html[data-tema="biznis"] .tk-brojevi dt {
	font-family: var(--bz-f-serif);
	font-size: clamp(26px, 3vw, 34px);
	font-weight: 600;
	letter-spacing: -.03em;
	line-height: 1.05;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .tk-brojevi dd { margin: 4px 0 0; font-size: 12.5px; line-height: 1.35; color: var(--bz-muted); }
@media (max-width: 640px) { html[data-tema="biznis"] .tk-brojevi { grid-template-columns: repeat(2, 1fr); } }

html[data-tema="biznis"] .tk-nacela { list-style: none; margin: 0 0 1.4em; padding: 0; counter-reset: nacelo; }
html[data-tema="biznis"] .tk-nacela li {
	counter-increment: nacelo;
	display: grid;
	grid-template-columns: 44px 1fr;
	column-gap: 14px;
	padding: 18px 0;
	border-top: 1px solid var(--bz-line);
	margin: 0;
}
html[data-tema="biznis"] .tk-nacela li:first-child { border-top: 0; padding-top: 4px; }
html[data-tema="biznis"] .tk-nacela li::before {
	content: counter(nacelo, decimal-leading-zero);
	grid-row: span 2;
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 13px;
	color: var(--bz-akcenat);
	padding-top: 3px;
}
html[data-tema="biznis"] .tk-nacela h3 { margin: 0 0 4px; font-size: 16.5px; font-weight: 650; letter-spacing: -.015em; color: var(--bz-fg); }
html[data-tema="biznis"] .tk-nacela p { margin: 0; }

html[data-tema="biznis"] .tk-cta {
	margin-top: clamp(40px, 6vw, 64px);
	padding: clamp(28px, 4vw, 40px);
	border-radius: 22px;
	background: var(--bz-crna);
	color: #fff;
}
html[data-tema="biznis"] .tk-cta h2 { margin: 0 0 8px; font-size: clamp(22px, 2.6vw, 28px); font-weight: 600; letter-spacing: -.03em; color: #fff; border: 0; padding: 0; }
html[data-tema="biznis"] .tk-cta p { margin: 0 0 20px; font-size: 15.5px; line-height: 1.55; color: rgba(255, 255, 255, .72); }
html[data-tema="biznis"] .tk-cta-dugmad { display: flex; flex-wrap: wrap; gap: 10px; }
html[data-tema="biznis"] .tk-cta .tk-dugme { background: var(--bz-akcenat); color: #fff; }
html[data-tema="biznis"] .tk-cta .tk-dugme:hover { background: #fff; color: var(--bz-crna); }
html[data-tema="biznis"] .tk-cta .tk-dugme-2 { color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .28); }
html[data-tema="biznis"] .tk-cta .tk-dugme-2:hover { background: #fff !important; color: var(--bz-crna) !important; }

/* ── Veliki futer, biznis izdanje (strana Kontakt) ───────────────────────── */
html[data-tema="biznis"] .bzf {
	background: var(--bz-crna);
	color: rgba(255, 255, 255, .62);
	margin-top: clamp(48px, 7vw, 88px);
	padding: clamp(40px, 6vw, 72px) 20px clamp(24px, 3vw, 36px);
}
html[data-tema="biznis"] .bzf-omot { max-width: 1240px; margin: 0 auto; }
html[data-tema="biznis"] .bzf-mreza {
	display: grid;
	grid-template-columns: 1.6fr repeat(4, 1fr);
	gap: clamp(24px, 3vw, 44px);
	padding-bottom: clamp(32px, 4vw, 48px);
}
html[data-tema="biznis"] .bzf-mreza.je-zbijen { grid-template-columns: 1.6fr 1fr 1fr; }
@media (max-width: 1080px) { html[data-tema="biznis"] .bzf-mreza { grid-template-columns: 1fr 1fr 1fr; } }
@media (max-width: 720px) { html[data-tema="biznis"] .bzf-mreza { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { html[data-tema="biznis"] .bzf-mreza { grid-template-columns: 1fr; } }

html[data-tema="biznis"] .bzf-znak {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	font: 700 24px/1 var(--bz-f-ui);
	letter-spacing: -.045em;
	color: #fff;
	text-decoration: none;
}
html[data-tema="biznis"] .bzf-znak i { font-style: normal; color: var(--bz-akcenat); }
html[data-tema="biznis"] .bzf-opis { margin: 16px 0 20px; font-size: 14.5px; line-height: 1.65; max-width: 38ch; }
html[data-tema="biznis"] .bzf-dugme {
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	background: var(--bz-akcenat);
	color: #fff;
	text-decoration: none;
	font: 600 14.5px/1 var(--bz-f-ui);
	padding: 12px 20px;
	transition: background .18s var(--bz-ease), color .18s var(--bz-ease);
}
html[data-tema="biznis"] .bzf-dugme:hover { background: #fff; color: var(--bz-crna); }
html[data-tema="biznis"] .bzf-mejl { margin: 22px 0 0; font-size: 13.5px; line-height: 1.7; }
html[data-tema="biznis"] .bzf-mejl a { color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .28); }
html[data-tema="biznis"] .bzf-mejl a:hover { color: var(--bz-akcenat); border-color: currentColor; }

html[data-tema="biznis"] .bzf-kolona h2 {
	margin: 0 0 14px;
	font-family: var(--bz-f-mono);
	font-size: 10.5px;
	font-weight: 500;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .42);
}
html[data-tema="biznis"] .bzf-kolona ul { list-style: none; margin: 0; padding: 0; }
html[data-tema="biznis"] .bzf-kolona li { margin: 0 0 9px; }
html[data-tema="biznis"] .bzf-kolona a {
	font-size: 14px;
	color: rgba(255, 255, 255, .72);
	text-decoration: none;
	transition: color .16s var(--bz-ease);
}
html[data-tema="biznis"] .bzf-kolona a:hover { color: var(--bz-akcenat); }

html[data-tema="biznis"] .bzf-dno {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 20px;
	padding-top: 22px;
	border-top: 1px solid rgba(255, 255, 255, .12);
	font-size: 12.5px;
	color: rgba(255, 255, 255, .5);
}
html[data-tema="biznis"] .bzf-dno a { color: rgba(255, 255, 255, .72); text-decoration: none; }
html[data-tema="biznis"] .bzf-dno a:hover { color: var(--bz-akcenat); }
html[data-tema="biznis"] .bzf-potpis { font-weight: 800; letter-spacing: -.01em; }
html[data-tema="biznis"] .bzf-potpis a { text-decoration: none; }
html[data-tema="biznis"] .bzf-potpis b { color: #4b4bff; font-weight: 800; }
html[data-tema="biznis"] .bzf-potpis em { color: #4bff2a; font-style: normal; font-weight: 800; }

/* Brojač današnjeg sadržaja uz logo: tačka koja tiho pulsira i broj. */
html[data-tema="biznis"] .bz-danas {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-left: 14px;
	padding: 5px 11px 5px 9px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
	font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums;
	font-size: 11.5px;
	letter-spacing: .02em;
	color: rgba(255, 255, 255, .62);
	text-decoration: none;
	white-space: nowrap;
	transition: background .18s var(--bz-ease), color .18s var(--bz-ease);
}
html[data-tema="biznis"] .bz-danas b { color: #fff; font-weight: 600; }
html[data-tema="biznis"] .bz-danas:hover { background: var(--bz-akcenat); color: rgba(255, 255, 255, .85); }
html[data-tema="biznis"] .bz-danas:hover b { color: #fff; }
html[data-tema="biznis"] .bz-danas-tacka {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--bz-akcenat);
	animation: bzDanasDah 2.4s var(--bz-ease) infinite;
}
html[data-tema="biznis"] .bz-danas:hover .bz-danas-tacka { background: #fff; }
@keyframes bzDanasDah { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { html[data-tema="biznis"] .bz-danas-tacka { animation: none; } }
/* Na uskom ekranu u traci nema mesta: logo, pretraga i kontrole su prioritet. */
@media (max-width: 900px) { html[data-tema="biznis"] .bz-danas { display: none; } }

/* ═══ UREĐIVAČ TEKSTA (autor: nova objava i izmena) ═════════════════════════
   Strana je nosila Bootstrap karticu sa plavom linijom i plavim dugmetom, u
   uskom stupcu, pa se dug tekst pisao kroz prozorčić. Ovde dobija belu
   površinu, širi stubac i alatku u istoj crno-narandžastoj paleti.
   ═════════════════════════════════════════════════════════════════════════ */
html[data-tema="biznis"] .trek-editor-forma { background: var(--bz-povrs); }
html[data-tema="biznis"] .trek-editor-forma main > section > .container { max-width: 1080px; }
html[data-tema="biznis"] .trek-editor-forma main > section { padding-top: clamp(20px, 3vw, 36px); }
html[data-tema="biznis"] .trek-editor-forma .col-lg-9 { flex: 0 0 100%; max-width: 100%; }
html[data-tema="biznis"] .trek-editor-forma h1 { font-family: var(--bz-f-serif); font-size: clamp(26px, 3vw, 34px); font-weight: 600; letter-spacing: -.03em; }
html[data-tema="biznis"] .trek-editor-forma form.card {
	border: 0 !important;
	border-radius: 20px;
	background: var(--bz-povrs);
	box-shadow: 0 0 0 1px var(--bz-line), 0 20px 60px -40px rgba(24, 24, 24, .3);
}
html[data-tema="biznis"] .trek-editor-forma .card-body { padding: clamp(20px, 3vw, 34px) !important; }
html[data-tema="biznis"] .trek-editor-forma .card-footer { border-top: 1px solid var(--bz-line); border-radius: 0 0 20px 20px; }
html[data-tema="biznis"] .trek-editor-forma .form-label { font-size: 13px; font-weight: 600; letter-spacing: -.01em; color: var(--bz-fg); }
html[data-tema="biznis"] .trek-editor-forma .form-control,
html[data-tema="biznis"] .trek-editor-forma .form-select {
	border: 0;
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	border-radius: 12px;
	background: var(--bz-povrs);
	padding: 11px 13px;
	font-size: 15.5px;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .trek-editor-forma .form-control:focus,
html[data-tema="biznis"] .trek-editor-forma .form-select:focus { box-shadow: inset 0 0 0 2px var(--bz-fg); background: var(--bz-povrs); }
html[data-tema="biznis"] .trek-editor-forma #naslov { font-family: var(--bz-f-serif); font-size: 24px; font-weight: 600; letter-spacing: -.025em; }
html[data-tema="biznis"] .trek-editor-forma .btn-primary {
	background: var(--bz-crna) !important;
	border: 0 !important;
	border-radius: 999px;
	font-weight: 600;
	padding: 11px 24px;
}
html[data-tema="biznis"] .trek-editor-forma .btn-primary:hover { background: var(--bz-akcenat) !important; }
html[data-tema="biznis"] .trek-editor-forma .btn-outline-primary,
html[data-tema="biznis"] .trek-editor-forma .btn-outline-secondary {
	border: 0 !important;
	box-shadow: inset 0 0 0 1.5px var(--bz-line-2);
	border-radius: 999px;
	color: var(--bz-fg) !important;
	background: transparent !important;
	font-weight: 600;
}
html[data-tema="biznis"] .trek-editor-forma .btn-outline-primary:hover,
html[data-tema="biznis"] .trek-editor-forma .btn-outline-secondary:hover { box-shadow: inset 0 0 0 1.5px var(--bz-fg); }
html[data-tema="biznis"] .trek-editor-forma .form-check-input:checked { background-color: var(--bz-akcenat); border-color: var(--bz-akcenat); }
html[data-tema="biznis"] .trek-editor-forma .border.rounded { border-color: var(--bz-line) !important; border-radius: 14px !important; }
html[data-tema="biznis"] .trek-editor-forma hr { border-color: var(--bz-line); opacity: 1; }

/* Tabovi vrste objave: pilule, ne Bootstrap plavo. */
html[data-tema="biznis"] .trek-vrsta-tabovi { gap: 4px; padding: 4px; border-radius: 999px; background: var(--bz-bg); display: inline-flex; }
html[data-tema="biznis"] .trek-vrsta-tabovi .nav-link { border-radius: 999px; font-size: 14px; color: var(--bz-muted); padding: 8px 18px; }
html[data-tema="biznis"] .trek-vrsta-tabovi .nav-link.active { background: var(--bz-crna); color: #fff; }

/* Alatka i površina za pisanje. */
html[data-tema="biznis"] .ql-toolbar.ql-snow {
	border: 0 !important;
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	border-radius: 14px 14px 0 0;
	background: var(--bz-bg);
	padding: 8px 10px;
}
html[data-tema="biznis"] .ql-container.ql-snow {
	border: 0 !important;
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	border-top: 0 !important;
	border-radius: 0 0 14px 14px;
	background: var(--bz-povrs);
}
html[data-tema="biznis"] .trek-editor { background: var(--bz-povrs); border-radius: 0 0 14px 14px; min-height: 420px; }
html[data-tema="biznis"] .ql-editor {
	min-height: 420px;
	font-family: var(--bz-f-serif);
	font-size: 18px;
	line-height: 1.72;
	color: var(--bz-fg);
	padding: 22px 24px;
}
html[data-tema="biznis"] .ql-editor h2 { font-family: var(--bz-f-ui); font-size: 24px; font-weight: 650; letter-spacing: -.025em; }
html[data-tema="biznis"] .ql-editor h3 { font-family: var(--bz-f-ui); font-size: 20px; font-weight: 650; letter-spacing: -.02em; }
html[data-tema="biznis"] .ql-editor h4 { font-family: var(--bz-f-ui); font-size: 17px; font-weight: 650; }
html[data-tema="biznis"] .ql-editor blockquote { border-left: 3px solid var(--bz-akcenat); padding-left: 16px; color: var(--bz-fg-2); }
html[data-tema="biznis"] .ql-editor pre.ql-syntax { background: var(--bz-crna); border-radius: 10px; font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-size: 14px; }
html[data-tema="biznis"] .ql-editor img { border-radius: 12px; }
html[data-tema="biznis"] .ql-snow .ql-stroke { stroke: var(--bz-fg-2); }
html[data-tema="biznis"] .ql-snow .ql-fill { fill: var(--bz-fg-2); }
html[data-tema="biznis"] .ql-snow .ql-picker { color: var(--bz-fg-2); }
html[data-tema="biznis"] .ql-snow .ql-active .ql-stroke { stroke: var(--bz-akcenat) !important; }
html[data-tema="biznis"] .ql-snow .ql-active .ql-fill { fill: var(--bz-akcenat) !important; }
html[data-tema="biznis"] .ql-snow button:hover .ql-stroke { stroke: var(--bz-fg) !important; }
html[data-tema="biznis"] .ql-snow button:hover .ql-fill { fill: var(--bz-fg) !important; }

/* Blok u uređivaču: video se vidi, ostale vrste stoje kao oznaka. */
html[data-tema="biznis"] .ql-editor .trek-blok { margin: 20px 0; border-radius: 12px; overflow: hidden; background: var(--bz-bg); }
html[data-tema="biznis"] .ql-editor .trek-blok iframe,
html[data-tema="biznis"] .ql-editor .trek-blok video { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; background: #000; pointer-events: none; }
html[data-tema="biznis"] .ql-editor .trek-blok-oznaka {
	display: block;
	padding: 14px 16px;
	font-family: var(--bz-f-mono);
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--bz-muted);
}

/* Panel za ubacivanje videa. */
html[data-tema="biznis"] .trek-video-panel {
	margin-top: 12px;
	padding: 16px;
	border-radius: 14px;
	background: var(--bz-bg);
}
html[data-tema="biznis"] .trek-video-panel label { display: block; font-size: 13px; font-weight: 600; color: var(--bz-fg); margin-bottom: 7px; }
html[data-tema="biznis"] .trek-video-red { display: flex; gap: 8px; }
html[data-tema="biznis"] .trek-video-red input {
	flex: 1;
	border: 0;
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	border-radius: 12px;
	background: var(--bz-povrs);
	padding: 11px 13px;
	font: 15px/1.4 var(--bz-f-ui);
	color: var(--bz-fg);
}
html[data-tema="biznis"] .trek-video-red input:focus { outline: 0; box-shadow: inset 0 0 0 2px var(--bz-fg); }
html[data-tema="biznis"] .trek-video-ili { margin: 14px 0 7px; font-size: 13px; color: var(--bz-muted); }
html[data-tema="biznis"] .trek-video-panel input[type="file"] { font-size: 13.5px; color: var(--bz-fg-2); }
html[data-tema="biznis"] .trek-video-greska { margin: 10px 0 0; font-size: 13.5px; color: var(--bz-akcenat); }

/* Skupljen levi meni: rubrika pokazuje početno slovo umesto gole tačkice.
   Sedam istih sivih tačaka u koloni nije govorilo ništa. */
html.bz-levo-usko[data-tema="biznis"] .bz-radar .bz-tackica { display: none; }
html.bz-levo-usko[data-tema="biznis"] .bz-radar {
	justify-content: center;
	padding-left: 0;
	padding-right: 0;
}
html.bz-levo-usko[data-tema="biznis"] .bz-radar::before {
	content: attr(data-slovo);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 8px;
	background: var(--bz-bg-2);
	font: 600 12.5px/1 var(--bz-f-ui);
	letter-spacing: 0;
	color: var(--bz-fg-2);
	transition: background .18s var(--bz-ease), color .18s var(--bz-ease);
}
html.bz-levo-usko[data-tema="biznis"] .bz-radar:hover::before { background: var(--bz-crna); color: #fff; }
html.bz-levo-usko[data-tema="biznis"] .bz-radar.je-aktivan { background: transparent; }
html.bz-levo-usko[data-tema="biznis"] .bz-radar.je-aktivan::before { background: var(--bz-akcenat); color: #fff; }

/* ── Gornja traka iznad zaglavlja ────────────────────────────────────────
   Tanak red, tiši od zaglavlja ispod njega: nosi datum, koliko je stiglo danas
   i ulaz u Igre. Ukupan broj tekstova je izbačen, jer broj koji se ne menja iz
   sata u sat nije vest. */
html[data-tema="biznis"] .bz-vrh {
	background: var(--bz-crna);
	border-bottom: 1px solid rgba(255, 255, 255, .09);
}
html[data-tema="biznis"] .bz-vrh-omot {
	display: flex;
	align-items: center;
	gap: 16px;
	height: 34px;
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 11.5px;
	letter-spacing: .01em;
	color: rgba(255, 255, 255, .5);
}
html[data-tema="biznis"] .bz-vrh-razmak { flex: 1; }
html[data-tema="biznis"] .bz-vrh-omot a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: rgba(255, 255, 255, .62);
	text-decoration: none;
	transition: color .16s var(--bz-ease);
}
html[data-tema="biznis"] .bz-vrh-omot a:hover { color: var(--bz-akcenat); }
html[data-tema="biznis"] .bz-vrh-omot b { color: rgba(255, 255, 255, .92); font-weight: 600; }
html[data-tema="biznis"] .bz-vrh-omot a:hover b { color: var(--bz-akcenat); }
html[data-tema="biznis"] .bz-vrh-datum { color: rgba(255, 255, 255, .42); }
html[data-tema="biznis"] .bz-vrh-omot .bz-ik { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 1.7; }
html[data-tema="biznis"] .bz-vrh .bz-danas-tacka {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--bz-akcenat);
	animation: bzDanasDah 2.4s var(--bz-ease) infinite;
}
/* Na telefonu traka odlazi: tamo prostor ide na pretragu i kontrole. */
@media (max-width: 720px) { html[data-tema="biznis"] .bz-vrh { display: none; } }

/* ═══ IGRE ═══════════════════════════════════════════════════════════════════
   Svaka igra je nosila svoju boju iz servisa (zelena, tirkizna, braon, plava,
   narandžasta, ljubičasta, crvena), pa je spisak izgledao kao tuđ sajt zalepljen
   na Trek. Ovde sve prelazi na paletu sajta: bela površina, crna slova, jedan
   narandžasti naglasak. Boja iz servisa se NE briše u kodu, samo se ovde
   nadjačava, pa ostale teme i dalje dobijaju šarene kartice.
   ═════════════════════════════════════════════════════════════════════════ */
html[data-tema="biznis"] .ig-strana {
	background: var(--bz-povrs);
	padding: clamp(24px, 4vw, 48px) 0 clamp(48px, 7vw, 88px);
}
html[data-tema="biznis"] .ig-strana .container { max-width: 1080px; }
html[data-tema="biznis"] .ig-kartica,
html[data-tema="biznis"] .ig-ostale-red a,
html[data-tema="biznis"] .trek-otkrij-igra { --ig-boja: var(--bz-akcenat) !important; }

html[data-tema="biznis"] .ig-zaglavlje { text-align: left; margin-bottom: clamp(24px, 4vw, 40px); }
html[data-tema="biznis"] .ig-zaglavlje h1 {
	font-family: var(--bz-f-serif);
	font-size: clamp(32px, 4.4vw, 46px);
	font-weight: 600;
	letter-spacing: -.025em;
	line-height: 1.08;
	color: var(--bz-fg);
	margin: 0 0 12px;
}
html[data-tema="biznis"] .ig-zaglavlje p { font-size: 16.5px; line-height: 1.55; color: var(--bz-fg-2); margin: 0; max-width: 58ch; }

html[data-tema="biznis"] .ig-mreza {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(232px, 1fr));
	gap: 14px;
}
html[data-tema="biznis"] .ig-kartica {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	padding: 20px;
	border: 0;
	border-radius: 18px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line);
	text-decoration: none;
	transition: box-shadow .2s var(--bz-ease), transform .2s var(--bz-ease);
}
html[data-tema="biznis"] .ig-kartica:hover { box-shadow: inset 0 0 0 1px var(--bz-fg); transform: translateY(-2px); }
html[data-tema="biznis"] .ig-crtez {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 16 / 9;
	margin-bottom: 16px;
	border-radius: 12px;
	background: var(--bz-bg);
}
html[data-tema="biznis"] .ig-crtez svg { max-width: 64%; max-height: 64%; }
html[data-tema="biznis"] .ig-ime { font-size: 17px; font-weight: 650; letter-spacing: -.02em; color: var(--bz-fg); }
html[data-tema="biznis"] .ig-opis { margin-top: 5px; font-size: 13.5px; line-height: 1.5; color: var(--bz-muted); }
html[data-tema="biznis"] .ig-oznake { display: flex; align-items: center; gap: 6px; margin-top: 12px; }
html[data-tema="biznis"] .ig-oznaka,
html[data-tema="biznis"] .ig-niz {
	background: var(--bz-bg);
	color: var(--bz-muted);
	border-radius: 999px;
	padding: 4px 10px;
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 11px;
	letter-spacing: .02em;
	font-weight: 500;
}
html[data-tema="biznis"] .ig-dugme {
	margin-top: 16px;
	background: var(--bz-crna);
	color: #fff;
	border-radius: 999px;
	padding: 9px 20px;
	font-size: 14px;
	font-weight: 600;
	transition: background .18s var(--bz-ease);
}
html[data-tema="biznis"] .ig-kartica:hover .ig-dugme { background: var(--bz-akcenat); }

/* ── Strana jedne igre ──────────────────────────────────────────────────── */
html[data-tema="biznis"] .ig-putanja { font-size: 13px; color: var(--bz-muted); margin-bottom: 18px; }
html[data-tema="biznis"] .ig-putanja a { color: var(--bz-fg-2); text-decoration: none; }
html[data-tema="biznis"] .ig-putanja a:hover { color: var(--bz-akcenat); }
html[data-tema="biznis"] .ig-broj {
	display: inline-block;
	margin-left: 6px;
	background: var(--bz-bg);
	border-radius: 999px;
	padding: 3px 10px;
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 12px;
	font-weight: 500;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .ig-traka {
	display: flex;
	flex-wrap: wrap;
	gap: 10px clamp(20px, 3vw, 40px);
	margin: 0 0 24px;
	padding: 16px 0;
	border-top: 1px solid var(--bz-line);
	border-bottom: 1px solid var(--bz-line);
	background: transparent;
}
html[data-tema="biznis"] .ig-stat { display: flex; flex-direction: column; gap: 2px; }
html[data-tema="biznis"] .ig-stat b {
	font-family: var(--bz-f-serif);
	font-variant-numeric: tabular-nums;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -.02em;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .ig-stat small { font-size: 12px; color: var(--bz-muted); }
html[data-tema="biznis"] .ig-tabla-okvir {
	padding: clamp(18px, 3vw, 32px);
	border-radius: 20px;
	background: var(--bz-bg);
	box-shadow: inset 0 0 0 1px var(--bz-line);
}
html[data-tema="biznis"] .ig-alatke { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
html[data-tema="biznis"] .ig-btn {
	border: 0;
	border-radius: 999px;
	padding: 10px 18px;
	font: 600 14px/1 var(--bz-f-ui);
	background: transparent;
	color: var(--bz-fg);
	box-shadow: inset 0 0 0 1.5px var(--bz-line-2);
	cursor: pointer;
	transition: box-shadow .18s var(--bz-ease), background .18s var(--bz-ease), color .18s var(--bz-ease);
}
html[data-tema="biznis"] .ig-btn:hover { background: var(--bz-crna); color: #fff; box-shadow: none; }
html[data-tema="biznis"] .ig-btn-glavno { background: var(--bz-akcenat); color: #fff; box-shadow: none; }
html[data-tema="biznis"] .ig-btn-glavno:hover { background: var(--bz-crna); }
html[data-tema="biznis"] .ig-uputstvo { margin-top: 22px; border-top: 1px solid var(--bz-line); padding-top: 16px; }
html[data-tema="biznis"] .ig-uputstvo summary { font-size: 15px; font-weight: 600; color: var(--bz-fg); cursor: pointer; }
html[data-tema="biznis"] .ig-uputstvo p { margin-top: 10px; font-size: 15px; line-height: 1.65; color: var(--bz-fg-2); }
html[data-tema="biznis"] .ig-ostale { margin-top: clamp(32px, 5vw, 56px); }
html[data-tema="biznis"] .ig-ostale h2 {
	font-family: var(--bz-f-mono);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--bz-muted);
	margin: 0 0 14px;
}
html[data-tema="biznis"] .ig-ostale-red { display: flex; flex-wrap: wrap; gap: 8px; }
html[data-tema="biznis"] .ig-ostale-red a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 0;
	border-radius: 999px;
	background: var(--bz-bg);
	padding: 9px 16px;
	font-size: 14px;
	font-weight: 500;
	color: var(--bz-fg);
	text-decoration: none;
	transition: background .18s var(--bz-ease), color .18s var(--bz-ease);
}
html[data-tema="biznis"] .ig-ostale-red a:hover { background: var(--bz-crna); color: #fff; }
html[data-tema="biznis"] .ig-ostale-red a i { color: var(--bz-akcenat); }
html[data-tema="biznis"] .ig-ostale-red a:hover i { color: #fff; }
html[data-tema="biznis"] .ig-poruka {
	border-radius: 999px;
	background: var(--bz-crna);
	color: #fff;
	font-family: var(--bz-f-ui);
	font-size: 14px;
	font-weight: 600;
	padding: 12px 22px;
}

/* ── Table igara: tri stanja bez šarenila ───────────────────────────────────
   Pogodi reč ima tri ishoda slova. Umesto zelene, žute i sive idu crna (na
   mestu), narandžasta (u reči) i tiha siva (nema je): razlikuju se i u boji i
   u kontrastu, pa rade i za daltoniste. */
html[data-tema="biznis"] .pr-polje,
html[data-tema="biznis"] .sb-polje,
html[data-tema="biznis"] .io-polje,
html[data-tema="biznis"] .me-lice,
html[data-tema="biznis"] .pp-pojam,
html[data-tema="biznis"] .hr-stavka {
	border-radius: 10px;
	font-family: var(--bz-f-ui);
	color: var(--bz-fg);
}
html[data-tema="biznis"] .pr-polje { background: var(--bz-povrs); box-shadow: inset 0 0 0 1.5px var(--bz-line-2); border: 0; }
html[data-tema="biznis"] .pr-polje.puno { box-shadow: inset 0 0 0 1.5px var(--bz-fg); }
html[data-tema="biznis"] .pr-polje.tacno { background: var(--bz-crna); color: #fff; box-shadow: none; }
html[data-tema="biznis"] .pr-polje.ima { background: var(--bz-akcenat); color: #fff; box-shadow: none; }
html[data-tema="biznis"] .pr-polje.nema { background: var(--bz-bg-2); color: var(--bz-muted); box-shadow: none; }
html[data-tema="biznis"] .pr-taster {
	border: 0;
	border-radius: 9px;
	background: var(--bz-bg-2);
	color: var(--bz-fg);
	font-family: var(--bz-f-ui);
	font-weight: 600;
}
html[data-tema="biznis"] .pr-taster:hover { background: var(--bz-line); }
html[data-tema="biznis"] .pr-taster.tacno { background: var(--bz-crna); color: #fff; }
html[data-tema="biznis"] .pr-taster.ima { background: var(--bz-akcenat); color: #fff; }
html[data-tema="biznis"] .pr-taster.nema { background: var(--bz-line); color: var(--bz-muted); }

html[data-tema="biznis"] .sb-polje { background: var(--bz-povrs); color: var(--bz-fg); }
html[data-tema="biznis"] .sb-polje.nova { color: var(--bz-akcenat); font-weight: 700; }
html[data-tema="biznis"] .sb-savet { color: var(--bz-muted); }

html[data-tema="biznis"] .me-lice { background: var(--bz-bg-2); }
html[data-tema="biznis"] .me-kartica .me-nazad { background: var(--bz-crna); }
html[data-tema="biznis"] .me-kartica.nasao .me-lice { background: var(--bz-akcenat); color: #fff; }

html[data-tema="biznis"] .io-polje { background: var(--bz-povrs); box-shadow: inset 0 0 0 1.5px var(--bz-line-2); border: 0; }
html[data-tema="biznis"] .io-polje[data-znak="x"] { color: var(--bz-fg); }
html[data-tema="biznis"] .io-polje[data-znak="o"] { color: var(--bz-akcenat); }
html[data-tema="biznis"] .io-polje.pobeda { background: var(--bz-crna); color: #fff; box-shadow: none; }
html[data-tema="biznis"] .io-stanje,
html[data-tema="biznis"] .io-skor { color: var(--bz-fg-2); font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; }

html[data-tema="biznis"] .pp-pojam { background: var(--bz-povrs); box-shadow: inset 0 0 0 1.5px var(--bz-line-2); border: 0; font-weight: 600; }
html[data-tema="biznis"] .pp-pojam.izabran { background: var(--bz-crna); color: #fff; box-shadow: none; }
html[data-tema="biznis"] .pp-grupa { border-radius: 12px; background: var(--bz-crna); color: #fff; }
html[data-tema="biznis"] .pp-grupa b { color: #fff; }
html[data-tema="biznis"] .pp-grupa span { color: rgba(255, 255, 255, .72); }
html[data-tema="biznis"] .pp-greske { color: var(--bz-muted); font-family: var(--bz-f-meta); }

html[data-tema="biznis"] .hr-stavka { background: var(--bz-povrs); box-shadow: inset 0 0 0 1.5px var(--bz-line-2); border: 0; }
html[data-tema="biznis"] .hr-godina { color: var(--bz-akcenat); font-family: var(--bz-f-meta); font-variant-numeric: tabular-nums; font-weight: 600; }
html[data-tema="biznis"] .hr-uputa { color: var(--bz-muted); }

/* ═══ OTKRIJ ═════════════════════════════════════════════════════════════════
   Strana je bila skup Bootstrap redova sa šarenim pločicama rubrika, plavim i
   crvenim ikonicama i karticom preporuke na kojoj je naslov padao preko slike.
   Ovde dobija istu belu površinu, hairline i jedan narandžasti naglasak.
   ═════════════════════════════════════════════════════════════════════════ */
html[data-tema="biznis"] .trek-otkrij { background: var(--bz-povrs); padding-bottom: clamp(40px, 6vw, 72px); }
html[data-tema="biznis"] .trek-otkrij .container { max-width: 1180px; }
html[data-tema="biznis"] .trek-otkrij .ot-h1 {
	font-family: var(--bz-f-serif);
	font-size: clamp(32px, 4.4vw, 46px);
	font-weight: 600;
	letter-spacing: -.025em;
	line-height: 1.08;
	color: var(--bz-fg);
	margin: 0 0 18px;
}
html[data-tema="biznis"] .trek-otkrij .ot-nad {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--bz-f-mono);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--bz-muted);
	margin: 0 0 16px;
	padding-top: 22px;
	border-top: 1px solid var(--bz-line);
}
html[data-tema="biznis"] .trek-otkrij .ot-nad i { color: var(--bz-akcenat) !important; font-size: 13px; }
html[data-tema="biznis"] .trek-otkrij .ot-nad .small,
html[data-tema="biznis"] .trek-otkrij .ot-nad span { letter-spacing: .04em; text-transform: none; }

/* Pretraga na vrhu: jedno polje, bez Bootstrap ivica. */
html[data-tema="biznis"] .trek-otkrij-search .trek-search-form {
	display: flex;
	align-items: center;
	gap: 10px;
	border: 0;
	border-radius: 999px;
	background: var(--bz-bg);
	padding: 4px 18px;
}
html[data-tema="biznis"] .trek-otkrij-search .trek-search-ic { color: var(--bz-muted); }
html[data-tema="biznis"] .trek-otkrij-search .trek-search-input {
	flex: 1;
	border: 0;
	background: transparent;
	padding: 13px 0;
	font-size: 15.5px;
	color: var(--bz-fg);
	outline: 0;
}

/* Igre u traci: bez boje po igri. */
html[data-tema="biznis"] .trek-otkrij-igre { display: flex; flex-wrap: wrap; gap: 8px; }
html[data-tema="biznis"] .trek-otkrij-igra {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 0;
	border-radius: 999px;
	background: var(--bz-bg);
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 500;
	color: var(--bz-fg);
	text-decoration: none;
	transition: background .18s var(--bz-ease), color .18s var(--bz-ease);
}
html[data-tema="biznis"] .trek-otkrij-igra:hover { background: var(--bz-crna); color: #fff; }
html[data-tema="biznis"] .trek-otkrij-igra i { color: var(--bz-akcenat); }
html[data-tema="biznis"] .trek-otkrij-igra:hover i { color: #fff; }
html[data-tema="biznis"] .trek-otkrij-igra span {
	background: var(--bz-bg-2);
	border-radius: 999px;
	padding: 2px 8px;
	font-family: var(--bz-f-meta);
	font-size: 10.5px;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .trek-otkrij-igra-sve { background: var(--bz-crna); color: #fff; }
html[data-tema="biznis"] .trek-otkrij-igra-sve i { color: #fff; }

/* Preporuka redakcije: naslov ISPOD slike, oznaka na slici. Ranije je naslov
   bio apsolutno postavljen preko slike, pa se na uskoj kartici lomio i padao
   van okvira. */
html[data-tema="biznis"] .trek-prep-kart {
	display: flex;
	flex-direction: column;
	border: 0;
	border-radius: 16px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line);
	overflow: hidden;
	text-decoration: none;
	height: 100%;
	transition: box-shadow .2s var(--bz-ease), transform .2s var(--bz-ease);
}
html[data-tema="biznis"] .trek-prep-kart:hover { box-shadow: inset 0 0 0 1px var(--bz-fg); transform: translateY(-2px); }
html[data-tema="biznis"] .trek-prep-slika { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--bz-bg); }
html[data-tema="biznis"] .trek-prep-slika img { width: 100%; height: 100%; object-fit: cover; }
html[data-tema="biznis"] .trek-prep-badge {
	position: absolute;
	inset: auto auto 10px 10px;
	background: var(--bz-crna);
	color: #fff;
	border-radius: 999px;
	padding: 5px 11px;
	font-family: var(--bz-f-meta);
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
}
html[data-tema="biznis"] .trek-prep-badge i { display: none; }
html[data-tema="biznis"] .trek-prep-kart .trek-rank-cat {
	display: block;
	margin: 14px 16px 0;
	font-family: var(--bz-f-meta);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--bz-akcenat);
}
html[data-tema="biznis"] .trek-prep-nas {
	position: static;
	margin: 6px 16px 18px;
	font-family: var(--bz-f-serif);
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -.02em;
	line-height: 1.28;
	color: var(--bz-fg);
	text-shadow: none;
	background: none;
}

/* Pločice rubrika: bez palete po rubrici. */
html[data-tema="biznis"] .trek-tile {
	--c: var(--bz-akcenat);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	border: 0 !important;
	border-radius: 14px !important;
	background: var(--bz-bg) !important;
	padding: 16px 14px;
	font-size: 14px;
	font-weight: 500;
	color: var(--bz-fg) !important;
	text-decoration: none;
	transition: background .18s var(--bz-ease), color .18s var(--bz-ease);
}
html[data-tema="biznis"] .trek-tile i { color: var(--bz-akcenat) !important; font-size: 18px; }
html[data-tema="biznis"] .trek-tile:hover { background: var(--bz-crna) !important; color: #fff !important; }
html[data-tema="biznis"] .trek-tile:hover i { color: #fff !important; }

/* Redovi „U trendu" i „U diskusiji". */
html[data-tema="biznis"] .trek-rank-row {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 0;
	border-bottom: 1px solid var(--bz-line);
	text-decoration: none;
	transition: opacity .18s var(--bz-ease);
}
html[data-tema="biznis"] .trek-rank-row:hover { opacity: .62; }
html[data-tema="biznis"] .trek-rank-no {
	flex: 0 0 auto;
	width: 30px;
	font-family: var(--bz-f-serif);
	font-variant-numeric: tabular-nums;
	font-size: 22px;
	font-weight: 600;
	color: var(--bz-line-2);
	opacity: 1;
}
html[data-tema="biznis"] .trek-rank-tt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
html[data-tema="biznis"] .trek-rank-cat {
	font-family: var(--bz-f-meta);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--bz-akcenat);
}
html[data-tema="biznis"] .trek-rank-tt .fw-bold {
	font-family: var(--bz-f-serif) !important;
	font-size: 16px;
	font-weight: 600 !important;
	letter-spacing: -.015em;
	line-height: 1.3;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .trek-disk-broj {
	margin-left: auto;
	background: var(--bz-bg);
	border-radius: 999px;
	padding: 5px 11px;
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 12px;
	color: var(--bz-muted);
	white-space: nowrap;
}
html[data-tema="biznis"] .trek-disk-broj i { color: var(--bz-muted); }

/* Zaglavlje igara je nosilo bež podlogu iz `trek-igre.css`, pa je na beloj
   strani izgledalo kao zaboravljen okvir. */
html[data-tema="biznis"] .ig-zaglavlje,
html[data-tema="biznis"] .ig-zaglavlje-jedna { background: transparent; box-shadow: none; border: 0; padding: 0; }
html[data-tema="biznis"] .ig-kartica,
html[data-tema="biznis"] .ig-ostale-red a {
	--ig-boja-2: var(--bz-crna) !important;
	--ig-boja-3: var(--bz-fg-2) !important;
	--ig-boja-4: var(--bz-line-2) !important;
}

/* ═══ AUTORSKA ZONA ══════════════════════════════════════════════════════════
   Sve strane pod /autor. Zatečeno su bile Bootstrap kartice sa plavim
   dugmadima i šarenim značkama, a dugme „Tabla" je na prelazu mišem gubilo
   slova, jer Bootstrap tada stavlja belu boju na svetlu podlogu.
   ═════════════════════════════════════════════════════════════════════════ */
html[data-tema="biznis"] .trek-autor { background: var(--bz-povrs); }
html[data-tema="biznis"] .au-strana { background: var(--bz-povrs); padding: clamp(18px, 3vw, 30px) 20px clamp(48px, 7vw, 88px); }
html[data-tema="biznis"] .au-omot { max-width: 1080px; margin: 0 auto; }

/* ── Red veza kroz autorsku zonu ─────────────────────────────────────────── */
html[data-tema="biznis"] .au-nav {
	display: flex;
	align-items: center;
	gap: 2px;
	margin: 0 0 clamp(24px, 4vw, 38px);
	padding-bottom: 10px;
	border-bottom: 1px solid var(--bz-line);
	overflow-x: auto;
	scrollbar-width: none;
}
html[data-tema="biznis"] .au-nav::-webkit-scrollbar { display: none; }
html[data-tema="biznis"] .au-nav-razmak { flex: 1; min-width: 12px; }
html[data-tema="biznis"] .au-nav a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 500;
	color: var(--bz-muted);
	text-decoration: none;
	white-space: nowrap;
	transition: background .18s var(--bz-ease), color .18s var(--bz-ease);
}
html[data-tema="biznis"] .au-nav a:hover { background: var(--bz-bg); color: var(--bz-fg); }
html[data-tema="biznis"] .au-nav a.je-aktivna { background: var(--bz-crna); color: #fff; font-weight: 600; }
html[data-tema="biznis"] .au-nav a em {
	font-style: normal;
	background: var(--bz-akcenat);
	color: #fff;
	border-radius: 999px;
	padding: 1px 7px;
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 11px;
	font-weight: 600;
}
html[data-tema="biznis"] .au-nav-odjava { color: var(--bz-line-2); }
html[data-tema="biznis"] .au-nav-odjava:hover { background: var(--bz-bg); color: var(--bz-akcenat); }

/* ── Zaglavlje table ─────────────────────────────────────────────────────── */
html[data-tema="biznis"] .au-vrh {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: clamp(20px, 3vw, 30px);
}
html[data-tema="biznis"] .au-vrh h1 {
	font-family: var(--bz-f-serif);
	font-size: clamp(28px, 3.6vw, 38px);
	font-weight: 600;
	letter-spacing: -.03em;
	line-height: 1.1;
	color: var(--bz-fg);
	margin: 0 0 10px;
}
html[data-tema="biznis"] .au-paket { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
html[data-tema="biznis"] .au-paket span {
	background: var(--bz-bg);
	border-radius: 999px;
	padding: 5px 12px;
	font-size: 12.5px;
	color: var(--bz-fg-2);
}
html[data-tema="biznis"] .au-paket .je-besplatno { background: var(--bz-crna); color: #fff; }
html[data-tema="biznis"] .au-akcija { text-align: right; }
html[data-tema="biznis"] .au-akcija .tk-dugme.je-ugaseno { background: var(--bz-line); color: var(--bz-muted); cursor: not-allowed; }
html[data-tema="biznis"] .au-akcija-nota { margin: 8px 0 0; font-size: 12.5px; color: var(--bz-muted); }

html[data-tema="biznis"] .au-brojevi { margin-bottom: clamp(24px, 4vw, 36px); }

/* ── Oznaka sekcije ──────────────────────────────────────────────────────── */
html[data-tema="biznis"] .au-nad {
	font-family: var(--bz-f-mono);
	font-size: 10.5px;
	font-weight: 500;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .au-broj {
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 12.5px;
	color: var(--bz-muted);
}

/* ── Grafikon čitanja ────────────────────────────────────────────────────── */
html[data-tema="biznis"] .au-grafikon {
	margin-bottom: clamp(28px, 4vw, 44px);
	padding: 18px 20px 14px;
	border-radius: 16px;
	background: var(--bz-bg);
}
html[data-tema="biznis"] .au-grafikon-vrh { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
html[data-tema="biznis"] .au-grafikon-vrh b {
	font-family: var(--bz-f-serif);
	font-variant-numeric: tabular-nums;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -.02em;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .au-grafikon svg { display: block; width: 100%; height: 56px; }
html[data-tema="biznis"] .au-grafikon-dno {
	display: flex;
	justify-content: space-between;
	margin-top: 6px;
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 11.5px;
	color: var(--bz-muted);
}

/* ── Spisak objava ───────────────────────────────────────────────────────── */
html[data-tema="biznis"] .au-objave-nad {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--bz-line);
	margin-bottom: 4px;
}
html[data-tema="biznis"] .au-prazno { padding: 28px 0; font-size: 15.5px; color: var(--bz-muted); }
html[data-tema="biznis"] .au-objava { padding: 18px 0; border-bottom: 1px solid var(--bz-line); }
html[data-tema="biznis"] .au-objava-vrh { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
html[data-tema="biznis"] .au-objava-tekst { min-width: 0; }
html[data-tema="biznis"] .au-objava-naslov {
	display: block;
	font-family: var(--bz-f-serif);
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -.02em;
	line-height: 1.3;
	color: var(--bz-fg);
	text-decoration: none;
}
html[data-tema="biznis"] .au-objava-naslov:hover { color: var(--bz-akcenat); }
html[data-tema="biznis"] .au-objava-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px 10px;
	margin: 7px 0 0;
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 12.5px;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .au-oznaka {
	background: var(--bz-bg);
	border-radius: 999px;
	padding: 3px 9px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .02em;
	color: var(--bz-fg-2);
}
html[data-tema="biznis"] .au-oznaka.je-objavljeno { background: var(--bz-crna); color: #fff; }
html[data-tema="biznis"] .au-oznaka.je-zakazano { background: var(--bz-akcenat); color: #fff; }
html[data-tema="biznis"] .au-objava-akcije { display: flex; gap: 6px; flex: 0 0 auto; }
html[data-tema="biznis"] .au-veza {
	border-radius: 999px;
	padding: 7px 14px;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--bz-fg);
	text-decoration: none;
	box-shadow: inset 0 0 0 1.5px var(--bz-line-2);
	transition: box-shadow .18s var(--bz-ease), background .18s var(--bz-ease), color .18s var(--bz-ease);
}
html[data-tema="biznis"] .au-veza:hover { background: var(--bz-crna); color: #fff; box-shadow: none; }
html[data-tema="biznis"] .au-veza.je-jaka { background: var(--bz-crna); color: #fff; box-shadow: none; }
html[data-tema="biznis"] .au-veza.je-jaka:hover { background: var(--bz-akcenat); }
html[data-tema="biznis"] .au-traka { height: 3px; border-radius: 3px; background: var(--bz-line); margin: 14px 0 10px; overflow: hidden; }
html[data-tema="biznis"] .au-traka span { display: block; height: 100%; border-radius: 3px; background: var(--bz-akcenat); }
html[data-tema="biznis"] .au-objava-brojevi {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 18px;
	margin: 0;
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 12.5px;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .au-objava-brojevi b { color: var(--bz-fg); font-weight: 600; }
@media (max-width: 620px) {
	html[data-tema="biznis"] .au-objava-vrh { flex-direction: column; gap: 10px; }
	html[data-tema="biznis"] .au-vrh { flex-direction: column; align-items: stretch; }
	html[data-tema="biznis"] .au-akcija { text-align: left; }
}

/* ── Bootstrap u autorskoj zoni: kartice, dugmad, polja ──────────────────── */
html[data-tema="biznis"] .trek-autor main > section > .container { max-width: 1080px; }
html[data-tema="biznis"] .trek-autor .border-bottom.border-primary { display: none; }
html[data-tema="biznis"] .trek-autor h1 { font-family: var(--bz-f-serif); font-weight: 600; letter-spacing: -.03em; }
html[data-tema="biznis"] .trek-autor .card {
	border: 0 !important;
	border-radius: 18px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line);
}
html[data-tema="biznis"] .trek-autor .card-footer { background: transparent !important; border-top: 1px solid var(--bz-line); }
html[data-tema="biznis"] .trek-autor .form-label { font-size: 13px; font-weight: 600; color: var(--bz-fg); }
html[data-tema="biznis"] .trek-autor .form-control,
html[data-tema="biznis"] .trek-autor .form-select {
	border: 0;
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	border-radius: 12px;
	background: var(--bz-povrs);
	padding: 11px 13px;
	font-size: 15.5px;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .trek-autor .form-control:focus,
html[data-tema="biznis"] .trek-autor .form-select:focus { box-shadow: inset 0 0 0 2px var(--bz-fg); }
html[data-tema="biznis"] .trek-autor .form-text { color: var(--bz-muted); font-size: 12.5px; }
html[data-tema="biznis"] .trek-autor .btn { border-radius: 999px; font-weight: 600; }
html[data-tema="biznis"] .trek-autor .btn-primary { background: var(--bz-crna) !important; border: 0 !important; color: #fff !important; }
html[data-tema="biznis"] .trek-autor .btn-primary:hover { background: var(--bz-akcenat) !important; color: #fff !important; }
/* ⚠ Ovde je bio kvar: Bootstrap na prelazu mišem stavlja belu boju slova, a
   tema drži svetlu podlogu, pa je natpis nestajao. Podloga i slova se sada
   menjaju zajedno. */
html[data-tema="biznis"] .trek-autor .btn-outline-primary,
html[data-tema="biznis"] .trek-autor .btn-outline-secondary,
html[data-tema="biznis"] .trek-autor .btn-outline-danger {
	border: 0 !important;
	box-shadow: inset 0 0 0 1.5px var(--bz-line-2);
	background: transparent !important;
	color: var(--bz-fg) !important;
}
html[data-tema="biznis"] .trek-autor .btn-outline-primary:hover,
html[data-tema="biznis"] .trek-autor .btn-outline-secondary:hover,
html[data-tema="biznis"] .trek-autor .btn-outline-danger:hover,
html[data-tema="biznis"] .trek-autor .btn-check:checked + .btn-outline-primary {
	background: var(--bz-crna) !important;
	color: #fff !important;
	box-shadow: none;
}
html[data-tema="biznis"] .trek-autor .btn-outline-danger:hover { background: var(--bz-akcenat) !important; }
html[data-tema="biznis"] .trek-autor .badge { border-radius: 999px; font-weight: 600; padding: 5px 10px; }
html[data-tema="biznis"] .trek-autor .badge.text-bg-primary,
html[data-tema="biznis"] .trek-autor .badge.text-bg-success,
html[data-tema="biznis"] .trek-autor .badge.text-bg-info { background: var(--bz-crna) !important; color: #fff !important; }
html[data-tema="biznis"] .trek-autor .badge.text-bg-secondary { background: var(--bz-bg) !important; color: var(--bz-fg-2) !important; }
html[data-tema="biznis"] .trek-autor .badge.text-bg-danger { background: var(--bz-akcenat) !important; color: #fff !important; }
html[data-tema="biznis"] .trek-autor .alert { border: 0; border-radius: 12px; background: var(--bz-bg); color: var(--bz-fg); box-shadow: inset 3px 0 0 var(--bz-akcenat); }
html[data-tema="biznis"] .trek-autor .alert-success { box-shadow: inset 3px 0 0 var(--bz-fg); }
html[data-tema="biznis"] .trek-autor hr { border-color: var(--bz-line); opacity: 1; }
html[data-tema="biznis"] .trek-autor .form-check-input:checked { background-color: var(--bz-akcenat); border-color: var(--bz-akcenat); }
html[data-tema="biznis"] .trek-autor a { color: var(--bz-fg); }
html[data-tema="biznis"] .trek-autor .text-body-secondary { color: var(--bz-muted) !important; }

/* ── Polje za datoteku sa domaćim natpisom ──────────────────────────────────
   Izvorno polje ostaje u dokumentu, samo postaje providno preko cele kontrole,
   pa klik i prevlačenje rade kao i pre, a engleski natpis pregledača se ne vidi. */
html[data-tema="biznis"] .tk-fajl {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 7px 12px 7px 7px;
	border-radius: 12px;
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	background: var(--bz-povrs);
}
html[data-tema="biznis"] .tk-fajl input[type="file"] {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	box-shadow: none;
	padding: 0;
}
html[data-tema="biznis"] .tk-fajl-dugme {
	flex: 0 0 auto;
	background: var(--bz-crna);
	color: #fff;
	border-radius: 999px;
	padding: 8px 16px;
	font-size: 13.5px;
	font-weight: 600;
}
html[data-tema="biznis"] .tk-fajl:hover .tk-fajl-dugme { background: var(--bz-akcenat); }
html[data-tema="biznis"] .tk-fajl-ime {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13.5px;
	color: var(--bz-muted);
}

/* ── Prijavljen nalog u zaglavlju ────────────────────────────────────────────
   Bilo je belo dugme sa punim tekstom „Moj profil": na crnoj traci najsvetliji
   element na strani, jači i od logotipa. Sada je providno sa tankim obodom, a
   ime se povlači kad traka postane uska. */
html[data-tema="biznis"] .bz-nalog-dugme.je-prijavljen {
	background: transparent;
	color: rgba(255, 255, 255, .78);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16);
	padding: 4px 14px 4px 4px;
	gap: 9px;
	font-size: 13.5px;
	font-weight: 500;
}
html[data-tema="biznis"] .bz-nalog-dugme.je-prijavljen:hover,
html[data-tema="biznis"] .bz-nalog-dugme.je-prijavljen[aria-expanded="true"] {
	background: rgba(255, 255, 255, .09);
	color: #fff;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28);
}
html[data-tema="biznis"] .bz-nalog-dugme.je-prijavljen .bz-av {
	width: 28px;
	height: 28px;
	background: var(--bz-akcenat);
	color: #fff;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .02em;
}
html[data-tema="biznis"] .bz-nalog-ime { max-width: 12ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Uže od ovoga ostaje samo krug sa inicijalima. */
@media (max-width: 1080px) {
	html[data-tema="biznis"] .bz-nalog-ime { display: none; }
	html[data-tema="biznis"] .bz-nalog-dugme.je-prijavljen { padding: 4px; }
}

/* ── Padajući spisak obaveštenja ─────────────────────────────────────────── */
html[data-tema="biznis"] .bz-zvono-prazno { padding: 14px 16px; font-size: 13.5px; line-height: 1.5; color: var(--bz-muted); }
html[data-tema="biznis"] .trek-zv-item {
	display: block;
	padding: 12px 16px;
	border-top: 1px solid var(--bz-line);
	text-decoration: none;
	transition: background .16s var(--bz-ease);
}
html[data-tema="biznis"] .trek-zv-item:first-child { border-top: 0; }
html[data-tema="biznis"] .trek-zv-item:hover { background: var(--bz-bg); }
html[data-tema="biznis"] .trek-zv-item b { display: block; font-size: 13.5px; font-weight: 600; color: var(--bz-fg); }
html[data-tema="biznis"] .trek-zv-item span {
	display: block;
	margin-top: 2px;
	font-size: 12.5px;
	line-height: 1.45;
	color: var(--bz-muted);
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
html[data-tema="biznis"] .trek-zv-item time {
	display: block;
	margin-top: 4px;
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 11px;
	color: var(--bz-line-2);
}
/* Neviđeno obaveštenje nosi narandžastu crtu uz levu ivicu, bez šarene podloge. */
html[data-tema="biznis"] .trek-zv-item.je-novo { box-shadow: inset 3px 0 0 var(--bz-akcenat); }
html[data-tema="biznis"] .bz-zvono-sve {
	display: block;
	padding: 11px 16px;
	border-top: 1px solid var(--bz-line);
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	color: var(--bz-fg);
	text-decoration: none;
}
html[data-tema="biznis"] .bz-zvono-sve:hover { background: var(--bz-crna); color: #fff; }

/* ═══ REZULTATI PRETRAGE ═════════════════════════════════════════════════════
   Strana je imala svoje veliko polje za pretragu, iako zaglavlje već nosi
   jedno: dva ista polja jedno ispod drugog. Ovde je ostao samo pojam u naslovu,
   filteri kao tih red i rezultati kao spisak sa sličicom.
   ═════════════════════════════════════════════════════════════════════════ */
html[data-tema="biznis"] .trek-pretraga { background: var(--bz-povrs); }
html[data-tema="biznis"] .pr-strana { background: var(--bz-povrs); padding: clamp(24px, 4vw, 44px) 20px clamp(48px, 7vw, 88px); }
html[data-tema="biznis"] .pr-omot { max-width: 880px; margin: 0 auto; }
html[data-tema="biznis"] .pr-vrh { margin-bottom: clamp(20px, 3vw, 30px); }
html[data-tema="biznis"] .pr-vrh h1 {
	font-family: var(--bz-f-serif);
	font-size: clamp(30px, 4vw, 42px);
	font-weight: 600;
	letter-spacing: -.025em;
	line-height: 1.1;
	color: var(--bz-fg);
	margin: 0 0 8px;
}
html[data-tema="biznis"] .pr-uvod {
	margin: 0;
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 14px;
	color: var(--bz-muted);
}

/* ── Filteri ─────────────────────────────────────────────────────────────── */
html[data-tema="biznis"] .pr-filteri {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 10px;
	padding: 16px 0 18px;
	border-top: 1px solid var(--bz-line);
	border-bottom: 1px solid var(--bz-line);
	margin-bottom: clamp(22px, 3vw, 32px);
}
html[data-tema="biznis"] .pr-filteri label { display: flex; flex-direction: column; gap: 5px; }
html[data-tema="biznis"] .pr-filteri label span {
	font-family: var(--bz-f-mono);
	font-size: 10px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .pr-filteri select {
	border: 0;
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	border-radius: 10px;
	background: var(--bz-povrs);
	padding: 9px 32px 9px 12px;
	font: 14px/1.2 var(--bz-f-ui);
	color: var(--bz-fg);
	-webkit-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23888' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 11px center;
}
html[data-tema="biznis"] .pr-filteri select:focus { outline: 0; box-shadow: inset 0 0 0 2px var(--bz-fg); }
html[data-tema="biznis"] .pr-filteri button {
	border: 0;
	border-radius: 999px;
	background: var(--bz-crna);
	color: #fff;
	padding: 10px 20px;
	font: 600 14px/1 var(--bz-f-ui);
	cursor: pointer;
	transition: background .18s var(--bz-ease);
}
html[data-tema="biznis"] .pr-filteri button:hover { background: var(--bz-akcenat); }
html[data-tema="biznis"] .pr-ocisti { align-self: center; font-size: 13.5px; color: var(--bz-muted); text-decoration: none; }
html[data-tema="biznis"] .pr-ocisti:hover { color: var(--bz-akcenat); }

/* ── Grupe i spiskovi ────────────────────────────────────────────────────── */
html[data-tema="biznis"] .pr-grupa { margin-bottom: clamp(26px, 4vw, 40px); }
html[data-tema="biznis"] .pr-grupa .au-nad { display: block; margin-bottom: 12px; }
html[data-tema="biznis"] .pr-autori { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; }
html[data-tema="biznis"] .pr-autor {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 10px;
	border-radius: 14px;
	background: var(--bz-bg);
	text-decoration: none;
	transition: background .18s var(--bz-ease);
}
html[data-tema="biznis"] .pr-autor:hover { background: var(--bz-line); }
html[data-tema="biznis"] .pr-autor img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
html[data-tema="biznis"] .pr-autor-av {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--bz-crna);
	color: #fff;
	font-weight: 700;
	flex: 0 0 auto;
}
html[data-tema="biznis"] .pr-autor-tekst { min-width: 0; }
html[data-tema="biznis"] .pr-autor-tekst b { display: block; font-size: 14.5px; font-weight: 600; color: var(--bz-fg); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-tema="biznis"] .pr-autor-tekst span { display: block; font-size: 12.5px; color: var(--bz-muted); }

html[data-tema="biznis"] .pr-red {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 16px 0;
	border-bottom: 1px solid var(--bz-line);
	text-decoration: none;
	transition: opacity .18s var(--bz-ease);
}
html[data-tema="biznis"] .pr-red:hover { opacity: .64; }
html[data-tema="biznis"] .pr-red-slika {
	flex: 0 0 auto;
	width: 116px;
	aspect-ratio: 16 / 10;
	border-radius: 10px;
	object-fit: cover;
	background: var(--bz-bg);
}
html[data-tema="biznis"] .pr-red-slika.je-prazna { display: block; }
html[data-tema="biznis"] .pr-red-tekst { min-width: 0; }
html[data-tema="biznis"] .pr-red-rub {
	display: block;
	margin-bottom: 4px;
	font-family: var(--bz-f-meta);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--bz-akcenat);
}
html[data-tema="biznis"] .pr-red-tekst b {
	display: block;
	font-family: var(--bz-f-serif);
	font-size: 17.5px;
	font-weight: 600;
	letter-spacing: -.02em;
	line-height: 1.3;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .pr-red-tekst > span {
	display: block;
	margin-top: 5px;
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 12.5px;
	color: var(--bz-muted);
}
@media (max-width: 560px) {
	html[data-tema="biznis"] .pr-red-slika { width: 84px; }
	html[data-tema="biznis"] .pr-red-tekst b { font-size: 16px; }
}

/* ── Prazan rezultat ─────────────────────────────────────────────────────── */
html[data-tema="biznis"] .pr-prazno { padding: clamp(28px, 5vw, 56px) 0; }
html[data-tema="biznis"] .pr-prazno-nas { font-family: var(--bz-f-serif); font-size: 22px; font-weight: 600; letter-spacing: -.02em; color: var(--bz-fg); margin: 0 0 6px; }
html[data-tema="biznis"] .pr-prazno p { font-size: 15.5px; color: var(--bz-muted); margin: 0 0 18px; }
html[data-tema="biznis"] .pr-najtrazenije { margin-top: clamp(28px, 4vw, 40px); padding-top: 20px; border-top: 1px solid var(--bz-line); }
html[data-tema="biznis"] .pr-najtrazenije > div { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
html[data-tema="biznis"] .pr-najtrazenije a {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	border-radius: 999px;
	background: var(--bz-bg);
	padding: 8px 14px;
	font-size: 13.5px;
	color: var(--bz-fg);
	text-decoration: none;
	transition: background .18s var(--bz-ease), color .18s var(--bz-ease);
}
html[data-tema="biznis"] .pr-najtrazenije a:hover { background: var(--bz-crna); color: #fff; }
html[data-tema="biznis"] .pr-najtrazenije em {
	font-style: normal;
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 11px;
	color: var(--bz-line-2);
}

/* ── Anketa i kviz u uređivaču ───────────────────────────────────────────────
   Ista celina pokriva glasanje i kviz. Kvadratić „tačan" i objašnjenje imaju
   smisla samo kod kviza, pa kod ankete nestaju umesto da stoje sivi i zbunjuju. */
html[data-tema="biznis"] .trek-kviz { border-color: var(--bz-line) !important; border-radius: 16px !important; background: var(--bz-bg); }
html[data-tema="biznis"] .trek-kviz-red { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
html[data-tema="biznis"] .trek-kviz-red .form-control { flex: 1; }
html[data-tema="biznis"] .trek-kviz-tacan {
	display: none;
	align-items: center;
	gap: 7px;
	flex: 0 0 auto;
	padding: 8px 13px;
	border-radius: 999px;
	background: var(--bz-povrs);
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	font-size: 12.5px;
	font-weight: 600;
	color: var(--bz-muted);
	cursor: pointer;
	user-select: none;
}
html[data-tema="biznis"] .trek-kviz-tacan input { margin: 0; accent-color: var(--bz-akcenat); }
html[data-tema="biznis"] .trek-kviz-tacan:has(input:checked) { background: var(--bz-crna); color: #fff; box-shadow: none; }
html[data-tema="biznis"] .trek-kviz-samo { display: none; }
html[data-tema="biznis"] .trek-kviz.je-kviz .trek-kviz-tacan { display: inline-flex; }
html[data-tema="biznis"] .trek-kviz.je-kviz .trek-kviz-samo { display: block; }
@media (max-width: 560px) {
	html[data-tema="biznis"] .trek-kviz-red { flex-wrap: wrap; }
	html[data-tema="biznis"] .trek-kviz-red .form-control { flex: 1 1 100%; }
}

/* ═══ PODKASTI: filter u levoj koloni ════════════════════════════════════════
   Strana koristi raspored naslovne (`bz-telo`), pa levu kolonu nasleđuje od
   menija. Ovde se ta kolona pretvara u obrazac sa kvadratićima.
   ═════════════════════════════════════════════════════════════════════════ */
html[data-tema="biznis"] .pk-filter { display: block; }
html[data-tema="biznis"] .pk-filter-u { display: flex; flex-direction: column; gap: 22px; padding: 22px 0 40px; }
html[data-tema="biznis"] .pk-f-nas {
	display: block;
	margin: 0 0 10px;
	font-family: var(--bz-f-mono);
	font-size: 10.5px;
	font-weight: 500;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .pk-f-trazi { position: relative; display: flex; align-items: center; }
html[data-tema="biznis"] .pk-f-trazi svg {
	position: absolute;
	left: 11px;
	width: 15px;
	height: 15px;
	stroke: var(--bz-muted);
	fill: none;
	stroke-width: 1.8;
	pointer-events: none;
}
html[data-tema="biznis"] .pk-f-trazi input {
	width: 100%;
	border: 0;
	border-radius: 10px;
	background: var(--bz-bg);
	padding: 10px 12px 10px 34px;
	font: 14px/1.3 var(--bz-f-ui);
	color: var(--bz-fg);
}
html[data-tema="biznis"] .pk-f-trazi input:focus { outline: 0; box-shadow: inset 0 0 0 2px var(--bz-fg); background: var(--bz-povrs); }
html[data-tema="biznis"] .pk-f-spisak { display: flex; flex-direction: column; gap: 1px; }
/* Spisak voditelja ume da bude dugačak, pa dobija svoj skrol umesto da gura
   sadržaj strane nadole. */
html[data-tema="biznis"] .pk-f-spisak.je-visok { max-height: 320px; overflow-y: auto; scrollbar-width: thin; padding-right: 4px; }
html[data-tema="biznis"] .pk-f-kvadrat {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 6px 8px;
	border-radius: 8px;
	font-size: 13.5px;
	color: var(--bz-fg-2);
	cursor: pointer;
	transition: background .14s var(--bz-ease), color .14s var(--bz-ease);
}
html[data-tema="biznis"] .pk-f-kvadrat:hover { background: var(--bz-bg); color: var(--bz-fg); }
html[data-tema="biznis"] .pk-f-kvadrat input {
	flex: 0 0 auto;
	width: 15px;
	height: 15px;
	margin: 0;
	accent-color: var(--bz-akcenat);
	cursor: pointer;
}
html[data-tema="biznis"] .pk-f-kvadrat:has(input:checked) { color: var(--bz-fg); font-weight: 600; }
html[data-tema="biznis"] .pk-f-ime { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-tema="biznis"] .pk-f-broj {
	flex: 0 0 auto;
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 11.5px;
	font-weight: 500;
	color: var(--bz-line-2);
}
html[data-tema="biznis"] .pk-filter select {
	width: 100%;
	border: 0;
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	border-radius: 10px;
	background: var(--bz-povrs);
	padding: 9px 30px 9px 11px;
	font: 13.5px/1.3 var(--bz-f-ui);
	color: var(--bz-fg);
	-webkit-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23888' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
}
html[data-tema="biznis"] .pk-f-primeni,
html[data-tema="biznis"] .pk-f-ocisti {
	display: block;
	text-align: center;
	border: 0;
	border-radius: 999px;
	padding: 9px 16px;
	font: 600 13.5px/1 var(--bz-f-ui);
	text-decoration: none;
	cursor: pointer;
}
html[data-tema="biznis"] .pk-f-primeni { background: var(--bz-crna); color: #fff; }
html[data-tema="biznis"] .pk-f-ocisti { background: var(--bz-bg); color: var(--bz-fg-2); }
html[data-tema="biznis"] .pk-f-ocisti:hover { background: var(--bz-crna); color: #fff; }

/* ── Sredina ─────────────────────────────────────────────────────────────── */
html[data-tema="biznis"] .pk-uk {
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 12.5px;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .pk-izbor { display: flex; flex-wrap: wrap; gap: 6px; margin: -6px 0 20px; }
html[data-tema="biznis"] .pk-izbor span {
	background: var(--bz-crna);
	color: #fff;
	border-radius: 999px;
	padding: 4px 11px;
	font-size: 12px;
	font-weight: 600;
}
html[data-tema="biznis"] .pk-odeljak { margin-bottom: clamp(28px, 4vw, 44px); }
html[data-tema="biznis"] .pk-odeljak .au-nad { display: block; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid var(--bz-line); }

html[data-tema="biznis"] .pk-izdvojeno { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; }
html[data-tema="biznis"] .pk-veliki,
html[data-tema="biznis"] .pk-ep {
	display: flex;
	gap: 14px;
	padding: 12px;
	border-radius: 16px;
	background: var(--bz-bg);
	text-decoration: none;
	transition: background .18s var(--bz-ease);
}
html[data-tema="biznis"] .pk-veliki:hover,
html[data-tema="biznis"] .pk-ep:hover { background: var(--bz-line); }
html[data-tema="biznis"] .pk-veliki-omot,
html[data-tema="biznis"] .pk-ep-omot {
	position: relative;
	flex: 0 0 auto;
	width: 88px;
	height: 88px;
	border-radius: 12px;
	background: var(--bz-line) center/cover no-repeat;
}
html[data-tema="biznis"] .pk-veliki-omot { width: 108px; height: 108px; }
html[data-tema="biznis"] .pk-veliki-omot i,
html[data-tema="biznis"] .pk-ep-omot i {
	position: absolute;
	inset: auto 6px 6px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--bz-crna);
	color: #fff;
	font-size: 14px;
}
html[data-tema="biznis"] .pk-veliki-telo,
html[data-tema="biznis"] .pk-ep-telo { min-width: 0; display: flex; flex-direction: column; justify-content: center; }
html[data-tema="biznis"] .pk-emisija {
	font-family: var(--bz-f-meta);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--bz-akcenat);
	margin-bottom: 4px;
}
html[data-tema="biznis"] .pk-veliki b,
html[data-tema="biznis"] .pk-ep b {
	font-family: var(--bz-f-serif);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -.02em;
	line-height: 1.3;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .pk-opis { margin-top: 5px; font-size: 13px; line-height: 1.5; color: var(--bz-fg-2); }
html[data-tema="biznis"] .pk-meta {
	margin-top: 5px;
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 12px;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .pk-epizode { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 10px; }

html[data-tema="biznis"] .pk-mreza { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 16px; }
html[data-tema="biznis"] .pk-kart { text-decoration: none; }
html[data-tema="biznis"] .pk-kart-omot {
	position: relative;
	display: block;
	aspect-ratio: 1;
	border-radius: 14px;
	background: var(--bz-line) center/cover no-repeat;
	overflow: hidden;
}
html[data-tema="biznis"] .pk-kart-plej {
	position: absolute;
	inset: auto 8px 8px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(10, 10, 11, .78);
	color: #fff;
	font-size: 16px;
	opacity: 0;
	transform: translateY(4px);
	transition: opacity .2s var(--bz-ease), transform .2s var(--bz-ease), background .2s var(--bz-ease);
}
html[data-tema="biznis"] .pk-kart:hover .pk-kart-plej { opacity: 1; transform: none; background: var(--bz-akcenat); }
html[data-tema="biznis"] .pk-kart-telo { display: block; margin-top: 10px; }
html[data-tema="biznis"] .pk-kart-telo b {
	display: block;
	font-size: 14.5px;
	font-weight: 600;
	letter-spacing: -.015em;
	line-height: 1.3;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .pk-host { display: block; margin-top: 3px; font-size: 12.5px; color: var(--bz-fg-2); }

/* ── Desna šina ──────────────────────────────────────────────────────────── */
html[data-tema="biznis"] .pk-sina-blok { margin-bottom: 26px; }
html[data-tema="biznis"] .pk-sina-blok .au-nad { display: block; margin-bottom: 10px; }
html[data-tema="biznis"] .pk-sina-tekst { font-size: 13.5px; line-height: 1.6; color: var(--bz-fg-2); margin: 0; }
html[data-tema="biznis"] .pk-sina-teme { display: flex; flex-wrap: wrap; gap: 6px; }
html[data-tema="biznis"] .pk-sina-teme a {
	display: inline-flex;
	align-items: baseline;
	gap: 5px;
	border-radius: 999px;
	background: var(--bz-bg);
	padding: 6px 12px;
	font-size: 12.5px;
	color: var(--bz-fg);
	text-decoration: none;
}
html[data-tema="biznis"] .pk-sina-teme a:hover { background: var(--bz-crna); color: #fff; }
html[data-tema="biznis"] .pk-sina-teme em { font-style: normal; font-family: var(--bz-f-meta); font-size: 11px; color: var(--bz-line-2); }

/* Na telefonu filter ide iznad sadržaja i skuplja se, da ne guta ceo ekran. */
@media (max-width: 1080px) {
	html[data-tema="biznis"] .pk-f-spisak.je-visok { max-height: 200px; }
	html[data-tema="biznis"] .pk-filter-u { padding-top: 14px; }
}

/* ── Filter podkasta: skupljanje na telefonu ─────────────────────────────── */
html[data-tema="biznis"] .pk-filter-skup > summary { display: none; }
@media (max-width: 1080px) {
	html[data-tema="biznis"] .pk-filter-skup { border-bottom: 1px solid var(--bz-line); }
	html[data-tema="biznis"] .pk-filter-skup > summary {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 14px 0;
		font-family: var(--bz-f-mono);
		font-size: 11px;
		letter-spacing: .16em;
		text-transform: uppercase;
		color: var(--bz-fg);
		cursor: pointer;
		list-style: none;
	}
	html[data-tema="biznis"] .pk-filter-skup > summary::-webkit-details-marker { display: none; }
	html[data-tema="biznis"] .pk-filter-skup > summary::after {
		content: "";
		width: 9px;
		height: 9px;
		margin-left: auto;
		border-right: 1.6px solid var(--bz-muted);
		border-bottom: 1.6px solid var(--bz-muted);
		transform: rotate(45deg) translate(-2px, -2px);
		transition: transform .22s var(--bz-ease);
	}
	html[data-tema="biznis"] .pk-filter-skup[open] > summary::after { transform: rotate(225deg) translate(-2px, -2px); }
	html[data-tema="biznis"] .pk-filter-skup > summary em {
		font-style: normal;
		background: var(--bz-akcenat);
		color: #fff;
		border-radius: 999px;
		padding: 1px 7px;
		font-size: 10.5px;
		letter-spacing: 0;
	}
	html[data-tema="biznis"] .pk-filter-u { padding-bottom: 20px; }
	html[data-tema="biznis"] .pk-f-spisak { max-height: 210px; overflow-y: auto; }
}

/* ── Telefon: dno strane ne sme da završi ispod donje trake ──────────────────
   Donja traka aplikacije lebdi preko sadržaja, pa poslednji red na svakoj novoj
   strani inače ostaje delimično pokriven. */
@media (max-width: 991.98px) {
	html[data-tema="biznis"] .tk-strana,
	html[data-tema="biznis"] .au-strana,
	html[data-tema="biznis"] .pr-strana,
	html[data-tema="biznis"] .ig-strana,
	html[data-tema="biznis"] .trek-otkrij,
	html[data-tema="biznis"] .trek-autor main {
		padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
	}
}

/* ── Autorska zona na telefonu ───────────────────────────────────────────── */
@media (max-width: 767.98px) {
	/* Navigacija klizi vodoravno i lepi se za vrh dok se skroluje dug spisak. */
	html[data-tema="biznis"] .au-nav {
		position: sticky;
		top: 0;
		z-index: 8;
		margin-left: -20px;
		margin-right: -20px;
		padding: 10px 20px;
		background: var(--bz-povrs);
	}
	html[data-tema="biznis"] .au-nav-razmak { display: none; }
	html[data-tema="biznis"] .au-brojevi { grid-template-columns: repeat(2, 1fr); }
	html[data-tema="biznis"] .au-objava-akcije { width: 100%; }
	html[data-tema="biznis"] .au-veza { flex: 1; text-align: center; }
	/* Plutajuće dugme za novu objavu: na telefonu je pisanje glavna radnja, a
	   dugme iz zaglavlja table nestaje čim se skroluje. Diže se iznad donje
	   trake aplikacije, da je ne pokriva. */
	html[data-tema="biznis"] .au-plutajuce {
		position: fixed;
		right: 16px;
		bottom: calc(78px + env(safe-area-inset-bottom, 0px));
		z-index: 30;
		display: inline-flex;
		align-items: center;
		gap: 8px;
		border-radius: 999px;
		background: var(--bz-akcenat);
		color: #fff;
		padding: 13px 20px;
		font: 600 14.5px/1 var(--bz-f-ui);
		text-decoration: none;
		box-shadow: 0 10px 30px -12px rgba(255, 95, 31, .8);
	}
	html[data-tema="biznis"] .au-plutajuce svg { width: 17px; height: 17px; stroke: currentColor; fill: none; stroke-width: 2.2; }
}
/* Na širokom ekranu plutajuće dugme nema smisla: dugme stoji u zaglavlju table. */
@media (min-width: 768px) { html[data-tema="biznis"] .au-plutajuce { display: none; } }

/* ── Bootstrap spiskovi i tabele u autorskoj zoni ────────────────────────────
   Komentari, pitanja, serijali i baneri koriste `list-group` i `table`. Bez
   ovoga ostaju sa Bootstrap ivicama i plavim naglascima usred bele strane. */
html[data-tema="biznis"] .trek-autor .list-group { border-radius: 16px; overflow: hidden; box-shadow: inset 0 0 0 1px var(--bz-line); }
html[data-tema="biznis"] .trek-autor .list-group-item {
	border: 0;
	border-top: 1px solid var(--bz-line);
	background: var(--bz-povrs);
	padding: 16px 18px;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .trek-autor .list-group-item:first-child { border-top: 0; }
html[data-tema="biznis"] .trek-autor .list-group-item-action:hover { background: var(--bz-bg); }
html[data-tema="biznis"] .trek-autor .table { --bs-table-bg: transparent; color: var(--bz-fg); }
html[data-tema="biznis"] .trek-autor .table > :not(caption) > * > * { border-bottom-color: var(--bz-line); padding: 12px 10px; }
html[data-tema="biznis"] .trek-autor .table th {
	font-family: var(--bz-f-mono);
	font-size: 10.5px;
	font-weight: 500;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .trek-autor .display-6 {
	font-family: var(--bz-f-serif);
	font-variant-numeric: tabular-nums;
	font-size: clamp(30px, 4vw, 40px);
	font-weight: 600;
	letter-spacing: -.03em;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .trek-autor .nav-pills .nav-link { border-radius: 999px; color: var(--bz-muted); font-weight: 600; }
html[data-tema="biznis"] .trek-autor .nav-pills .nav-link.active { background: var(--bz-crna); color: #fff; }
html[data-tema="biznis"] .trek-autor .input-group .form-control { border-radius: 12px 0 0 12px; }
html[data-tema="biznis"] .trek-autor .input-group .btn { border-radius: 0 12px 12px 0; }
html[data-tema="biznis"] .trek-autor .bg-primary,
html[data-tema="biznis"] .trek-autor .bg-opacity-10 { background: var(--bz-bg) !important; }
html[data-tema="biznis"] .trek-autor .text-primary { color: var(--bz-akcenat) !important; }
html[data-tema="biznis"] .trek-autor .text-danger { color: var(--bz-akcenat) !important; }

/* ═══ PODKAST: strana epizode i emisije ══════════════════════════════════════
   Sadržaj se širio celim ekranom, omot je bio sitan, a naslovi obični. Sve
   prelazi u čitalački stubac sa serifnim naslovom, kao članak.
   ═════════════════════════════════════════════════════════════════════════ */
html[data-tema="biznis"] .trek-pk-ep .container,
html[data-tema="biznis"] .trek-pk .container { max-width: 880px; }
html[data-tema="biznis"] .trek-pk-nazad {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 6px 0 22px;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--bz-muted);
	text-decoration: none;
}
html[data-tema="biznis"] .trek-pk-nazad:hover { color: var(--bz-akcenat); }
html[data-tema="biznis"] .trek-pk-ep-vrh { display: flex; gap: clamp(18px, 3vw, 30px); align-items: flex-start; margin-bottom: 24px; }
html[data-tema="biznis"] .trek-pk-ep-slika {
	flex: 0 0 auto;
	width: clamp(120px, 18vw, 176px);
	aspect-ratio: 1;
	border-radius: 18px;
	background-size: cover;
	background-position: center;
	background-color: var(--bz-bg);
	box-shadow: 0 18px 44px -22px rgba(24, 24, 24, .4);
}
html[data-tema="biznis"] .trek-pk-ep-h1 {
	font-family: var(--bz-f-serif);
	font-size: clamp(24px, 3.4vw, 36px);
	font-weight: 600;
	letter-spacing: -.025em;
	line-height: 1.15;
	color: var(--bz-fg);
	margin: 4px 0 12px;
}
html[data-tema="biznis"] .trek-pk-ep-podaci { display: flex; flex-wrap: wrap; gap: 6px 16px; }
html[data-tema="biznis"] .trek-pk-ep-podaci span {
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 13px;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .trek-pk-ep-podaci i { color: var(--bz-akcenat); }
html[data-tema="biznis"] .trek-pk-ep-podnaslov {
	font-family: var(--bz-f-mono);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--bz-muted);
	margin: clamp(26px, 4vw, 40px) 0 14px;
	padding-top: 18px;
	border-top: 1px solid var(--bz-line);
}
html[data-tema="biznis"] .trek-pk-ep-opis { max-width: 66ch; }
html[data-tema="biznis"] .trek-pk-ep-opis p { font-size: 16px; line-height: 1.7; color: var(--bz-fg-2); }
html[data-tema="biznis"] .trek-pk-lista { list-style: none; margin: 0; padding: 0; }
html[data-tema="biznis"] .trek-pk-red {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 13px 0;
	border-bottom: 1px solid var(--bz-line);
	text-decoration: none;
	transition: opacity .18s var(--bz-ease);
}
html[data-tema="biznis"] .trek-pk-red:hover { opacity: .64; }
html[data-tema="biznis"] .trek-pk-red-plej {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--bz-bg);
	color: var(--bz-fg);
	font-size: 15px;
	transition: background .18s var(--bz-ease), color .18s var(--bz-ease);
}
html[data-tema="biznis"] .trek-pk-red:hover .trek-pk-red-plej { background: var(--bz-akcenat); color: #fff; }
html[data-tema="biznis"] .trek-pk-red-naslov { display: block; font-size: 15.5px; font-weight: 600; letter-spacing: -.015em; color: var(--bz-fg); }
html[data-tema="biznis"] .trek-pk-red-meta {
	display: block;
	margin-top: 2px;
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 12px;
	color: var(--bz-muted);
}
/* Plejer: bela kartica sa tankom ivicom, narandžasto dugme ostaje. */
html[data-tema="biznis"] .trek-pk-plejer,
html[data-tema="biznis"] [class*="pk-plejer"] {
	border: 0 !important;
	border-radius: 16px;
	background: var(--bz-bg) !important;
	box-shadow: none;
}
html[data-tema="biznis"] .trek-pk-ep .btn-outline-secondary {
	border: 0;
	box-shadow: inset 0 0 0 1.5px var(--bz-line-2);
	border-radius: 999px;
	color: var(--bz-fg);
	font-weight: 600;
}
html[data-tema="biznis"] .trek-pk-ep .btn-outline-secondary:hover { background: var(--bz-crna); color: #fff; box-shadow: none; }
@media (max-width: 560px) {
	html[data-tema="biznis"] .trek-pk-ep-vrh { flex-direction: column; }
	html[data-tema="biznis"] .trek-pk-ep-slika { width: 128px; }
}

/* ── OAuth dugmad na prijavi: Google i Apple prvo, lozinka ispod ─────────── */
html[data-tema="biznis"] .tk-oauth { display: flex; flex-direction: column; gap: 10px; }
html[data-tema="biznis"] .tk-oauth-dugme { width: 100%; }
html[data-tema="biznis"] .tk-oauth-dugme i { font-size: 17px; }

/* ── Lozinka iza jednog klika kada postoji Google ili Apple prijava ──────── */
html[data-tema="biznis"] .tk-loz { margin-top: 18px; text-align: left; }
html[data-tema="biznis"] .tk-loz > summary {
	list-style: none;
	text-align: center;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--bz-muted);
	cursor: pointer;
	padding: 10px 0;
}
html[data-tema="biznis"] .tk-loz > summary::-webkit-details-marker { display: none; }
html[data-tema="biznis"] .tk-loz > summary:hover { color: var(--bz-fg); }
html[data-tema="biznis"] .tk-loz[open] > summary { color: var(--bz-fg); }
html[data-tema="biznis"] .tk-loz > form { margin-top: 8px; }

/* ═══ PRIČE: beo tekst, srce na dupli tap ════════════════════════════════════
   Globalno pravilo teme boji svaki `p` u tamno sivu, pa je i lid u priči preko
   fotografije postao siv i nečitljiv. Ovde se tekst priče izričito vraća u
   belo, i na telefonu i na webu. */
html[data-tema="biznis"] .tsv-panel,
html[data-tema="biznis"] .tsv-panel p,
html[data-tema="biznis"] .tsv-lead,
html[data-tema="biznis"] .tsv-body,
html[data-tema="biznis"] .tsv-meta { color: #fff; }
html[data-tema="biznis"] .tsv-body { opacity: .94; }
html[data-tema="biznis"] .tsv-meta { opacity: .78; }

/* Srce na mestu dodira: iskoči, zadrži se, izbledi. */
html[data-tema="biznis"] .tsv-srce {
	position: fixed;
	z-index: 1099;
	width: 84px;
	height: 84px;
	margin: -42px 0 0 -42px;
	pointer-events: none;
	animation: tsvSrce .9s cubic-bezier(.2, .8, .3, 1) forwards;
}
html[data-tema="biznis"] .tsv-srce svg { width: 100%; height: 100%; fill: #fff; filter: drop-shadow(0 6px 22px rgba(0, 0, 0, .45)); }
@keyframes tsvSrce {
	0% { transform: scale(.3); opacity: 0; }
	18% { transform: scale(1.12); opacity: 1; }
	32% { transform: scale(.96); }
	70% { transform: scale(1); opacity: 1; }
	100% { transform: scale(.86) translateY(-14px); opacity: 0; }
}
html[data-tema="biznis"] .tsv-nalog {
	position: fixed;
	left: 50%;
	bottom: calc(28px + env(safe-area-inset-bottom, 0px));
	transform: translateX(-50%);
	z-index: 1099;
	background: #fff;
	color: #0a0a0a;
	border-radius: 999px;
	padding: 12px 22px;
	font: 600 14px/1 var(--bz-f-ui);
	text-decoration: none;
	box-shadow: 0 14px 40px -12px rgba(0, 0, 0, .6);
}

/* ═══ ZAGLAVLJE NA TELEFONU: raspored za desni palac ═════════════════════════
   Većina drži telefon desnom rukom, pa ono što se najčešće dira ide desno:
   meni skroz desno, pretraga i objava do njega, a nalog na levu ivicu. Grupe
   se razvezuju sa `display: contents` pa redosled određuje `order`. */
@media (max-width: 767.98px) {
	html[data-tema="biznis"] .bz-lg,
	html[data-tema="biznis"] .bz-desno { display: contents; }
	html[data-tema="biznis"] .bz-traka { gap: 8px; }
	html[data-tema="biznis"] .bz-nalog { order: 1; margin-right: auto; }
	html[data-tema="biznis"] .bz-logo { order: 2; position: absolute; left: 50%; transform: translateX(-50%); }
	html[data-tema="biznis"] .bz-plus { order: 3; }
	html[data-tema="biznis"] .bz-mob { order: 4; }
	html[data-tema="biznis"] .bz-zvono-omot { order: 5; }
	html[data-tema="biznis"] .bz-hamb { order: 6; }
	html[data-tema="biznis"] .bz-traka { position: relative; }
}

/* ═══ PRETRAGA NA TELEFONU ═══════════════════════════════════════════════════
   1. Na Otkrij se lupa preklapala sa natpisom u polju: staro pravilo drži lupu
      apsolutno preko polja, a nova forma je red, pa lupa ostaje u redu.
   2. Prozor pretrage preko celog ekrana: belo, veliko polje bez okvira, jedna
      linija ispod, krug za zatvaranje. */
html[data-tema="biznis"] .trek-otkrij-search .trek-search-form { position: relative; }
html[data-tema="biznis"] .trek-otkrij-search .trek-search-ic { position: static; transform: none; margin: 0; }
html[data-tema="biznis"] .trek-otkrij-search .trek-search-input { padding-left: 0 !important; }

html[data-tema="biznis"] .trek-search-overlay .trek-so-backdrop { background: rgba(10, 10, 11, .4); backdrop-filter: blur(3px); }
html[data-tema="biznis"] .trek-search-overlay .trek-so-panel {
	background: var(--bz-povrs);
	border-radius: 0 0 22px 22px;
	box-shadow: 0 30px 80px -30px rgba(10, 10, 11, .5);
	padding: calc(6px + env(safe-area-inset-top, 0px)) 0 10px;
}
html[data-tema="biznis"] .trek-so-search .trek-search-form {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	border: 0;
	border-bottom: 2px solid var(--bz-fg);
	border-radius: 0;
	background: transparent;
	padding: 6px 2px 10px;
}
html[data-tema="biznis"] .trek-so-search .trek-search-ic { position: static; transform: none; margin: 0; font-size: 19px; color: var(--bz-fg); }
html[data-tema="biznis"] .trek-so-search .trek-search-input {
	flex: 1;
	border: 0;
	background: transparent;
	padding: 0 !important;
	font-family: var(--bz-f-serif);
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -.02em;
	color: var(--bz-fg);
	outline: 0;
}
html[data-tema="biznis"] .trek-so-search .trek-search-input::placeholder { color: var(--bz-line-2); }
html[data-tema="biznis"] .trek-so-close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--bz-bg);
	color: var(--bz-fg) !important;
	padding: 0 !important;
}
html[data-tema="biznis"] .trek-so-close i { font-size: 17px !important; }
/* Predlozi žive pretrage u istom prozoru: redovi sa linijom, bez kutije. */
html[data-tema="biznis"] .trek-so-search .trek-search-panel {
	position: static;
	border: 0;
	box-shadow: none;
	background: transparent;
	max-height: 60vh;
	overflow-y: auto;
	margin-top: 4px;
}

/* Ispravka za telefon: traka zaglavlja na užem ekranu postaje grid sa tri
   kolone, pa je raspoređivanje po `order` lomilo hamburger u drugi red preko
   rubrika. Na telefonu se traka vraća u red. */
@media (max-width: 767.98px) {
	html[data-tema="biznis"] .bz-traka { display: flex !important; align-items: center; }
	html[data-tema="biznis"] .bz-logo { padding-left: 0; }
	html[data-tema="biznis"] .bz-hamb { margin-left: 0; margin-right: -6px; }
}
/* Igre na Otkrij ostaju pilule i na telefonu: staro pravilo ih je pretvaralo
   u velike krugove. */
@media (max-width: 991.98px) {
	html[data-tema="biznis"] .trek-otkrij-igra {
		flex-direction: row !important;
		width: auto !important;
		height: auto !important;
		aspect-ratio: auto !important;
		border-radius: 999px !important;
		padding: 10px 16px !important;
		font-size: 14px !important;
	}
	html[data-tema="biznis"] .trek-otkrij-igra i { font-size: 16px !important; }
	html[data-tema="biznis"] .trek-otkrij-igre { gap: 8px !important; }
}

/* ═══ ZA TEBE: upravljanje izborom ═══════════════════════════════════════════ */
html[data-tema="biznis"] .zt-precice { display: flex; flex-wrap: wrap; gap: 8px; margin: -6px 0 clamp(22px, 3vw, 32px); }
html[data-tema="biznis"] .zt-precice a {
	display: inline-flex;
	align-items: baseline;
	gap: 7px;
	border-radius: 999px;
	background: var(--bz-bg);
	padding: 9px 16px;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--bz-fg);
	text-decoration: none;
	transition: background .18s var(--bz-ease), color .18s var(--bz-ease);
}
html[data-tema="biznis"] .zt-precice a:hover { background: var(--bz-crna); color: #fff; }
html[data-tema="biznis"] .zt-precice em {
	font-style: normal;
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 11.5px;
	color: var(--bz-muted);
}
html[data-tema="biznis"] .zt-precice a:hover em { color: rgba(255, 255, 255, .7); }

html[data-tema="biznis"] .zt-blok { margin-bottom: clamp(24px, 4vw, 38px); }
html[data-tema="biznis"] .zt-blok .au-nad { display: block; margin-bottom: 12px; }
html[data-tema="biznis"] .zt-rubrike { display: flex; flex-wrap: wrap; gap: 8px; }
html[data-tema="biznis"] .zt-cip {
	border: 0;
	border-radius: 999px;
	background: transparent;
	box-shadow: inset 0 0 0 1.5px var(--bz-line-2);
	padding: 9px 16px;
	font: 500 13.5px/1 var(--bz-f-ui);
	color: var(--bz-fg-2);
	cursor: pointer;
	transition: background .18s var(--bz-ease), color .18s var(--bz-ease), box-shadow .18s var(--bz-ease);
}
html[data-tema="biznis"] .zt-cip:hover { box-shadow: inset 0 0 0 1.5px var(--bz-fg); color: var(--bz-fg); }
html[data-tema="biznis"] .zt-cip.je-aktivna { background: var(--bz-crna); color: #fff; box-shadow: none; font-weight: 600; }
html[data-tema="biznis"] .zt-cip.je-aktivna::before { content: "✓ "; color: var(--bz-akcenat); }
html[data-tema="biznis"] .zt-cip:disabled { opacity: .5; cursor: wait; }

html[data-tema="biznis"] .zt-autori { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 8px; }
html[data-tema="biznis"] .zt-autor {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 10px;
	border-radius: 14px;
	background: var(--bz-bg);
}
html[data-tema="biznis"] .zt-autor-veza { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1; text-decoration: none; }
html[data-tema="biznis"] .zt-autor-veza img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
html[data-tema="biznis"] .zt-autor-av {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--bz-crna);
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	flex: 0 0 auto;
}
html[data-tema="biznis"] .zt-autor-veza span:last-child {
	font-size: 14px;
	font-weight: 600;
	color: var(--bz-fg);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
html[data-tema="biznis"] .zt-otprati {
	flex: 0 0 auto;
	border: 0;
	border-radius: 999px;
	background: transparent;
	box-shadow: inset 0 0 0 1.5px var(--bz-line-2);
	padding: 7px 13px;
	font: 600 12px/1 var(--bz-f-ui);
	color: var(--bz-muted);
	cursor: pointer;
	transition: background .18s var(--bz-ease), color .18s var(--bz-ease);
}
html[data-tema="biznis"] .zt-otprati:hover { background: var(--bz-akcenat); color: #fff; box-shadow: none; }
html[data-tema="biznis"] .zt-otprati:disabled { opacity: .5; cursor: wait; }

/* ── Oznaka AI teksta ────────────────────────────────────────────────────── */
html[data-tema="biznis"] .trek-ai-okvir {
	margin-bottom: 18px;
	padding: 16px 18px;
	border-radius: 14px;
	background: var(--bz-bg);
	box-shadow: inset 3px 0 0 var(--bz-akcenat);
}
html[data-tema="biznis"] .trek-ai-okvir b { display: block; font-size: 15px; color: var(--bz-fg); margin-bottom: 6px; }
html[data-tema="biznis"] .trek-ai-okvir p { font-size: 13.5px; line-height: 1.55; color: var(--bz-fg-2); margin: 0 0 8px; }
html[data-tema="biznis"] .trek-ai-okvir ul { margin: 0 0 10px; padding-left: 18px; }
html[data-tema="biznis"] .trek-ai-okvir li { font-size: 13px; color: var(--bz-fg-2); margin-bottom: 3px; }
html[data-tema="biznis"] .trek-ai-oznaka { background: var(--bz-bg); color: var(--bz-fg-2); }

/* ── Istorija čitanja i „Nastavi gde si stao" ────────────────────────────── */
html[data-tema="biznis"] .zt-obrisi {
	border: 0;
	border-radius: 999px;
	background: transparent;
	box-shadow: inset 0 0 0 1.5px var(--bz-line-2);
	padding: 9px 16px;
	font: 600 13.5px/1 var(--bz-f-ui);
	color: var(--bz-muted);
	cursor: pointer;
	transition: background .18s var(--bz-ease), color .18s var(--bz-ease);
}
html[data-tema="biznis"] .zt-obrisi:hover { background: var(--bz-akcenat); color: #fff; box-shadow: none; }
html[data-tema="biznis"] .zt-nastavi { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; }
html[data-tema="biznis"] .zt-nastavi-kart { text-decoration: none; }
html[data-tema="biznis"] .zt-nastavi-kart img,
html[data-tema="biznis"] .zt-nastavi-prazno {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 12px;
	object-fit: cover;
	background: var(--bz-bg);
	margin-bottom: 8px;
}
html[data-tema="biznis"] .zt-nastavi-kart b {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -.015em;
	line-height: 1.35;
	color: var(--bz-fg);
}
html[data-tema="biznis"] .zt-nastavi-kart span {
	display: block;
	margin-top: 4px;
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 12px;
	color: var(--bz-muted);
}

/* Sačuvano: pročitani redovi su tiši, oznaka nosi kvačicu. */
html[data-tema="biznis"] .pr-red.je-procitan { opacity: .62; }
html[data-tema="biznis"] .pr-red.je-procitan:hover { opacity: .9; }
html[data-tema="biznis"] .pr-procitan { font-style: normal; color: var(--bz-akcenat); font-weight: 600; }

/* ═══ BOČNI MENI (hamburger) ═════════════════════════════════════════════════
   U biznis izdanju je crn, kao zaglavlje: belo na crnom, narandžasta za
   aktivno, rubrike bez šarenih boja po stavci. */
html[data-tema="biznis"] #offcanvasMenu {
	background: var(--bz-crna);
	color: rgba(255, 255, 255, .78);
	border: 0;
	width: min(86vw, 340px);
}
html[data-tema="biznis"] #offcanvasMenu .trek-off-head { border-bottom: 1px solid rgba(255, 255, 255, .1); padding: 16px 18px; }
html[data-tema="biznis"] #offcanvasMenu .trek-off-ic {
	background: rgba(255, 255, 255, .08);
	color: rgba(255, 255, 255, .8);
	border: 0;
	border-radius: 50%;
}
html[data-tema="biznis"] #offcanvasMenu .trek-off-ic:hover { background: var(--bz-akcenat); color: #fff; }
html[data-tema="biznis"] #offcanvasMenu .offcanvas-body { padding: 14px 18px calc(20px + env(safe-area-inset-bottom, 0px)); }
html[data-tema="biznis"] #offcanvasMenu .trek-off-naslov {
	font-family: var(--bz-f-mono);
	font-size: 10.5px;
	font-weight: 500;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .38);
	margin: 18px 0 8px;
}
html[data-tema="biznis"] #offcanvasMenu .trek-off-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 500;
	color: rgba(255, 255, 255, .82);
	text-decoration: none;
	transition: background .16s var(--bz-ease), color .16s var(--bz-ease);
}
html[data-tema="biznis"] #offcanvasMenu .trek-off-link:hover { background: rgba(255, 255, 255, .07); color: #fff; }
html[data-tema="biznis"] #offcanvasMenu .trek-off-pocetna { font-weight: 700; color: #fff; }
html[data-tema="biznis"] #offcanvasMenu .trek-off-lista { list-style: none; margin: 0; padding: 0; }
/* Tačka u boji rubrike se gasi: sve rubrike nose istu narandžastu crtu na prelazu. */
html[data-tema="biznis"] #offcanvasMenu .trek-off-lista .trek-off-link i,
html[data-tema="biznis"] #offcanvasMenu .trek-off-lista .trek-off-link [style*="color"] { color: var(--bz-akcenat) !important; }
html[data-tema="biznis"] #offcanvasMenu .trek-off-grupa { border: 0; background: transparent; }
html[data-tema="biznis"] #offcanvasMenu .trek-off-grupa-glava {
	color: rgba(255, 255, 255, .82);
	padding: 10px 12px;
	border-radius: 10px;
}
html[data-tema="biznis"] #offcanvasMenu .trek-off-grupa-glava:hover { background: rgba(255, 255, 255, .07); }
html[data-tema="biznis"] #offcanvasMenu .trek-off-grupa-glava i { color: rgba(255, 255, 255, .45); }
html[data-tema="biznis"] #offcanvasMenu .trek-off-podlista .trek-off-link { font-size: 14px; color: rgba(255, 255, 255, .66); }
html[data-tema="biznis"] #offcanvasMenu .trek-off-dno {
	margin-top: auto;
	padding-top: 16px;
	border-top: 1px solid rgba(255, 255, 255, .1);
	font-size: 12.5px;
	color: rgba(255, 255, 255, .45);
}
html[data-tema="biznis"] #offcanvasMenu .trek-off-dno a { color: rgba(255, 255, 255, .66); text-decoration: none; }
html[data-tema="biznis"] #offcanvasMenu .trek-off-dno a:hover { color: var(--bz-akcenat); }
html[data-tema="biznis"] #offcanvasMenu .trek-off-dno .d-lg-none { color: rgba(255, 255, 255, .35) !important; }
/* Logotip u vrhu menija: beli tekstualni znak, isti kao u zaglavlju. */
html[data-tema="biznis"] #offcanvasMenu .trek-logo-link { color: #fff; font-weight: 700; letter-spacing: -.04em; }
html[data-tema="biznis"] #offcanvasMenu .trek-logo-link img { filter: brightness(0) invert(1); }

/* Bočni meni, doterivanje: bez linija ispod stavki (izgledale su kao
   podvlake), a tačke rubrika u jednoj boji umesto po rubrici. */
html[data-tema="biznis"] #offcanvasMenu .trek-off-link { border-bottom: 0 !important; }
html[data-tema="biznis"] #offcanvasMenu .trek-off-tacka {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--bz-akcenat) !important;
	flex: 0 0 auto;
}

/* Bedž „Autor" uz komentar autora teksta. */
html[data-tema="biznis"] .trek-kom-autor {
	display: inline-block;
	margin-left: 6px;
	background: var(--bz-crna);
	color: #fff;
	border-radius: 999px;
	padding: 2px 9px;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	vertical-align: 2px;
}
/* Zaglavlje bočnog menija: logo levo, X desno, bez preklapanja. */
html[data-tema="biznis"] #offcanvasMenu .trek-off-head { display: flex; align-items: center; justify-content: space-between; }

/* ── Slušanje teksta ─────────────────────────────────────────────────────── */
html[data-tema="biznis"] .trek-slusaj-dugme {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin: 0 0 18px;
	border: 0;
	border-radius: 999px;
	background: var(--bz-crna);
	color: #fff;
	padding: 10px 18px;
	font: 600 14px/1 var(--bz-f-ui);
	cursor: pointer;
	transition: background .18s var(--bz-ease);
}
html[data-tema="biznis"] .trek-slusaj-dugme:hover { background: var(--bz-akcenat); }
html[data-tema="biznis"] .trek-slusaj-dugme.je-aktivno { background: var(--bz-akcenat); }
html[data-tema="biznis"] .trek-slusaj-dugme:disabled { background: var(--bz-line); color: var(--bz-muted); cursor: not-allowed; }
html[data-tema="biznis"] .trek-slusaj-dugme svg { width: 13px; height: 13px; fill: currentColor; }
html[data-tema="biznis"] .trek-slusaj-dugme em {
	font-style: normal;
	font-family: var(--bz-f-meta);
	font-variant-numeric: tabular-nums;
	font-size: 11.5px;
	color: rgba(255, 255, 255, .6);
}
/* Pasus koji se trenutno čita: tanka narandžasta crta uz levu ivicu. */
html[data-tema="biznis"] .je-slusa { box-shadow: inset 3px 0 0 var(--bz-akcenat); padding-left: 12px !important; transition: box-shadow .2s var(--bz-ease); }

/* Mala linija kretanja čitanja u redu objave na tabli. */
html[data-tema="biznis"] .au-iskra { display: block; width: 140px; height: 26px; margin: 6px 0 2px; opacity: .9; }

/* Prijava sporne teme na Forumu: sklopljen red ispod razgovora. */
html[data-tema="biznis"] .frm-prijava { margin: 14px 0 20px; }
html[data-tema="biznis"] .frm-prijava > summary {
	list-style: none;
	display: inline-block;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--bz-muted);
	cursor: pointer;
	padding: 4px 0;
}
html[data-tema="biznis"] .frm-prijava > summary::-webkit-details-marker { display: none; }
html[data-tema="biznis"] .frm-prijava > summary:hover { color: var(--bz-akcenat); }
html[data-tema="biznis"] .frm-prijava form { margin-top: 10px; padding: 14px; border-radius: 14px; background: var(--bz-bg); }
html[data-tema="biznis"] .frm-prijava textarea {
	width: 100%;
	border: 0;
	box-shadow: inset 0 0 0 1px var(--bz-line-2);
	border-radius: 10px;
	background: var(--bz-povrs);
	padding: 10px 12px;
	font: 14px/1.5 var(--bz-f-ui);
	color: var(--bz-fg);
	resize: vertical;
}
html[data-tema="biznis"] .frm-prijava textarea:focus { outline: 0; box-shadow: inset 0 0 0 2px var(--bz-fg); }
html[data-tema="biznis"] .frm-prijava button {
	margin-top: 10px;
	border: 0;
	border-radius: 999px;
	background: var(--bz-crna);
	color: #fff;
	padding: 9px 18px;
	font: 600 13.5px/1 var(--bz-f-ui);
	cursor: pointer;
}
html[data-tema="biznis"] .frm-prijava button:hover { background: var(--bz-akcenat); }

/* ── Forum: prihvaćen odgovor ─────────────────────────────────────────────
   Oznaka je crna pilula (u duhu teme, bez nove boje), a sam odgovor dobija
   tanak spoljni okvir preko outline-a: ne dira raspored ni razmake. */
html[data-tema="biznis"] .frm-odg.je-prihvacen { outline: 1px solid #d9d5c8; outline-offset: 12px; border-radius: 2px; }
html[data-tema="biznis"] .frm-prih-oznaka { font: 700 10px/1 var(--bz-f-meta); letter-spacing: .06em; text-transform: uppercase; color: #fff; background: var(--bz-crna); border-radius: 999px; padding: 5px 10px; margin-left: auto; white-space: nowrap; }
html[data-tema="biznis"] .frm-reseno-skok { display: inline-flex; align-items: center; gap: 8px; margin: 14px 0 2px; font: 600 13px/1.4 var(--bz-f-meta); color: var(--bz-fg); text-decoration: none; border-bottom: 1px solid var(--bz-fg); padding-bottom: 2px; }
html[data-tema="biznis"] .frm-reseno-skok:hover { color: var(--bz-akcenat); border-color: var(--bz-akcenat); }
html[data-tema="biznis"] .frm-prihvati { display: inline-flex; margin-left: 2px; }
html[data-tema="biznis"] .frm-prihvati button { border: none; background: none; color: var(--bz-fg-2, #6d6a60); font: 600 12px/1 var(--bz-f-meta); padding: 6px 8px; cursor: pointer; }
html[data-tema="biznis"] .frm-prihvati button:hover { color: var(--bz-akcenat); }

/* ── Autorski kalendar objava ─────────────────────────────────────────────
   Mreža 7 kolona; stavke su sitne pilule: zakazano narandžasto, objavljeno
   mirno sivo. Na telefonu stavke postaju crtice (7 kolona na 375 px ne može
   da nosi tekst), a čitljiv spisak je odmah ispod mreže. */
html[data-tema="biznis"] .au-kal-mesec { display: flex; align-items: center; gap: 14px; font: 600 14px/1 var(--bz-f-meta); }
html[data-tema="biznis"] .au-kal-mesec a { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid #e0ddd2; border-radius: 999px; color: var(--bz-fg); text-decoration: none; }
html[data-tema="biznis"] .au-kal-mesec a:hover { border-color: var(--bz-akcenat); color: var(--bz-akcenat); }
html[data-tema="biznis"] .au-kal { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; margin: 18px 0 26px; }
html[data-tema="biznis"] .au-kal-dan-ime { font: 700 10px/1 var(--bz-f-meta); letter-spacing: .08em; text-transform: uppercase; color: #8a877c; padding: 6px 4px; }
html[data-tema="biznis"] .au-kal-celija { min-height: 86px; border: 1px solid #e7e4da; border-radius: 10px; padding: 6px; background: var(--bz-povrs); display: flex; flex-direction: column; gap: 4px; }
html[data-tema="biznis"] .au-kal-celija.je-danas { border-color: var(--bz-crna); box-shadow: inset 0 0 0 1px var(--bz-crna); }
html[data-tema="biznis"] .au-kal-prazno { min-height: 86px; }
html[data-tema="biznis"] .au-kal-broj { font: 600 11px/1 var(--bz-f-meta); color: #8a877c; }
html[data-tema="biznis"] .au-kal-st { display: block; font: 600 11px/1.35 var(--bz-f-meta); color: var(--bz-fg); background: #f1efe7; border-radius: 7px; padding: 4px 6px; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html[data-tema="biznis"] .au-kal-st:hover { background: #e9e6db; }
html[data-tema="biznis"] .au-kal-st.je-zakazan { background: var(--bz-akcenat); color: #fff; }
html[data-tema="biznis"] .au-kal-st.je-zakazan:hover { filter: brightness(.94); }
html[data-tema="biznis"] .au-kal-dole { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-bottom: 34px; }
html[data-tema="biznis"] .au-kal-red { display: flex; gap: 12px; align-items: baseline; padding: 9px 0; border-bottom: 1px solid #eceade; color: var(--bz-fg); text-decoration: none; }
html[data-tema="biznis"] .au-kal-red b { font: 600 12px/1.3 var(--bz-f-meta); color: #8a877c; white-space: nowrap; font-variant-numeric: tabular-nums; }
html[data-tema="biznis"] .au-kal-red span { font: 600 14px/1.35 var(--bz-f-naslov, inherit); }
html[data-tema="biznis"] .au-kal-red:hover span { color: var(--bz-akcenat); }
@media (max-width: 768px) {
	html[data-tema="biznis"] .au-kal { gap: 3px; }
	html[data-tema="biznis"] .au-kal-celija, html[data-tema="biznis"] .au-kal-prazno { min-height: 46px; padding: 3px; border-radius: 7px; }
	html[data-tema="biznis"] .au-kal-st { font-size: 0; padding: 0; height: 6px; border-radius: 3px; }
	html[data-tema="biznis"] .au-kal-dole { grid-template-columns: 1fr; }
}

/* ── Arhiva po mesecima ───────────────────────────────────────────────────
   Meseci su pilule sa brojem tekstova, grupisane po godini; izabran mesec je
   crn. Spisak meseca je namerno bez slika: i sa stotinama redova ostaje lak. */
html[data-tema="biznis"] .ar-meseci { display: flex; flex-wrap: wrap; gap: 8px; }
html[data-tema="biznis"] .ar-mesec { display: inline-flex; align-items: center; gap: 7px; font: 600 13px/1 var(--bz-f-meta); color: var(--bz-fg); text-decoration: none; border: 1px solid #e0ddd2; border-radius: 999px; padding: 8px 14px; background: var(--bz-povrs); }
html[data-tema="biznis"] .ar-mesec em { font-style: normal; font-size: 11px; color: #8a877c; font-variant-numeric: tabular-nums; }
html[data-tema="biznis"] .ar-mesec:hover { border-color: var(--bz-akcenat); color: var(--bz-akcenat); }
html[data-tema="biznis"] .ar-mesec.je-aktivan { background: var(--bz-crna); border-color: var(--bz-crna); color: #fff; }
html[data-tema="biznis"] .ar-mesec.je-aktivan em { color: rgba(255, 255, 255, .65); }
html[data-tema="biznis"] .ar-red { display: flex; gap: 12px; align-items: baseline; padding: 10px 0; border-bottom: 1px solid #eceade; color: var(--bz-fg); text-decoration: none; }
html[data-tema="biznis"] .ar-red b { font: 600 12px/1.3 var(--bz-f-meta); color: #8a877c; white-space: nowrap; font-variant-numeric: tabular-nums; }
html[data-tema="biznis"] .ar-red span { font: 600 15px/1.4 var(--bz-f-naslov, inherit); flex: 1; }
html[data-tema="biznis"] .ar-red i { font: 500 11px/1 var(--bz-f-meta); font-style: normal; letter-spacing: .04em; text-transform: uppercase; color: #8a877c; white-space: nowrap; }
html[data-tema="biznis"] .ar-red:hover span { color: var(--bz-akcenat); }
@media (max-width: 768px) {
	html[data-tema="biznis"] .ar-red i { display: none; }
}

/* ── Česta pitanja (o nama) ───────────────────────────────────────────────
   Redovi sa linijom, bez kutija; marker je plus koji se okrene u minus. */
html[data-tema="biznis"] .tk-faq { margin: 44px 0 8px; }
html[data-tema="biznis"] .tk-faq h2 { margin-bottom: 10px; }
html[data-tema="biznis"] .tk-faq-red { border-bottom: 1px solid #e7e4da; }
html[data-tema="biznis"] .tk-faq-red summary { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; cursor: pointer; list-style: none; font: 600 16px/1.4 var(--bz-f-naslov, inherit); padding: 15px 0; }
html[data-tema="biznis"] .tk-faq-red summary::-webkit-details-marker { display: none; }
html[data-tema="biznis"] .tk-faq-red summary::after { content: "+"; font: 400 20px/1 var(--bz-f-meta); color: #8a877c; transition: transform .18s ease; flex: none; }
html[data-tema="biznis"] .tk-faq-red[open] summary::after { transform: rotate(45deg); color: var(--bz-akcenat); }
html[data-tema="biznis"] .tk-faq-red summary:hover { color: var(--bz-akcenat); }
html[data-tema="biznis"] .tk-faq-red p { margin: 0 0 16px; max-width: 62ch; color: var(--bz-fg-2, #4a473e); }
/* ── AEO: uvod rubrike i najčešća pitanja (06.10.2026) ── */
html[data-tema="biznis"] .bz-rubrika-uvod { margin: 0 0 28px; padding: 0 0 24px; border-bottom: 1px solid var(--bz-line); }
html[data-tema="biznis"] .bz-uvod-tekst { font-size: 17px; line-height: 1.6; color: var(--bz-fg-2); margin: 0 0 18px; max-width: 64ch; }
html[data-tema="biznis"] .bz-rubrika-uvod h2 { font-size: 18px; font-weight: 600; letter-spacing: -.02em; margin: 0 0 10px; }
html[data-tema="biznis"] .bz-faq { margin: 0; display: grid; gap: 12px; }
html[data-tema="biznis"] .bz-faq dt { font-weight: 600; color: var(--bz-fg); font-size: 15px; }
html[data-tema="biznis"] .bz-faq dd { margin: 4px 0 0; font-size: 14.5px; line-height: 1.55; color: var(--bz-muted); }