/* =======================================================================
   Trek — VIZUELNE TEME
   Isti sadržaj iz baze, potpuno različit izgled. Bira se prekidačem levo.
   Sve je oivičeno na html[data-tema="…"] da News (podrazumevano) ostane netaknut.
   Redosled: (1) zurnal  (2) lifestyle  (3) travel

   ⚠ PRAVILO: svaka tema mora da radi u OBA režima, belom i tamnom.
   Osnovni blok teme nosi SVETLE vrednosti, a blok
   html[data-tema="…"][data-bs-theme="dark"] samo prebacuje iste promenljive na
   tamne. Nema treće varijante: krem („sepija") podloga je uklonjena, jer prekidač
   svetlo/tamno u zaglavlju važi za ceo sajt i tema koja ima samo jednu varijantu
   ga tiho gasi. Zato pravila NIKAD ne upisuju boju direktno, nego preko promenljive.
   ======================================================================= */

/* =======================================================================
   1) SPORTSKI ŽURNAL  (data-tema="zurnal")
   Tamna podloga, kondenzovana tipografija, „UŽIVO", crveno/lime akcenti.
   ======================================================================= */
html[data-tema="zurnal"] {
	/* SVETLI režim je osnova. Tamni je niže, pod [data-bs-theme="dark"].
	   Svaka tema mora da radi u oba režima: prekidač u zaglavlju je zajednički
	   za ceo sajt, pa tema koja postoji samo u jednoj varijanti ga tiho gasi. */
	--z-bg: #ffffff;
	--z-surface: #f5f6f8;
	--z-surface2: #eceef2;
	--z-line: #e0e3e9;
	--z-red: #d81f2a;
	--z-lime: #5c8a00;
	--z-ink: #14171e;
	--z-muted: #5d6472;
	--z-disp: "Oswald", "Arial Narrow", system-ui, sans-serif;
	--z-cond: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;
	--z-traka: #14171e;
	--z-traka-ink: #d7dae0;
	--bs-body-bg: #ffffff;
	--bs-body-color: #14171e;
	--bs-secondary-bg: #f5f6f8;
	--bs-tertiary-bg: #f5f6f8;
	--bs-border-color: #e0e3e9;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #14171e;
	--bs-primary: #d81f2a; --bs-primary-rgb: 216,31,42;
	--trek-accent: #d81f2a;
	--trek-ink: #14171e;
	--trek-ink-2: #5d6472;
	--trek-paper: #ffffff;
	--trek-hairline: #e0e3e9;
	background: var(--z-bg);
}
html[data-tema="zurnal"][data-bs-theme="dark"] {
	--z-bg: #0a0c10;
	--z-surface: #14171e;
	--z-surface2: #1b1f28;
	--z-line: rgba(255,255,255,.09);
	--z-red: #ff2d2d;
	--z-lime: #d4ff3f;
	--z-ink: #f4f5f7;
	--z-muted: #9aa0ab;
	--z-traka: #000000;
	--z-traka-ink: #c7ccd4;
	--bs-body-bg: #0a0c10;
	--bs-body-color: #f4f5f7;
	--bs-secondary-bg: #14171e;
	--bs-tertiary-bg: #14171e;
	--bs-border-color: rgba(255,255,255,.09);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	/* Podrazumevana plava je nečitljiva na crnoj podlozi; crvena je i čitljiva i u duhu žurnala. */
	--bs-primary: #ff3b3b; --bs-primary-rgb: 255,59,59;
	--trek-accent: #ff3b3b;
	--trek-ink: #f4f5f7;
	--trek-ink-2: #9aa0ab;
	--trek-paper: #14171e;
	--trek-hairline: rgba(255,255,255,.09);
}
html[data-tema="zurnal"] body { background: var(--z-bg); color: var(--z-ink); }
[data-tema="zurnal"] ::selection { background: var(--z-red); color: #fff; }

/* ---- Header / topbar / nav (tamna koža) ---- */
[data-tema="zurnal"] header.navbar-light { background: var(--z-bg) !important; border-bottom: 1px solid var(--z-line); }
[data-tema="zurnal"] .navbar-top,
[data-tema="zurnal"] .navbar-top-mob { background: var(--z-traka) !important; border-bottom: 1px solid var(--z-line); }
[data-tema="zurnal"] .navbar-top, [data-tema="zurnal"] .navbar-top a,
[data-tema="zurnal"] .tb-link, [data-tema="zurnal"] .tb-datum, [data-tema="zurnal"] .tb-val, [data-tema="zurnal"] .tb-kurs,
[data-tema="zurnal"] .tb-otd, [data-tema="zurnal"] .tb-otd-label, [data-tema="zurnal"] .tb-otd-text { color: var(--z-traka-ink) !important; }
[data-tema="zurnal"] .trek-tb-ic { color: var(--z-traka-ink) !important; }
[data-tema="zurnal"] .navbar-nav .nav-link { color: var(--z-ink) !important; font-family: var(--z-disp); text-transform: uppercase; letter-spacing: .04em; font-weight: 600; }
[data-tema="zurnal"] .navbar-nav .nav-link:hover,
[data-tema="zurnal"] .navbar-nav .nav-link.active { color: var(--z-red) !important; }
/* Logo: prikaži svetlu (tamnu-pozadinu) varijantu na tamnom zaglavlju */
/* Logo prati REŽIM, ne temu: u svetlom režimu ide tamni logo i obrnuto. */
[data-tema="zurnal"] .trek-logo-img--tamna { display: none !important; }
[data-tema="zurnal"] .trek-logo-img--svetla { display: block !important; }
[data-tema="zurnal"][data-bs-theme="dark"] .trek-logo-img--svetla { display: none !important; }
[data-tema="zurnal"][data-bs-theme="dark"] .trek-logo-img--tamna { display: block !important; }
/* Traka najnovijih iz zaglavlja + leaderboard okvir */
[data-tema="zurnal"] .trek-tiker { background: var(--z-traka) !important; border-color: var(--z-line) !important; }
[data-tema="zurnal"] .trek-tiker-st { color: var(--z-traka-ink) !important; }
[data-tema="zurnal"] .trek-baner-header { background: var(--z-surface) !important; border-color: var(--z-line) !important; }

[data-tema="zurnal"] .tz-wrap { max-width: 1320px; }
[data-tema="zurnal"] .tz { padding-bottom: 2rem; font-family: var(--z-cond); }
[data-tema="zurnal"] .tz a { text-decoration: none; }

/* ---- UŽIVO ticker ---- */
.tz-ticker { display: flex; align-items: stretch; background: #000; border-top: 2px solid var(--z-red); border-bottom: 1px solid var(--z-line); overflow: hidden; }
.tz-ticker-oznaka { flex: 0 0 auto; display: flex; align-items: center; gap: .4rem; background: var(--z-red); color: #fff; font-family: var(--z-disp); font-weight: 700; letter-spacing: .08em; padding: .55rem 1rem; font-size: .95rem; }
.tz-ticker-oznaka i { animation: tzblink 1.1s steps(2, start) infinite; }
@keyframes tzblink { 50% { opacity: .25; } }
.tz-ticker-traka { position: relative; overflow: hidden; flex: 1; }
.tz-ticker-tok { display: inline-flex; align-items: center; gap: .5rem; white-space: nowrap; padding-block: .55rem; animation: tzticker 55s linear infinite; }
.tz-ticker-traka:hover .tz-ticker-tok { animation-play-state: paused; }
.tz-ticker-tok a { color: var(--z-ink); font-size: .98rem; }
.tz-ticker-tok a b { font-family: var(--z-disp); font-weight: 700; margin-right: .35rem; letter-spacing: .03em; }
.tz-ticker-sep { color: var(--z-red); font-weight: 700; padding-inline: .4rem; }
@keyframes tzticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ---- HERO ---- */
.tz-hero { display: grid; grid-template-columns: 1.55fr 1fr; gap: 1.25rem; margin: 1.75rem 0; }
.tz-hero-glavni { position: relative; display: block; border-radius: 14px; overflow: hidden; min-height: 460px; }
.tz-hero-glavni img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.tz-hero-glavni:hover img { transform: scale(1.04); }
.tz-hero-grad { position: absolute; inset: 0; background: linear-gradient(to top, rgba(6,7,10,.96) 4%, rgba(6,7,10,.35) 55%, transparent 78%); }
.tz-hero-telo { position: absolute; left: 0; right: 0; bottom: 0; padding: 1.75rem; z-index: 1; border-left: 5px solid var(--hc, var(--z-red)); }
.tz-hero-kicker { display: inline-block; background: var(--hc, var(--z-red)); color: #fff; font-family: var(--z-disp); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; font-size: .82rem; padding: .25rem .7rem; margin-bottom: .7rem; }
.tz-hero-tt { font-family: var(--z-disp); font-weight: 700; text-transform: uppercase; line-height: .98; letter-spacing: -.01em; color: #fff; font-size: clamp(1.9rem, 3.4vw, 3.3rem); margin: 0 0 .6rem; }
.tz-hero-lead { color: #d7dae1; font-size: 1.08rem; max-width: 60ch; margin: 0 0 .7rem; }
.tz-hero-meta { color: var(--z-muted); font-size: .9rem; text-transform: uppercase; letter-spacing: .04em; }
.tz-hero-strana { display: grid; grid-template-rows: 1fr 1fr; gap: 1.25rem; min-height: 0; }
/* Bočne kartice: kompaktan horizontalni oblik da ne razvlače hero. */
.tz-hero-strana .tz-card { flex-direction: row; }
.tz-hero-strana .tz-card-foto { flex: 0 0 44%; aspect-ratio: auto; height: 100%; }
.tz-hero-strana .tz-card-telo { justify-content: center; padding: .75rem .9rem; }
.tz-hero-strana .tz-card-tt { font-size: 1.05rem; }

/* ---- Kartica ---- */
.tz-card { display: flex; flex-direction: column; background: var(--z-surface); border: 1px solid var(--z-line); border-radius: 12px; overflow: hidden; height: 100%; transition: border-color .18s, transform .18s; }
.tz-card:hover { border-color: rgba(255,255,255,.28); transform: translateY(-3px); }
.tz-card-foto { position: relative; aspect-ratio: 16/10; overflow: hidden; }
.tz-card-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.tz-card:hover .tz-card-foto img { transform: scale(1.05); }
.tz-tag { position: absolute; left: .7rem; top: .7rem; background: var(--tc, var(--z-red)); color: #fff; font-family: var(--z-disp); font-weight: 600; text-transform: uppercase; letter-spacing: .05em; font-size: .72rem; padding: .18rem .55rem; border-radius: 3px; }
.tz-card-telo { padding: .85rem 1rem 1rem; display: flex; flex-direction: column; gap: .5rem; flex: 1; }
/* ⚠ Boja ide preko promenljive: zakucano #fff je u svetlom režimu bilo belo na belom. */
.tz-card-tt { font-family: var(--z-disp); font-weight: 600; text-transform: uppercase; line-height: 1.05; color: var(--z-ink, #fff); font-size: 1.12rem; margin: 0; letter-spacing: -.005em; }
.tz-card--v .tz-card-tt { font-size: 1.35rem; }
.tz-card:hover .tz-card-tt { color: var(--z-lime); }
.tz-card-lead { color: var(--z-muted); font-size: .96rem; margin: 0; line-height: 1.4; }
.tz-card-meta { margin-top: auto; color: var(--z-muted); font-size: .84rem; text-transform: uppercase; letter-spacing: .03em; display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; }
.tz-dot { opacity: .5; }

/* ---- Sekcije ---- */
.tz-sekcija { margin: 2.5rem 0; }
.tz-sek-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.15rem; padding-bottom: .65rem; border-bottom: 2px solid var(--z-line); }
.tz-sek-tt { font-family: var(--z-disp); font-weight: 700; text-transform: uppercase; letter-spacing: .02em; color: #fff; font-size: 1.5rem; margin: 0; display: flex; align-items: center; gap: .6rem; }
.tz-sek-bar { display: inline-block; width: 6px; height: 26px; background: var(--kc, var(--z-red)); border-radius: 2px; }
.tz-flash { color: var(--z-lime); display: inline-flex; }
.tz-sek-sve { font-family: var(--z-disp); text-transform: uppercase; letter-spacing: .04em; color: var(--kc, var(--z-red)); font-weight: 600; font-size: .95rem; white-space: nowrap; }
.tz-sek-sve:hover { color: #fff; }

/* ---- Highlights rail ---- */
.tz-highlights { display: flex; gap: 1rem; overflow-x: auto; padding-bottom: .5rem; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: var(--z-red) transparent; }
.tz-highlights::-webkit-scrollbar { height: 6px; }
.tz-highlights::-webkit-scrollbar-thumb { background: var(--z-red); border-radius: 3px; }
.tz-hl { position: relative; flex: 0 0 230px; height: 320px; border-radius: 12px; overflow: hidden; scroll-snap-align: start; display: block; }
.tz-hl-bg { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform .45s; }
.tz-hl:hover .tz-hl-bg { transform: scale(1.06); }
.tz-hl::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(5,6,9,.95) 8%, transparent 60%); }
.tz-hl-play { position: absolute; top: .8rem; right: .8rem; z-index: 2; width: 34px; height: 34px; border-radius: 50%; background: rgba(0,0,0,.5); border: 1.5px solid rgba(255,255,255,.6); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; }
.tz-hl-telo { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 1rem; }
.tz-hl-tag { font-family: var(--z-disp); text-transform: uppercase; letter-spacing: .05em; font-size: .72rem; font-weight: 600; }
.tz-hl-telo h4 { font-family: var(--z-disp); font-weight: 600; text-transform: uppercase; line-height: 1.05; color: #fff; font-size: 1.05rem; margin: .3rem 0 0; }

/* ---- Kolo (rubrika rail) ---- */
.tz-red { display: flex; gap: 1rem; overflow-x: auto; padding-bottom: .6rem; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: var(--kc, var(--z-red)) transparent; }
.tz-red::-webkit-scrollbar { height: 6px; }
.tz-red::-webkit-scrollbar-thumb { background: var(--kc, var(--z-red)); border-radius: 3px; }
.tz-red-item { position: relative; flex: 0 0 300px; scroll-snap-align: start; padding-top: .2rem; }
.tz-broj { position: absolute; top: -.5rem; left: -.3rem; z-index: 3; font-family: var(--z-disp); font-weight: 700; font-size: 2.1rem; line-height: 1; color: transparent; -webkit-text-stroke: 1.5px var(--kc, var(--z-red)); text-stroke: 1.5px var(--kc, var(--z-red)); opacity: .9; pointer-events: none; }
@media (max-width: 575.98px) { .tz-red-item { flex-basis: 78%; } }

/* ---- Tabela (najčitanije) ---- */
.tz-tabela { background: var(--z-surface); border: 1px solid var(--z-line); border-radius: 12px; overflow: hidden; }
.tz-tabela-head { display: grid; grid-template-columns: 46px 1fr 150px 110px; gap: .5rem; padding: .7rem 1.1rem; font-family: var(--z-disp); text-transform: uppercase; letter-spacing: .05em; font-size: .8rem; color: var(--z-muted); background: #000; }
.tz-tabela-red { display: grid; grid-template-columns: 46px 1fr 150px 110px; gap: .5rem; align-items: center; padding: .8rem 1.1rem; border-top: 1px solid var(--z-line); }
.tz-tabela-red:hover { background: var(--z-surface2); }
.tz-t-rank { font-family: var(--z-disp); font-weight: 700; font-size: 1.35rem; color: var(--z-muted); text-align: center; }
.tz-top3 .tz-t-rank { color: var(--z-lime); }
.tz-t-tt { font-family: var(--z-disp); font-weight: 600; text-transform: uppercase; color: #fff; font-size: 1.05rem; line-height: 1.1; }
.tz-tabela-red:hover .tz-t-tt { color: var(--z-lime); }
.tz-t-rub { font-family: var(--z-disp); text-transform: uppercase; font-size: .85rem; letter-spacing: .03em; }
.tz-t-pregled { text-align: right; font-family: var(--z-disp); font-weight: 600; color: var(--z-ink); }
@media (max-width: 767.98px) { .tz-tabela-head .tz-t-rub, .tz-tabela-red .tz-t-rub { display: none; } .tz-tabela-head, .tz-tabela-red { grid-template-columns: 40px 1fr 84px; } }

/* ---- Baner wrapper ---- */
.tz-baner { margin: 2rem 0; }

/* ---- Newsletter ---- */
.tz-news { display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; margin: 3rem 0 1rem; padding: 2.25rem; border-radius: 14px; background: linear-gradient(120deg, #14171e, #0d0f14); border: 1px solid var(--z-line); position: relative; overflow: hidden; }
.tz-news::before { content: ""; position: absolute; top: -40px; right: -40px; width: 220px; height: 220px; background: radial-gradient(circle, rgba(212,255,63,.16), transparent 70%); }
.tz-news-txt h2 { font-family: var(--z-disp); font-weight: 700; text-transform: uppercase; color: #fff; font-size: 1.7rem; margin: 0 0 .3rem; }
.tz-news-txt p { color: var(--z-muted); margin: 0; }
.tz-news-forma-w { position: relative; z-index: 1; min-width: 320px; flex: 1; max-width: 460px; }
.tz-news-forma { display: flex; gap: .5rem; }
.tz-news-forma input { flex: 1; border: 1px solid var(--z-line); background: #0a0c10; color: #fff; border-radius: 8px; padding: .7rem 1rem; font-family: var(--z-cond); font-size: 1rem; }
.tz-news-forma input::placeholder { color: #6b717c; }
.tz-news-forma button { border: 0; background: var(--z-red); color: #fff; font-family: var(--z-disp); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; padding: .7rem 1.4rem; border-radius: 8px; cursor: pointer; }
.tz-news-forma button:hover { background: var(--z-lime); color: #000; }
.tz-news-flash { background: rgba(212,255,63,.14); color: var(--z-lime); border-radius: 8px; padding: .55rem .9rem; margin-bottom: .6rem; font-weight: 600; }

@media (max-width: 991.98px) {
	.tz-hero { grid-template-columns: 1fr; }
	.tz-hero-glavni { min-height: 340px; }
	.tz-hero-strana { grid-template-rows: none; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 575.98px) {
	.tz-hero-strana { grid-template-columns: 1fr; }
	.tz-news { padding: 1.5rem; }
	.tz-news-forma-w { min-width: 100%; }
}


/* =======================================================================
   2) LIFESTYLE  (data-tema="lifestyle")
   Svetlo, toplo, prostorno. Serif (Playfair) + čist sans, grid i mozaik.
   ======================================================================= */
html[data-tema="lifestyle"] {
	/* ⚠ Krem („sepija") podloga je uklonjena: dozvoljena su samo dva režima,
	   beli i tamni. Karakter teme sada nose pismo, razmak i akcenat, ne boja papira. */
	--l-bg: #ffffff;
	--l-surface: #ffffff;
	--l-ink: #23201c;
	--l-muted: #6b6459;
	--l-line: #e6e6e8;
	--l-accent: #b0574a;
	--l-blago: #f6f6f7;
	--l-serif: "Playfair Display", Georgia, "Times New Roman", serif;
	--l-sans: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
	--bs-body-bg: #ffffff;
	--bs-body-color: #23201c;
	--bs-tertiary-bg: #f6f6f7;
	--bs-secondary-bg: #f6f6f7;
	--bs-border-color: #e6e6e8;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #23201c;
	--bs-primary: #b0574a; --bs-primary-rgb: 176,87,74;
	--trek-ink: #23201c; --trek-ink-2: #6b6459; --trek-hairline: #e6e6e8; --trek-paper: #ffffff;
	--trek-accent: #b0574a;
	background: var(--l-bg);
}
html[data-tema="lifestyle"][data-bs-theme="dark"] {
	--l-bg: #16151a;
	--l-surface: #1e1d23;
	--l-ink: #f2f0ec;
	--l-muted: #a49d93;
	--l-line: rgba(255,255,255,.10);
	--l-accent: #e08a78;
	--l-blago: #1e1d23;
	--bs-body-bg: #16151a;
	--bs-body-color: #f2f0ec;
	--bs-tertiary-bg: #1e1d23;
	--bs-secondary-bg: #1e1d23;
	--bs-border-color: rgba(255,255,255,.10);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--bs-primary: #e08a78; --bs-primary-rgb: 224,138,120;
	--trek-ink: #f2f0ec; --trek-ink-2: #a49d93; --trek-hairline: rgba(255,255,255,.10); --trek-paper: #1e1d23;
	--trek-accent: #e08a78;
}
html[data-tema="lifestyle"] body { background: var(--l-bg); color: var(--l-ink); }
[data-tema="lifestyle"] ::selection { background: var(--l-accent); color: #fff; }

/* ---- Header / nav (topao svetli ton, serif meni) ---- */
[data-tema="lifestyle"] header.navbar-light { background: var(--l-bg) !important; border-bottom: 1px solid var(--l-line); }
[data-tema="lifestyle"] .navbar-top, [data-tema="lifestyle"] .navbar-top-mob { background: var(--l-blago) !important; border-bottom: 1px solid var(--l-line); }
[data-tema="lifestyle"] .navbar-top, [data-tema="lifestyle"] .navbar-top a,
[data-tema="lifestyle"] .tb-link, [data-tema="lifestyle"] .tb-datum, [data-tema="lifestyle"] .tb-val, [data-tema="lifestyle"] .tb-kurs,
[data-tema="lifestyle"] .tb-otd, [data-tema="lifestyle"] .tb-otd-label, [data-tema="lifestyle"] .tb-otd-text { color: var(--l-muted) !important; }
[data-tema="lifestyle"] .navbar-nav .nav-link { font-family: var(--l-serif) !important; text-transform: none; letter-spacing: .005em; font-weight: 500; font-size: 1.06rem; color: var(--l-ink) !important; }
[data-tema="lifestyle"] .navbar-nav .nav-link:hover, [data-tema="lifestyle"] .navbar-nav .nav-link.active { color: var(--l-accent) !important; }
[data-tema="lifestyle"] .trek-tiker { background: var(--l-blago) !important; border-color: var(--l-line) !important; }
[data-tema="lifestyle"] .trek-baner-header { background: var(--l-blago) !important; border-color: var(--l-line) !important; }

[data-tema="lifestyle"] .tl-wrap { max-width: 1200px; }
[data-tema="lifestyle"] .tl { font-family: var(--l-sans); color: var(--l-ink); padding-bottom: 3rem; }
[data-tema="lifestyle"] .tl a { text-decoration: none; color: inherit; }

/* ---- Section head ---- */
.tl-sek-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin: 0 0 1.6rem; }
.tl-sek-tt { font-family: var(--l-serif); font-weight: 600; color: var(--l-ink); font-size: clamp(1.5rem, 2.4vw, 2rem); margin: 0; display: flex; align-items: center; gap: .6rem; }
.tl-sek-tacka { width: 9px; height: 9px; border-radius: 50%; background: var(--lc, var(--l-accent)); display: inline-block; }
.tl-sek-sub { font-family: var(--l-serif); font-style: italic; color: var(--l-muted); font-size: 1rem; }
.tl-sek-vise { color: var(--l-accent); font-weight: 500; font-size: .92rem; white-space: nowrap; }
.tl-sek-vise:hover { text-decoration: underline; }

/* ---- HERO ---- */
.tl-hero { display: grid; grid-template-columns: 1fr 1.08fr; gap: clamp(1.5rem, 4vw, 3.5rem); align-items: center; padding: clamp(1.5rem, 4vw, 3.5rem) 0; }
.tl-eyebrow { display: inline-block; text-transform: uppercase; letter-spacing: .18em; font-size: .78rem; font-weight: 600; color: var(--l-accent); margin-bottom: 1rem; }
.tl-hero-tt { font-family: var(--l-serif); font-weight: 600; line-height: 1.08; color: var(--l-ink); font-size: clamp(2.2rem, 4.4vw, 3.6rem); margin: 0 0 1.1rem; letter-spacing: -.01em; }
.tl-hero-tt a:hover { color: var(--l-accent); }
.tl-hero-lead { font-size: 1.12rem; line-height: 1.7; color: #5f574c; margin: 0 0 1.2rem; max-width: 46ch; }
.tl-hero-meta { font-family: var(--l-serif); font-style: italic; color: var(--l-muted); font-size: .98rem; margin-bottom: 1.3rem; }
.tl-link { display: inline-flex; align-items: center; gap: .5rem; font-weight: 600; color: var(--l-ink); border-bottom: 2px solid var(--l-accent); padding-bottom: .2rem; transition: gap .2s; }
.tl-link:hover { gap: .85rem; color: var(--l-accent); }
.tl-hero-foto { display: block; border-radius: 20px; overflow: hidden; aspect-ratio: 5/4; box-shadow: 0 30px 60px -30px rgba(80,60,40,.4); }
.tl-hero-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.tl-hero-foto:hover img { transform: scale(1.04); }

/* ---- TRENUCI (priče) ---- */
.tl-trenuci { margin: 2rem 0 3rem; }
.tl-trenuci-red { display: flex; gap: 1.1rem; overflow-x: auto; padding-bottom: .5rem; scrollbar-width: none; }
.tl-trenuci-red::-webkit-scrollbar { display: none; }
.tl-trenutak { flex: 0 0 156px; }
.tl-trenutak-foto { border-radius: 16px; overflow: hidden; aspect-ratio: 3/4; margin-bottom: .6rem; }
.tl-trenutak-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.tl-trenutak:hover .tl-trenutak-foto img { transform: scale(1.06); }
.tl-trenutak-tt { font-family: var(--l-serif); font-size: .95rem; line-height: 1.25; color: var(--l-ink); display: block; }
@media (max-width: 575.98px) { .tl-trenutak { flex-basis: 40%; } }

/* ---- Kartica ---- */
.tl-card { display: block; }
.tl-card-foto { border-radius: 14px; overflow: hidden; aspect-ratio: 4/3; margin-bottom: .85rem; background: #efe7db; }
.tl-card-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s; }
.tl-card:hover .tl-card-foto img { transform: scale(1.05); }
.tl-kicker { display: inline-block; text-transform: uppercase; letter-spacing: .14em; font-size: .72rem; font-weight: 700; color: var(--lc, var(--l-accent)); margin-bottom: .45rem; }
.tl-card-tt { font-family: var(--l-serif); font-weight: 600; font-size: 1.18rem; line-height: 1.28; color: var(--l-ink); margin: 0 0 .5rem; }
.tl-card:hover .tl-card-tt { color: var(--l-accent); }
.tl-meta { font-size: .82rem; color: var(--l-muted); }

/* ---- MOZAIK ---- */
.tl-mozaik { display: grid; grid-template-columns: 1.5fr 1fr; gap: 2rem; }
.tl-moz-veliki { display: block; }
.tl-moz-foto { border-radius: 18px; overflow: hidden; aspect-ratio: 16/10; margin-bottom: 1rem; }
.tl-moz-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.tl-moz-veliki:hover .tl-moz-foto img { transform: scale(1.04); }
.tl-moz-tt { font-family: var(--l-serif); font-weight: 600; font-size: clamp(1.5rem, 2.6vw, 2rem); line-height: 1.18; color: var(--l-ink); margin: 0 0 .6rem; }
.tl-moz-veliki:hover .tl-moz-tt { color: var(--l-accent); }
.tl-moz-lead { font-size: 1.02rem; line-height: 1.65; color: #5f574c; margin: 0; }
.tl-moz-mreza { display: flex; flex-direction: column; gap: 1.6rem; }
.tl-moz-mreza .tl-card-foto { aspect-ratio: 16/10; }

/* ---- Rubrika mreža ---- */
.tl-sekcija { margin: 3.25rem 0; }
.tl-mreza { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.6rem; }
.tl-baner { margin: 2.5rem 0; }

/* ---- Newsletter ---- */
.tl-news { text-align: center; max-width: 620px; margin: 4rem auto 1rem; padding: 3rem 2rem; background: var(--l-surface); border: 1px solid var(--l-line); border-radius: 22px; box-shadow: 0 24px 50px -30px rgba(80,60,40,.3); }
.tl-news-eyebrow { text-transform: uppercase; letter-spacing: .18em; font-size: .76rem; font-weight: 600; color: var(--l-accent); }
.tl-news-tt { font-family: var(--l-serif); font-weight: 600; font-size: 1.8rem; color: var(--l-ink); margin: .6rem 0 .5rem; }
.tl-news-opis { color: var(--l-muted); margin: 0 0 1.5rem; }
.tl-news-forma { display: flex; gap: .6rem; max-width: 420px; margin: 0 auto; }
.tl-news-forma input { flex: 1; border: 1px solid var(--l-line); background: #fbf8f3; border-radius: 30px; padding: .8rem 1.2rem; font-family: var(--l-sans); color: var(--l-ink); }
.tl-news-forma input:focus { outline: none; border-color: var(--l-accent); }
.tl-news-forma button { border: 0; background: var(--l-accent); color: #fff; font-weight: 600; padding: .8rem 1.6rem; border-radius: 30px; cursor: pointer; transition: background .2s; }
.tl-news-forma button:hover { background: #a85647; }
.tl-news-flash { background: #f0e3d6; color: #8a5a3a; border-radius: 12px; padding: .6rem 1rem; margin-bottom: 1rem; }

@media (max-width: 991.98px) {
	.tl-hero { grid-template-columns: 1fr; }
	.tl-hero-foto { order: -1; }
	.tl-mozaik { grid-template-columns: 1fr; }
	.tl-mreza { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575.98px) {
	.tl-news { padding: 2rem 1.25rem; }
	.tl-news-forma { flex-direction: column; }
}


/* =======================================================================
   3) TRAVEL  (data-tema="travel")
   Imerzivno, full-bleed fotografije, tekst preko slika, teal/pesak paleta.
   ======================================================================= */
html[data-tema="travel"] {
	/* Svetli režim je osnova; tamni teal je niže, pod [data-bs-theme="dark"]. */
	--t-bg: #ffffff;
	--t-surface: #f4f7f6;
	--t-ink: #10262b;
	--t-muted: #5b6f6d;
	--t-line: #e0e8e6;
	--t-sand: #b57d1e;
	--t-teal: #12796a;
	--t-traka: #10262b;
	--t-traka-ink: #cfdcda;
	--t-disp: "Space Grotesk", system-ui, sans-serif;
	--t-sans: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
	--bs-body-bg: #ffffff;
	--bs-body-color: #10262b;
	--bs-tertiary-bg: #f4f7f6;
	--bs-secondary-bg: #f4f7f6;
	--bs-border-color: #e0e8e6;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #10262b;
	--bs-primary: #12796a; --bs-primary-rgb: 18,121,106;
	--trek-ink: #10262b; --trek-ink-2: #5b6f6d; --trek-hairline: #e0e8e6; --trek-paper: #ffffff;
	--trek-accent: #12796a;
	background: var(--t-bg);
}
html[data-tema="travel"][data-bs-theme="dark"] {
	--t-bg: var(--t-bg);
	--t-surface: #123037;
	--t-ink: #eef4f2;
	--t-muted: #9fb5b3;
	--t-line: rgba(255,255,255,.11);
	--t-sand: #e8b04b;
	--t-teal: #33c2ac;
	--t-traka: var(--t-traka);
	--t-traka-ink: var(--t-traka-ink);
	--bs-body-bg: var(--t-bg);
	--bs-body-color: #eef4f2;
	--bs-tertiary-bg: #123037;
	--bs-secondary-bg: #123037;
	--bs-border-color: rgba(255,255,255,.11);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	/* Podrazumevana plava je nečitljiva na tamnom teal-u; zlatni pesak je i čitljiv i u temi. */
	--bs-primary: #e8b04b; --bs-primary-rgb: 232,176,75;
	--trek-ink: #eef4f2; --trek-ink-2: #9fb5b3; --trek-hairline: rgba(255,255,255,.11); --trek-paper: #123037;
	--trek-accent: #e8b04b;
}
html[data-tema="travel"] body { background: var(--t-bg); color: var(--t-ink); }
[data-tema="travel"] ::selection { background: var(--t-sand); color: var(--t-bg); }

/* ---- Header / nav (duboki teal, sand akcenat, grotesk meni) ---- */
[data-tema="travel"] header.navbar-light { background: var(--t-bg) !important; border-bottom: 1px solid var(--t-line); }
[data-tema="travel"] .navbar-top, [data-tema="travel"] .navbar-top-mob { background: var(--t-traka) !important; border-bottom: 1px solid var(--t-line); }
[data-tema="travel"] .navbar-top, [data-tema="travel"] .navbar-top a,
[data-tema="travel"] .tb-link, [data-tema="travel"] .tb-datum, [data-tema="travel"] .tb-val, [data-tema="travel"] .tb-kurs,
[data-tema="travel"] .tb-otd, [data-tema="travel"] .tb-otd-label, [data-tema="travel"] .tb-otd-text { color: var(--t-traka-ink) !important; }
[data-tema="travel"] .trek-tb-ic { color: var(--t-traka-ink) !important; }
[data-tema="travel"] .navbar-nav .nav-link { font-family: var(--t-disp) !important; text-transform: none; letter-spacing: .01em; font-weight: 500; color: var(--t-ink) !important; }
[data-tema="travel"] .navbar-nav .nav-link:hover, [data-tema="travel"] .navbar-nav .nav-link.active { color: var(--t-sand) !important; }
[data-tema="travel"] .trek-logo-img--tamna { display: none !important; }
[data-tema="travel"] .trek-logo-img--svetla { display: block !important; }
[data-tema="travel"][data-bs-theme="dark"] .trek-logo-img--svetla { display: none !important; }
[data-tema="travel"][data-bs-theme="dark"] .trek-logo-img--tamna { display: block !important; }
[data-tema="travel"] .trek-tiker { background: var(--t-traka) !important; border-color: var(--t-line) !important; }
[data-tema="travel"] .trek-tiker-st { color: var(--t-ink) !important; }
[data-tema="travel"] .trek-baner-header { background: var(--t-traka) !important; border-color: var(--t-line) !important; }

[data-tema="travel"] .tt { font-family: var(--t-sans); color: var(--t-ink); padding-bottom: 3rem; }
[data-tema="travel"] .tt a { text-decoration: none; color: inherit; }
[data-tema="travel"] .tt-wrap { max-width: 1240px; }

/* ---- FULL-BLEED HERO ---- */
.tt-hero { position: relative; min-height: 560px; height: 74vh; max-height: 760px; background-size: cover; background-position: center; display: flex; align-items: flex-end; }
.tt-hero-grad { position: absolute; inset: 0; background: linear-gradient(to top, rgba(8,20,23,.96) 6%, rgba(8,20,23,.45) 45%, rgba(8,20,23,.25) 100%); }
.tt-hero-inner { position: relative; z-index: 1; padding-bottom: clamp(2rem, 5vw, 4.5rem); padding-top: 4rem; max-width: 900px; }
.tt-hero-pin { display: inline-flex; align-items: center; gap: .4rem; background: var(--t-sand); color: var(--t-bg); font-family: var(--t-disp); font-weight: 600; letter-spacing: .03em; font-size: .82rem; padding: .35rem .8rem; border-radius: 30px; margin-bottom: 1.1rem; }
.tt-hero-tt { font-family: var(--t-disp); font-weight: 700; line-height: 1.02; color: #fff; font-size: clamp(2.3rem, 5.2vw, 4.4rem); margin: 0 0 1rem; letter-spacing: -.02em; text-shadow: 0 4px 30px rgba(0,0,0,.5); }
.tt-hero-tt a:hover { color: var(--t-sand); }
.tt-hero-lead { font-size: 1.18rem; line-height: 1.6; color: #d6e2e0; max-width: 60ch; margin: 0 0 1.6rem; }
.tt-hero-cta { display: inline-flex; align-items: center; gap: .55rem; background: #fff; color: var(--t-bg); font-family: var(--t-disp); font-weight: 600; padding: .85rem 1.6rem; border-radius: 40px; transition: transform .2s, background .2s; }
.tt-hero-cta:hover { transform: translateY(-2px); background: var(--t-sand); color: var(--t-bg); }

/* ---- Sekcije ---- */
.tt-sekcija { margin: 3rem 0; }
.tt-sek-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 1.4rem; }
.tt-nadnaslov { display: block; text-transform: uppercase; letter-spacing: .2em; font-size: .74rem; font-weight: 700; color: var(--t-sand); margin-bottom: .35rem; }
.tt-sek-tt { font-family: var(--t-disp); font-weight: 700; color: #fff; font-size: clamp(1.6rem, 2.8vw, 2.3rem); margin: 0; letter-spacing: -.01em; }
.tt-sek-vise { font-family: var(--t-disp); color: var(--t-ink); font-weight: 500; border: 1px solid var(--t-line); padding: .5rem 1.1rem; border-radius: 30px; white-space: nowrap; transition: background .2s, border-color .2s; }
.tt-sek-vise:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.3); color: #fff; }

/* ---- Razglednica (overlay kartica) ---- */
.tt-raz { position: relative; display: block; border-radius: 18px; overflow: hidden; aspect-ratio: 3/4; }
.tt-raz-bg { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform .6s; }
.tt-raz:hover .tt-raz-bg { transform: scale(1.07); }
.tt-raz::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(6,16,18,.92) 5%, rgba(6,16,18,.15) 48%, transparent 75%); }
.tt-raz-telo { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 1.15rem; }
.tt-pin { display: inline-flex; align-items: center; gap: .3rem; font-family: var(--t-disp); font-weight: 600; font-size: .74rem; text-transform: uppercase; letter-spacing: .06em; color: var(--t-sand); margin-bottom: .5rem; }
.tt-pin i { font-size: .8rem; }
.tt-raz-tt { font-family: var(--t-disp); font-weight: 600; line-height: 1.14; color: #fff; font-size: 1.16rem; margin: 0 0 .4rem; }
.tt-raz:hover .tt-raz-tt { color: var(--t-sand); }
.tt-raz-meta { font-size: .8rem; color: rgba(255,255,255,.72); }

/* Rail (horizontalno) */
.tt-rail { display: flex; gap: 1.15rem; overflow-x: auto; padding-bottom: .6rem; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: var(--t-sand) transparent; }
.tt-rail::-webkit-scrollbar { height: 6px; }
.tt-rail::-webkit-scrollbar-thumb { background: var(--t-sand); border-radius: 3px; }
.tt-raz--rail { flex: 0 0 300px; scroll-snap-align: start; }
.tt-raz--mali { flex: 0 0 210px; scroll-snap-align: start; aspect-ratio: 4/5; }
.tt-raz--mali .tt-raz-tt { font-size: 1rem; }
@media (max-width: 575.98px) { .tt-raz--rail { flex-basis: 78%; } .tt-raz--mali { flex-basis: 55%; } }

/* Mreža rubrike: veliki baner + red razglednica */
.tt-mreza { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.15rem; }
.tt-raz--veliki { grid-column: 1 / -1; aspect-ratio: 21/8; }
.tt-raz--veliki .tt-raz-telo { padding: 1.8rem; max-width: 640px; }
.tt-raz--veliki .tt-raz-tt { font-size: clamp(1.5rem, 2.8vw, 2.2rem); }
.tt-raz--veliki .tt-raz-meta { font-size: .9rem; }

/* Baner wrapper */
.tt-baner { margin: 2.5rem 0; }

/* ---- Newsletter (imerzivno) ---- */
.tt-news { margin: 3.5rem 0 1rem; border-radius: 22px; overflow: hidden; background: linear-gradient(120deg, #0f353c, #123037 60%, var(--t-bg)); border: 1px solid var(--t-line); position: relative; }
.tt-news::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 85% 20%, rgba(232,176,75,.18), transparent 45%), radial-gradient(circle at 10% 90%, rgba(51,194,172,.14), transparent 40%); }
.tt-news-inner { position: relative; z-index: 1; padding: clamp(2rem, 5vw, 3.5rem); text-align: center; max-width: 640px; margin: 0 auto; }
.tt-news-pin { display: inline-flex; align-items: center; gap: .4rem; text-transform: uppercase; letter-spacing: .18em; font-size: .74rem; font-weight: 700; color: var(--t-sand); margin-bottom: .7rem; }
.tt-news-tt { font-family: var(--t-disp); font-weight: 700; color: #fff; font-size: clamp(1.5rem, 3vw, 2.1rem); margin: 0 0 .5rem; letter-spacing: -.01em; }
.tt-news-opis { color: var(--t-muted); margin: 0 0 1.5rem; }
.tt-news-forma { display: flex; gap: .55rem; max-width: 440px; margin: 0 auto; }
.tt-news-forma input { flex: 1; border: 1px solid var(--t-line); background: rgba(8,20,23,.6); color: #fff; border-radius: 40px; padding: .8rem 1.3rem; font-family: var(--t-sans); }
.tt-news-forma input::placeholder { color: #7f9995; }
.tt-news-forma input:focus { outline: none; border-color: var(--t-sand); }
.tt-news-forma button { display: inline-flex; align-items: center; gap: .4rem; border: 0; background: var(--t-sand); color: var(--t-bg); font-family: var(--t-disp); font-weight: 600; padding: .8rem 1.5rem; border-radius: 40px; cursor: pointer; transition: transform .2s; }
.tt-news-forma button:hover { transform: translateY(-2px); }
.tt-news-flash { background: rgba(51,194,172,.16); color: #7fe0cf; border-radius: 12px; padding: .6rem 1rem; margin-bottom: 1rem; }

@media (max-width: 991.98px) {
	.tt-mreza { grid-template-columns: repeat(2, 1fr); }
	.tt-raz--veliki { aspect-ratio: 16/9; }
}
@media (max-width: 575.98px) {
	.tt-mreza { grid-template-columns: 1fr; }
	.tt-hero { min-height: 68vh; }
	.tt-news-forma { flex-direction: column; }
}

/* =======================================================================
   ČLANAK po temi — identitet se prenosi na glavni doživljaj (čitanje).
   News ostaje netaknut; svaka tema dobija svoje pismo + tretman.
   ======================================================================= */

/* ---------- ŽURNAL: tabloidni članak (kondenzovano, uppercase, crveni rez) ---------- */
[data-tema="zurnal"] .trek-clanak-naslov {
	font-family: var(--z-disp); text-transform: uppercase; font-weight: 700;
	line-height: 1.03; letter-spacing: -.005em; color: #fff;
	font-size: clamp(2rem, 5vw, 3.5rem);
	border-left: 5px solid var(--z-red); padding-left: 1rem;
}
[data-tema="zurnal"] .trek-clanak-bc .trek-kicker,
[data-tema="zurnal"] .trek-kicker {
	font-family: var(--z-disp); text-transform: uppercase; letter-spacing: .07em;
	font-weight: 700; font-size: .82rem;
}
[data-tema="zurnal"] .trek-lead {
	font-family: var(--z-cond); font-size: 1.4rem; line-height: 1.42;
	font-weight: 500; color: var(--z-muted);
}
[data-tema="zurnal"] .trek-prose {
	font-family: var(--z-cond); font-size: 1.22rem; line-height: 1.72;
}
[data-tema="zurnal"] .trek-prose h2,
[data-tema="zurnal"] .trek-prose h3 {
	font-family: var(--z-disp); text-transform: uppercase; letter-spacing: .01em; color: #fff;
}
[data-tema="zurnal"] .trek-prose blockquote {
	border-left-color: var(--z-red); font-family: var(--z-cond);
}
[data-tema="zurnal"] .trek-clanak-cover,
[data-tema="zurnal"] .trek-cover-portret { border-radius: 0; }
[data-tema="zurnal"] .trek-clanak-cover { border-bottom: 4px solid var(--z-red); }

/* ---------- LIFESTYLE: elegantni editorijal (Playfair, kurziv lead, drop-cap) ---------- */
[data-tema="lifestyle"] .trek-clanak-naslov {
	font-family: var(--l-serif); font-weight: 700; line-height: 1.13;
	letter-spacing: -.01em; color: #241f1a;
	font-size: clamp(2rem, 4.4vw, 3.3rem);
}
[data-tema="lifestyle"] .trek-kicker {
	font-family: var(--l-sans); text-transform: uppercase; letter-spacing: .18em;
	font-weight: 600; font-size: .72rem;
}
[data-tema="lifestyle"] .trek-lead {
	font-family: var(--l-serif); font-style: italic; font-weight: 500;
	font-size: 1.5rem; line-height: 1.5; color: #5c5349;
}
[data-tema="lifestyle"] .trek-prose {
	font-family: var(--l-serif); font-size: 1.18rem; line-height: 1.92;
}
[data-tema="lifestyle"] .trek-prose h2,
[data-tema="lifestyle"] .trek-prose h3 { font-family: var(--l-serif); font-weight: 700; }
[data-tema="lifestyle"] .trek-prose > p:first-of-type::first-letter {
	font-family: var(--l-serif); float: left; font-weight: 700; color: var(--l-accent);
	font-size: 3.6em; line-height: .78; padding: .04em .1em 0 0;
}
[data-tema="lifestyle"] .trek-prose blockquote { border-left-color: var(--l-accent); font-family: var(--l-serif); }
[data-tema="lifestyle"] .trek-clanak-cover { border-radius: 4px; }
[data-tema="lifestyle"] .trek-clanak-stranica { --measure: 720px; }

/* ---------- TRAVEL: imerzivni putopis (Space Grotesk, zlatni pin, edge cover) ---------- */
[data-tema="travel"] .trek-clanak-naslov {
	font-family: var(--t-disp); font-weight: 700; line-height: 1.06;
	letter-spacing: -.015em; color: #fff;
	font-size: clamp(2rem, 4.6vw, 3.4rem);
}
[data-tema="travel"] .trek-kicker {
	font-family: var(--t-disp); text-transform: uppercase; letter-spacing: .1em;
	font-weight: 600; font-size: .8rem; color: var(--t-sand) !important;
}
[data-tema="travel"] .trek-clanak-bc .trek-kicker::before {
	content: "\F3E7"; font-family: "bootstrap-icons"; font-weight: normal;
	margin-right: .3rem; font-size: .85em; -webkit-text-stroke: 0;
}
[data-tema="travel"] .trek-lead {
	font-family: var(--t-sans); font-size: 1.32rem; line-height: 1.6; color: var(--t-muted);
}
[data-tema="travel"] .trek-prose {
	font-family: var(--t-sans); font-size: 1.13rem; line-height: 1.86;
}
[data-tema="travel"] .trek-prose h2,
[data-tema="travel"] .trek-prose h3 { font-family: var(--t-disp); color: var(--t-ink); letter-spacing: -.01em; }
[data-tema="travel"] .trek-prose blockquote { border-left-color: var(--t-sand); }
[data-tema="travel"] .trek-clanak-cover,
[data-tema="travel"] .trek-cover-portret { border-radius: 0; }
[data-tema="travel"] .trek-clanak-cover { border-bottom: 3px solid var(--t-sand); }

/* =======================================================================
   KATEGORIJA + KARTICE po temi — pismo teme prati naslove rubrika i sve
   kartice (srodni, otkrij, pretraga), pa je identitet dosledan svuda.
   ======================================================================= */
[data-tema="zurnal"] .trek-rubrika-hero h1 { font-family: var(--z-disp); text-transform: uppercase; letter-spacing: .01em; }
[data-tema="zurnal"] .card-title,
[data-tema="zurnal"] .tsv-title,
[data-tema="zurnal"] .trek-povezani-tt { font-family: var(--z-disp); text-transform: uppercase; letter-spacing: .004em; line-height: 1.1; }
[data-tema="zurnal"] .trek-tag-chip { font-family: var(--z-cond); text-transform: uppercase; letter-spacing: .03em; }

[data-tema="lifestyle"] .trek-rubrika-hero h1 { font-family: var(--l-serif); font-weight: 700; }
[data-tema="lifestyle"] .card-title,
[data-tema="lifestyle"] .tsv-title,
[data-tema="lifestyle"] .trek-povezani-tt { font-family: var(--l-serif); font-weight: 700; }

[data-tema="travel"] .trek-rubrika-hero h1 { font-family: var(--t-disp); font-weight: 700; letter-spacing: -.01em; }
[data-tema="travel"] .card-title,
[data-tema="travel"] .tsv-title,
[data-tema="travel"] .trek-povezani-tt { font-family: var(--t-disp); font-weight: 600; letter-spacing: -.005em; }

/* Sepija za čitanje ne sme da razbije tamne teme (žurnal/travel): tamna
   podloga ostaje, sepija se primenjuje samo na svetle teme (news/lifestyle). */
html[data-tema="zurnal"] body[data-citanje="sepija"],
html[data-tema="travel"] body[data-citanje="sepija"] {
	--bs-body-bg: var(--trek-paper); --bs-body-bg-rgb: 20, 23, 30;
	--bs-secondary-bg: var(--trek-paper); --bs-tertiary-bg: var(--trek-paper);
	--bs-border-color: var(--trek-hairline);
	background-color: var(--bs-body-bg);
}

/* =======================================================================
   TEME PO „news5" PREDLOŠKU (10 komada)

   Svaka je zaseban IZGLED nad ISTIM Trek markupom: menja se paleta, pismo,
   oblik kartica i ritam, a raspored strane ostaje naš. Zato rade svuda gde radi
   i sajt: naslovna, rubrika, članak, autor, mobilni prikaz i oglasni prostori.

   ⚠ Pravila se pišu JEDNOM, preko :is(...) spiska svih deset tema, a svaka tema
   dole definiše samo svoje promenljive. Deset kopija istih pravila bi značilo da
   se svaka popravka radi deset puta i da se devet puta zaboravi.

   ⚠ Svaka tema ima svetli režim (osnova) i tamni ([data-bs-theme="dark"]).
   ======================================================================= */

html:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) body { background: var(--n5-bg); color: var(--n5-ink); font-family: var(--n5-telo); }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) ::selection { background: var(--n5-akcent); color: #fff; }

/* ---- Zaglavlje i gornja traka ---- */
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) header.navbar-light { background: var(--n5-bg) !important; border-bottom: 2px solid var(--n5-akcent); }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .navbar-top, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .navbar-top-mob { background: var(--n5-traka) !important; border-bottom: 0; }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .navbar-top, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .navbar-top a, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .tb-link, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .tb-datum,
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .tb-val, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .tb-kurs, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .tb-otd, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .tb-otd-label, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .tb-otd-text,
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-tb-ic { color: var(--n5-traka-ink) !important; }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .navbar-nav .nav-link {
	font-family: var(--n5-naslov) !important; font-weight: 600; letter-spacing: .01em; color: var(--n5-ink) !important;
}
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .navbar-nav .nav-link:hover, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .navbar-nav .nav-link.active { color: var(--n5-akcent) !important; }
/* Logo prati REŽIM, ne temu. */
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-logo-img--tamna { display: none !important; }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-logo-img--svetla { display: block !important; }
html[data-bs-theme="dark"]:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-logo-img--svetla { display: none !important; }
html[data-bs-theme="dark"]:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-logo-img--tamna { display: block !important; }

/* ---- Traka najnovijih ---- */
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-tiker { background: var(--n5-povrs) !important; border-color: var(--n5-linija) !important; }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-tiker-st { color: var(--n5-ink) !important; }

/* ---- Naslovi i uvod ---- */
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .tt, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .tt a, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .tsv-title, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .card-title, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-povezani-tt {
	font-family: var(--n5-naslov) !important; font-weight: 700; letter-spacing: -.01em; line-height: 1.2; color: var(--n5-ink);
}
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .tt a:hover { color: var(--n5-akcent); }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-clanak-naslov, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-rubrika-hero h1 {
	font-family: var(--n5-naslov) !important; font-weight: 700; letter-spacing: -.02em; line-height: 1.12;
}
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-lead { font-family: var(--n5-telo); color: var(--n5-tiho); }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-kicker {
	font-family: var(--n5-telo); text-transform: uppercase; letter-spacing: .09em; font-weight: 800;
	font-size: .68rem; color: var(--n5-akcent);
}
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-clanak-bc .trek-kicker::before { background: var(--n5-akcent); }

/* ---- Kartice, slike i dugmad: oblik nosi karakter teme ---- */
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .card, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-kartica, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-clanak-cover, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-cover-portret {
	border-radius: var(--n5-radijus) !important; border-color: var(--n5-linija) !important;
}
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .btn-primary { background: var(--n5-akcent); border-color: var(--n5-akcent); border-radius: var(--n5-radijus); }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .btn-primary:hover { background: var(--n5-akcent-jak); border-color: var(--n5-akcent-jak); }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .btn-outline-primary { color: var(--n5-akcent); border-color: var(--n5-akcent); border-radius: var(--n5-radijus); }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .btn-outline-primary:hover { background: var(--n5-akcent); color: #fff; }

/* ---- Telo teksta ---- */
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-prose { font-family: var(--n5-telo); line-height: 1.7; }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-prose h2, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-prose h3 { font-family: var(--n5-naslov); font-weight: 700; color: var(--n5-ink); }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-prose blockquote { border-left: 3px solid var(--n5-akcent); background: var(--n5-povrs); }

/* ---- Oglasni prostori: okvir prati temu, sam oglas se NE dira ---- */
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-baner-okvir, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-baner-header {
	background: var(--n5-povrs) !important; border-color: var(--n5-linija) !important; border-radius: var(--n5-radijus);
}
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-baner-demo { border-radius: var(--n5-radijus); }

/* ---- Mobilni prikaz: isti karakter kao na desktopu ---- */
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-m { background: var(--n5-bg); color: var(--n5-ink); }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-m-sec-title { font-family: var(--n5-naslov); font-weight: 700; color: var(--n5-ink); }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-m-sec-sub, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-m-date { color: var(--n5-tiho); }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-m-live-dot { background: var(--n5-akcent); }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-tabbar { background: var(--n5-bg); border-top: 1px solid var(--n5-linija); }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-tab.is-active, :is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-tab.is-active .trek-tab-ic { color: var(--n5-akcent); }
:is([data-tema="n5-novine"], [data-tema="n5-vesti"], [data-tema="n5-tehno"], [data-tema="n5-blog"], [data-tema="n5-gejming"], [data-tema="n5-sport"], [data-tema="n5-moderne"], [data-tema="n5-magazin"], [data-tema="n5-putovanja"], [data-tema="n5-hrana"], [data-tema="moda-glam"], [data-tema="moda-podijum"], [data-tema="moda-puder"], [data-tema="moda-atelje"], [data-tema="mag-plakat"], [data-tema="sport-semafor"], [data-tema="biz-indeks"], [data-tema="biz-mandat"], [data-tema="gam-zeton"], [data-tema="gam-derbi"]) .trek-tab-badge { background: var(--n5-akcent); color: #fff; }

/* ---- Novine: Klasične dnevne novine: crveni akcenat, gusta mreža, oštre ivice. ---- */
html[data-tema="n5-novine"] {
	--n5-akcent: #ce0f2e;
	--n5-akcent-jak: #8f0a20;
	--n5-bg: #ffffff;
	--n5-povrs: #f6f7f9;
	--n5-linija: #e3e6ec;
	--n5-ink: #14171d;
	--n5-tiho: #5c6472;
	--n5-traka: #14171d;
	--n5-traka-ink: #d6dae2;
	--n5-radijus: 2px;
	--n5-naslov: "Inter", system-ui, sans-serif;
	--n5-telo: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
	--bs-body-bg: #ffffff;
	--bs-body-color: #14171d;
	--bs-secondary-bg: #f6f7f9;
	--bs-tertiary-bg: #f6f7f9;
	--bs-border-color: #e3e6ec;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #14171d;
	--bs-primary: #ce0f2e; --bs-primary-rgb: 206,15,46;
	--trek-accent: #ce0f2e;
	--trek-ink: #14171d;
	--trek-ink-2: #5c6472;
	--trek-paper: #ffffff;
	--trek-hairline: #e3e6ec;
	background: var(--n5-bg);
}
html[data-tema="n5-novine"][data-bs-theme="dark"] {
	/* Duboka crvena akcenta na tamnoj podlozi daje 3,36; svetliji ton iste boje daje 5,9. */
	--n5-akcent: #ff5a70;
	--n5-bg: #0e1116;
	--n5-povrs: #171b22;
	--n5-linija: rgba(255,255,255,.10);
	--n5-ink: #eef1f6;
	--n5-tiho: #98a1b0;
	--n5-traka: #05070a;
	--n5-traka-ink: #aeb6c2;
	--bs-body-bg: #0e1116;
	--bs-body-color: #eef1f6;
	--bs-secondary-bg: #171b22;
	--bs-tertiary-bg: #171b22;
	--bs-border-color: rgba(255,255,255,.10);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--trek-ink: #eef1f6;
	--trek-ink-2: #98a1b0;
	--trek-paper: #171b22;
	--trek-hairline: rgba(255,255,255,.10);
}
/* ---- Vesti: Klasičan magazin vesti: topao žuti akcenat i mekše kartice. ---- */
html[data-tema="n5-vesti"] {
	--n5-akcent: #e08c00;
	--n5-akcent-jak: #a86700;
	--n5-bg: #ffffff;
	--n5-povrs: #f6f7f9;
	--n5-linija: #e3e6ec;
	--n5-ink: #14171d;
	--n5-tiho: #5c6472;
	--n5-traka: #14171d;
	--n5-traka-ink: #d6dae2;
	--n5-radijus: 10px;
	--n5-naslov: "Work Sans", system-ui, sans-serif;
	--n5-telo: "Work Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
	--bs-body-bg: #ffffff;
	--bs-body-color: #14171d;
	--bs-secondary-bg: #f6f7f9;
	--bs-tertiary-bg: #f6f7f9;
	--bs-border-color: #e3e6ec;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #14171d;
	--bs-primary: #e08c00; --bs-primary-rgb: 224,140,0;
	--trek-accent: #e08c00;
	--trek-ink: #14171d;
	--trek-ink-2: #5c6472;
	--trek-paper: #ffffff;
	--trek-hairline: #e3e6ec;
	background: var(--n5-bg);
}
html[data-tema="n5-vesti"][data-bs-theme="dark"] {
	--n5-bg: #0e1116;
	--n5-povrs: #171b22;
	--n5-linija: rgba(255,255,255,.10);
	--n5-ink: #eef1f6;
	--n5-tiho: #98a1b0;
	--n5-traka: #05070a;
	--n5-traka-ink: #aeb6c2;
	--bs-body-bg: #0e1116;
	--bs-body-color: #eef1f6;
	--bs-secondary-bg: #171b22;
	--bs-tertiary-bg: #171b22;
	--bs-border-color: rgba(255,255,255,.10);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--trek-ink: #eef1f6;
	--trek-ink-2: #98a1b0;
	--trek-paper: #171b22;
	--trek-hairline: rgba(255,255,255,.10);
}
/* ---- Tehnologija: Tehnologija, AI i gedžeti: plavi akcenat, čist i miran raspored. ---- */
html[data-tema="n5-tehno"] {
	--n5-akcent: #2757fd;
	--n5-akcent-jak: #1b3fc4;
	--n5-bg: #ffffff;
	--n5-povrs: #f6f7f9;
	--n5-linija: #e3e6ec;
	--n5-ink: #14171d;
	--n5-tiho: #5c6472;
	--n5-traka: #14171d;
	--n5-traka-ink: #d6dae2;
	--n5-radijus: 12px;
	--n5-naslov: "Inter", system-ui, sans-serif;
	--n5-telo: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
	--bs-body-bg: #ffffff;
	--bs-body-color: #14171d;
	--bs-secondary-bg: #f6f7f9;
	--bs-tertiary-bg: #f6f7f9;
	--bs-border-color: #e3e6ec;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #14171d;
	--bs-primary: #2757fd; --bs-primary-rgb: 39,87,253;
	--trek-accent: #2757fd;
	--trek-ink: #14171d;
	--trek-ink-2: #5c6472;
	--trek-paper: #ffffff;
	--trek-hairline: #e3e6ec;
	background: var(--n5-bg);
}
html[data-tema="n5-tehno"][data-bs-theme="dark"] {
	--n5-bg: #0e1116;
	--n5-povrs: #171b22;
	--n5-linija: rgba(255,255,255,.10);
	--n5-ink: #eef1f6;
	--n5-tiho: #98a1b0;
	--n5-traka: #05070a;
	--n5-traka-ink: #aeb6c2;
	--bs-body-bg: #0e1116;
	--bs-body-color: #eef1f6;
	--bs-secondary-bg: #171b22;
	--bs-tertiary-bg: #171b22;
	--bs-border-color: rgba(255,255,255,.10);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--trek-ink: #eef1f6;
	--trek-ink-2: #98a1b0;
	--trek-paper: #171b22;
	--trek-hairline: rgba(255,255,255,.10);
}
/* ---- Klasičan blog: Moda i lajfstajl: serifni naslovi, peščani akcenat, mnogo vazduha. ---- */
html[data-tema="n5-blog"] {
	--n5-akcent: #a8734f;
	--n5-akcent-jak: #7f5537;
	--n5-bg: #ffffff;
	--n5-povrs: #f6f7f9;
	--n5-linija: #e3e6ec;
	--n5-ink: #14171d;
	--n5-tiho: #5c6472;
	--n5-traka: #14171d;
	--n5-traka-ink: #d6dae2;
	--n5-radijus: 14px;
	--n5-naslov: "Noto Serif Display", system-ui, sans-serif;
	--n5-telo: "Work Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
	--bs-body-bg: #ffffff;
	--bs-body-color: #14171d;
	--bs-secondary-bg: #f6f7f9;
	--bs-tertiary-bg: #f6f7f9;
	--bs-border-color: #e3e6ec;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #14171d;
	--bs-primary: #a8734f; --bs-primary-rgb: 168,115,79;
	--trek-accent: #a8734f;
	--trek-ink: #14171d;
	--trek-ink-2: #5c6472;
	--trek-paper: #ffffff;
	--trek-hairline: #e3e6ec;
	background: var(--n5-bg);
}
html[data-tema="n5-blog"][data-bs-theme="dark"] {
	--n5-bg: #0e1116;
	--n5-povrs: #171b22;
	--n5-linija: rgba(255,255,255,.10);
	--n5-ink: #eef1f6;
	--n5-tiho: #98a1b0;
	--n5-traka: #05070a;
	--n5-traka-ink: #aeb6c2;
	--bs-body-bg: #0e1116;
	--bs-body-color: #eef1f6;
	--bs-secondary-bg: #171b22;
	--bs-tertiary-bg: #171b22;
	--bs-border-color: rgba(255,255,255,.10);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--trek-ink: #eef1f6;
	--trek-ink-2: #98a1b0;
	--trek-paper: #171b22;
	--trek-hairline: rgba(255,255,255,.10);
}
/* ---- Gejming: Gejming magazin: zeleni akcenat, kondenzovano pismo, tvrde ivice. ---- */
html[data-tema="n5-gejming"] {
	--n5-akcent: #0f9c3c;
	--n5-akcent-jak: #0a7a2e;
	--n5-bg: #ffffff;
	--n5-povrs: #f6f7f9;
	--n5-linija: #e3e6ec;
	--n5-ink: #14171d;
	--n5-tiho: #5c6472;
	--n5-traka: #14171d;
	--n5-traka-ink: #d6dae2;
	--n5-radijus: 4px;
	--n5-naslov: "Rajdhani", system-ui, sans-serif;
	--n5-telo: "Rajdhani", -apple-system, "Segoe UI", Roboto, sans-serif;
	--bs-body-bg: #ffffff;
	--bs-body-color: #14171d;
	--bs-secondary-bg: #f6f7f9;
	--bs-tertiary-bg: #f6f7f9;
	--bs-border-color: #e3e6ec;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #14171d;
	--bs-primary: #0f9c3c; --bs-primary-rgb: 15,156,60;
	--trek-accent: #0f9c3c;
	--trek-ink: #14171d;
	--trek-ink-2: #5c6472;
	--trek-paper: #ffffff;
	--trek-hairline: #e3e6ec;
	background: var(--n5-bg);
}
html[data-tema="n5-gejming"][data-bs-theme="dark"] {
	--n5-bg: #0e1116;
	--n5-povrs: #171b22;
	--n5-linija: rgba(255,255,255,.10);
	--n5-ink: #eef1f6;
	--n5-tiho: #98a1b0;
	--n5-traka: #05070a;
	--n5-traka-ink: #aeb6c2;
	--bs-body-bg: #0e1116;
	--bs-body-color: #eef1f6;
	--bs-secondary-bg: #171b22;
	--bs-tertiary-bg: #171b22;
	--bs-border-color: rgba(255,255,255,.10);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--trek-ink: #eef1f6;
	--trek-ink-2: #98a1b0;
	--trek-paper: #171b22;
	--trek-hairline: rgba(255,255,255,.10);
}
/* ---- Sport: Sportski dnevnik: narandžasti akcenat, brzi ritam, jaki brojevi. ---- */
html[data-tema="n5-sport"] {
	--n5-akcent: #e07a00;
	--n5-akcent-jak: #a95a00;
	--n5-bg: #ffffff;
	--n5-povrs: #f6f7f9;
	--n5-linija: #e3e6ec;
	--n5-ink: #14171d;
	--n5-tiho: #5c6472;
	--n5-traka: #14171d;
	--n5-traka-ink: #d6dae2;
	--n5-radijus: 6px;
	--n5-naslov: "Inter", system-ui, sans-serif;
	--n5-telo: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
	--bs-body-bg: #ffffff;
	--bs-body-color: #14171d;
	--bs-secondary-bg: #f6f7f9;
	--bs-tertiary-bg: #f6f7f9;
	--bs-border-color: #e3e6ec;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #14171d;
	--bs-primary: #e07a00; --bs-primary-rgb: 224,122,0;
	--trek-accent: #e07a00;
	--trek-ink: #14171d;
	--trek-ink-2: #5c6472;
	--trek-paper: #ffffff;
	--trek-hairline: #e3e6ec;
	background: var(--n5-bg);
}
html[data-tema="n5-sport"][data-bs-theme="dark"] {
	--n5-bg: #0e1116;
	--n5-povrs: #171b22;
	--n5-linija: rgba(255,255,255,.10);
	--n5-ink: #eef1f6;
	--n5-tiho: #98a1b0;
	--n5-traka: #05070a;
	--n5-traka-ink: #aeb6c2;
	--bs-body-bg: #0e1116;
	--bs-body-color: #eef1f6;
	--bs-secondary-bg: #171b22;
	--bs-tertiary-bg: #171b22;
	--bs-border-color: rgba(255,255,255,.10);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--trek-ink: #eef1f6;
	--trek-ink-2: #98a1b0;
	--trek-paper: #171b22;
	--trek-hairline: rgba(255,255,255,.10);
}
/* ---- Moderne novine: Moderne novine: serifni display naslovi i crvena linija. ---- */
html[data-tema="n5-moderne"] {
	--n5-akcent: #d81f2a;
	--n5-akcent-jak: #a3141d;
	--n5-bg: #ffffff;
	--n5-povrs: #f6f7f9;
	--n5-linija: #e3e6ec;
	--n5-ink: #14171d;
	--n5-tiho: #5c6472;
	--n5-traka: #14171d;
	--n5-traka-ink: #d6dae2;
	--n5-radijus: 2px;
	--n5-naslov: "Playfair Display", system-ui, sans-serif;
	--n5-telo: "Work Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
	--bs-body-bg: #ffffff;
	--bs-body-color: #14171d;
	--bs-secondary-bg: #f6f7f9;
	--bs-tertiary-bg: #f6f7f9;
	--bs-border-color: #e3e6ec;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #14171d;
	--bs-primary: #d81f2a; --bs-primary-rgb: 216,31,42;
	--trek-accent: #d81f2a;
	--trek-ink: #14171d;
	--trek-ink-2: #5c6472;
	--trek-paper: #ffffff;
	--trek-hairline: #e3e6ec;
	background: var(--n5-bg);
}
html[data-tema="n5-moderne"][data-bs-theme="dark"] {
	--n5-bg: #0e1116;
	--n5-povrs: #171b22;
	--n5-linija: rgba(255,255,255,.10);
	--n5-ink: #eef1f6;
	--n5-tiho: #98a1b0;
	--n5-traka: #05070a;
	--n5-traka-ink: #aeb6c2;
	--bs-body-bg: #0e1116;
	--bs-body-color: #eef1f6;
	--bs-secondary-bg: #171b22;
	--bs-tertiary-bg: #171b22;
	--bs-border-color: rgba(255,255,255,.10);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--trek-ink: #eef1f6;
	--trek-ink-2: #98a1b0;
	--trek-paper: #171b22;
	--trek-hairline: rgba(255,255,255,.10);
}
/* ---- Magazin: Magazin: narandžasto-crveni akcenat, zaobljene kartice, veliki naslovi. ---- */
html[data-tema="n5-magazin"] {
	--n5-akcent: #e2542a;
	--n5-akcent-jak: #b03f1e;
	--n5-bg: #ffffff;
	--n5-povrs: #f6f7f9;
	--n5-linija: #e3e6ec;
	--n5-ink: #14171d;
	--n5-tiho: #5c6472;
	--n5-traka: #14171d;
	--n5-traka-ink: #d6dae2;
	--n5-radijus: 16px;
	--n5-naslov: "Poppins", system-ui, sans-serif;
	--n5-telo: "Onest", -apple-system, "Segoe UI", Roboto, sans-serif;
	--bs-body-bg: #ffffff;
	--bs-body-color: #14171d;
	--bs-secondary-bg: #f6f7f9;
	--bs-tertiary-bg: #f6f7f9;
	--bs-border-color: #e3e6ec;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #14171d;
	--bs-primary: #e2542a; --bs-primary-rgb: 226,84,42;
	--trek-accent: #e2542a;
	--trek-ink: #14171d;
	--trek-ink-2: #5c6472;
	--trek-paper: #ffffff;
	--trek-hairline: #e3e6ec;
	background: var(--n5-bg);
}
html[data-tema="n5-magazin"][data-bs-theme="dark"] {
	--n5-bg: #0e1116;
	--n5-povrs: #171b22;
	--n5-linija: rgba(255,255,255,.10);
	--n5-ink: #eef1f6;
	--n5-tiho: #98a1b0;
	--n5-traka: #05070a;
	--n5-traka-ink: #aeb6c2;
	--bs-body-bg: #0e1116;
	--bs-body-color: #eef1f6;
	--bs-secondary-bg: #171b22;
	--bs-tertiary-bg: #171b22;
	--bs-border-color: rgba(255,255,255,.10);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--trek-ink: #eef1f6;
	--trek-ink-2: #98a1b0;
	--trek-paper: #171b22;
	--trek-hairline: rgba(255,255,255,.10);
}
/* ---- Putovanja: Putovanja i blog: vedri plavi akcenat i široke fotografije. ---- */
html[data-tema="n5-putovanja"] {
	--n5-akcent: #0f87b5;
	--n5-akcent-jak: #0a6a90;
	--n5-bg: #ffffff;
	--n5-povrs: #f6f7f9;
	--n5-linija: #e3e6ec;
	--n5-ink: #14171d;
	--n5-tiho: #5c6472;
	--n5-traka: #14171d;
	--n5-traka-ink: #d6dae2;
	--n5-radijus: 14px;
	--n5-naslov: "Teachers", system-ui, sans-serif;
	--n5-telo: "Teachers", -apple-system, "Segoe UI", Roboto, sans-serif;
	--bs-body-bg: #ffffff;
	--bs-body-color: #14171d;
	--bs-secondary-bg: #f6f7f9;
	--bs-tertiary-bg: #f6f7f9;
	--bs-border-color: #e3e6ec;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #14171d;
	--bs-primary: #0f87b5; --bs-primary-rgb: 15,135,181;
	--trek-accent: #0f87b5;
	--trek-ink: #14171d;
	--trek-ink-2: #5c6472;
	--trek-paper: #ffffff;
	--trek-hairline: #e3e6ec;
	background: var(--n5-bg);
}
html[data-tema="n5-putovanja"][data-bs-theme="dark"] {
	--n5-bg: #0e1116;
	--n5-povrs: #171b22;
	--n5-linija: rgba(255,255,255,.10);
	--n5-ink: #eef1f6;
	--n5-tiho: #98a1b0;
	--n5-traka: #05070a;
	--n5-traka-ink: #aeb6c2;
	--bs-body-bg: #0e1116;
	--bs-body-color: #eef1f6;
	--bs-secondary-bg: #171b22;
	--bs-tertiary-bg: #171b22;
	--bs-border-color: rgba(255,255,255,.10);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--trek-ink: #eef1f6;
	--trek-ink-2: #98a1b0;
	--trek-paper: #171b22;
	--trek-hairline: rgba(255,255,255,.10);
}
/* ---- Hrana: Hrana i recepti: topli koralni akcenat, mekana i pozivna forma. ---- */
html[data-tema="n5-hrana"] {
	--n5-akcent: #e04a33;
	--n5-akcent-jak: #b03626;
	--n5-bg: #ffffff;
	--n5-povrs: #f6f7f9;
	--n5-linija: #e3e6ec;
	--n5-ink: #14171d;
	--n5-tiho: #5c6472;
	--n5-traka: #14171d;
	--n5-traka-ink: #d6dae2;
	--n5-radijus: 18px;
	--n5-naslov: "Onest", system-ui, sans-serif;
	--n5-telo: "Onest", -apple-system, "Segoe UI", Roboto, sans-serif;
	--bs-body-bg: #ffffff;
	--bs-body-color: #14171d;
	--bs-secondary-bg: #f6f7f9;
	--bs-tertiary-bg: #f6f7f9;
	--bs-border-color: #e3e6ec;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #14171d;
	--bs-primary: #e04a33; --bs-primary-rgb: 224,74,51;
	--trek-accent: #e04a33;
	--trek-ink: #14171d;
	--trek-ink-2: #5c6472;
	--trek-paper: #ffffff;
	--trek-hairline: #e3e6ec;
	background: var(--n5-bg);
}
html[data-tema="n5-hrana"][data-bs-theme="dark"] {
	--n5-bg: #0e1116;
	--n5-povrs: #171b22;
	--n5-linija: rgba(255,255,255,.10);
	--n5-ink: #eef1f6;
	--n5-tiho: #98a1b0;
	--n5-traka: #05070a;
	--n5-traka-ink: #aeb6c2;
	--bs-body-bg: #0e1116;
	--bs-body-color: #eef1f6;
	--bs-secondary-bg: #171b22;
	--bs-tertiary-bg: #171b22;
	--bs-border-color: rgba(255,255,255,.10);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--trek-ink: #eef1f6;
	--trek-ink-2: #98a1b0;
	--trek-paper: #171b22;
	--trek-hairline: rgba(255,255,255,.10);
}

/* ══════════════════════════════════════════════════════════════════════════
   MODNE TEME (3): Glamur, Podijum, Puder.
   Rade nad istim rasporedom kao i n5 porodica, pa dele njena pravila kroz
   :is() spisak; ovde su samo promenljive svake teme.
   ⚠ Svetli režim je BEO. Blush i papirna podloga iz predložaka žive kao boja
   traka i oznaka, ne kao podloga strane (pravilo: samo svetlo i tamno).
   ══════════════════════════════════════════════════════════════════════════ */

/* ---- Glamur: modni magazin, vrelo roze i limun na belom ---- */
html[data-tema="moda-glam"] {
	--n5-akcent: #ff2d8b;
	--n5-akcent-jak: #d10c68;
	--n5-bg: #ffffff;
	--n5-povrs: #f7f6f8;
	--n5-linija: #e7e4ea;
	--n5-ink: #0b0b0c;
	--n5-tiho: #5b5964;
	--n5-traka: #000000;
	--n5-traka-ink: #f2eff4;
	--n5-radijus: 22px;
	--n5-naslov: "Archivo", system-ui, sans-serif;
	--n5-telo: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
	--moda-drugi: #edf07a;
	--bs-body-bg: #ffffff;
	--bs-body-color: #0b0b0c;
	--bs-secondary-bg: #f7f6f8;
	--bs-tertiary-bg: #f7f6f8;
	--bs-border-color: #e7e4ea;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #0b0b0c;
	--bs-primary: #ff2d8b; --bs-primary-rgb: 255,45,139;
	--trek-accent: #ff2d8b;
	--trek-ink: #0b0b0c;
	--trek-ink-2: #5b5964;
	--trek-paper: #ffffff;
	--trek-hairline: #e7e4ea;
	background: var(--n5-bg);
}
html[data-tema="moda-glam"][data-bs-theme="dark"] {
	--n5-bg: #0a0a0c;
	--n5-povrs: #15141a;
	--n5-linija: rgba(255,255,255,.11);
	--n5-ink: #f6f4f8;
	--n5-tiho: #a49fae;
	--n5-traka: #000000;
	--n5-traka-ink: #cfc9d6;
	--bs-body-bg: #0a0a0c;
	--bs-body-color: #f6f4f8;
	--bs-secondary-bg: #15141a;
	--bs-tertiary-bg: #15141a;
	--bs-border-color: rgba(255,255,255,.11);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--trek-ink: #f6f4f8;
	--trek-ink-2: #a49fae;
	--trek-paper: #15141a;
	--trek-hairline: rgba(255,255,255,.11);
}

/* ---- Podijum: modna revija, maslinasti blokovi i narandžasti akcenat ---- */
html[data-tema="moda-podijum"] {
	--n5-akcent: #ef5a1e;
	--n5-akcent-jak: #c04310;
	--n5-bg: #ffffff;
	--n5-povrs: #f4f3ef;
	--n5-linija: #e2e0d8;
	--n5-ink: #191a14;
	--n5-tiho: #5f6155;
	--n5-traka: #242419;
	--n5-traka-ink: #ddd9c8;
	--n5-radijus: 4px;
	--n5-naslov: "Bodoni Moda", Georgia, serif;
	--n5-telo: "Archivo", -apple-system, "Segoe UI", Roboto, sans-serif;
	--moda-drugi: #242419;
	--bs-body-bg: #ffffff;
	--bs-body-color: #191a14;
	--bs-secondary-bg: #f4f3ef;
	--bs-tertiary-bg: #f4f3ef;
	--bs-border-color: #e2e0d8;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #191a14;
	--bs-primary: #ef5a1e; --bs-primary-rgb: 239,90,30;
	--trek-accent: #ef5a1e;
	--trek-ink: #191a14;
	--trek-ink-2: #5f6155;
	--trek-paper: #ffffff;
	--trek-hairline: #e2e0d8;
	background: var(--n5-bg);
}
html[data-tema="moda-podijum"][data-bs-theme="dark"] {
	--n5-bg: #14150f;
	--n5-povrs: #1e2016;
	--n5-linija: rgba(255,255,255,.10);
	--n5-ink: #f1f0e6;
	--n5-tiho: #a5a695;
	--n5-traka: #0b0c07;
	--n5-traka-ink: #c9c8b6;
	--bs-body-bg: #14150f;
	--bs-body-color: #f1f0e6;
	--bs-secondary-bg: #1e2016;
	--bs-tertiary-bg: #1e2016;
	--bs-border-color: rgba(255,255,255,.10);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--trek-ink: #f1f0e6;
	--trek-ink-2: #a5a695;
	--trek-paper: #1e2016;
	--trek-hairline: rgba(255,255,255,.10);
}

/* ---- Puder: mek modni editorijal, terakota na belom ---- */
html[data-tema="moda-puder"] {
	--n5-akcent: #b8452f;
	--n5-akcent-jak: #8d3020;
	--n5-bg: #ffffff;
	--n5-povrs: #f8f0ed;
	--n5-linija: #ead9d3;
	--n5-ink: #211d1b;
	--n5-tiho: #6c605c;
	--n5-traka: #2a2a1e;
	--n5-traka-ink: #e6d7d1;
	--n5-radijus: 2px;
	--n5-naslov: "DM Serif Display", Georgia, serif;
	--n5-telo: "Archivo", -apple-system, "Segoe UI", Roboto, sans-serif;
	--moda-drugi: #e9d6d0;
	--bs-body-bg: #ffffff;
	--bs-body-color: #211d1b;
	--bs-secondary-bg: #f8f0ed;
	--bs-tertiary-bg: #f8f0ed;
	--bs-border-color: #ead9d3;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #211d1b;
	--bs-primary: #b8452f; --bs-primary-rgb: 184,69,47;
	--trek-accent: #b8452f;
	--trek-ink: #211d1b;
	--trek-ink-2: #6c605c;
	--trek-paper: #ffffff;
	--trek-hairline: #ead9d3;
	background: var(--n5-bg);
}
html[data-tema="moda-puder"][data-bs-theme="dark"] {
	--n5-bg: #12100f;
	--n5-povrs: #1c1917;
	--n5-linija: rgba(255,255,255,.10);
	--n5-ink: #f4efec;
	--n5-tiho: #a89d98;
	--n5-traka: #080706;
	--n5-traka-ink: #cdbfb9;
	--bs-body-bg: #12100f;
	--bs-body-color: #f4efec;
	--bs-secondary-bg: #1c1917;
	--bs-tertiary-bg: #1c1917;
	--bs-border-color: rgba(255,255,255,.10);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--trek-ink: #f4efec;
	--trek-ink-2: #a89d98;
	--trek-paper: #1c1917;
	--trek-hairline: rgba(255,255,255,.10);
}

/* ══════════════════════════════════════════════════════════════════════════
   MODNE TEME — PUN DIZAJN (zaglavlje, naslovna, članak, mobilni).
   Svaka od tri teme ima svoje zaglavlje (partials/header/{tema}.html.twig) i
   svoju naslovnu (home/{tema}.html.twig); ovde je sve što ih crta.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Zajedničke kontrole tematskih zaglavlja ── */
.thx-kontrole { display: flex; align-items: center; gap: .2rem; }
.thx-ik { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px;
	border: 0; background: transparent; color: inherit; font-size: 1.15rem; border-radius: 50%; cursor: pointer;
	text-decoration: none; transition: background .15s; position: relative; }
.thx-ik:hover { background: color-mix(in srgb, currentColor 12%, transparent); color: inherit; }
.thx-avatar { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px;
	border-radius: 50%; background: var(--n5-akcent); color: #fff; font-weight: 700; font-size: .72rem; }
/* ⚠ Postojeća pravila boje za .trek-search-toggle gaze inherit, pa je lupa u
   tamnom zaglavlju bila crna na crnom. Kontrole tematskog zaglavlja su gazda. */
.thx-kontrole .trek-search-toggle { color: inherit !important; }
/* Tematska zaglavlja sama crtaju mesec/sunce po režimu */
html[data-bs-theme="dark"] .thx-kontrole .trek-tema-l { display: none; }
html:not([data-bs-theme="dark"]) .thx-kontrole .trek-tema-d { display: none; }

/* ════════════ GLAMUR (moda-glam) ════════════ */
html[data-tema="moda-glam"] .mg-header { background: #000; color: #fff; }
html[data-tema="moda-glam"] .mg-header-red { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .55rem 0; }
html[data-tema="moda-glam"] .mg-logo { font-family: var(--n5-naslov); font-weight: 900; font-size: 1.9rem; letter-spacing: -.02em;
	color: var(--n5-akcent); text-decoration: none; text-transform: lowercase; }
html[data-tema="moda-glam"] .mg-logo span { color: var(--moda-drugi); }
html[data-tema="moda-glam"] .mg-nav { display: flex; gap: 1.4rem; }
html[data-tema="moda-glam"] .mg-nav a { color: #fff; text-decoration: none; font-size: .88rem; font-weight: 600; letter-spacing: .02em; }
html[data-tema="moda-glam"] .mg-nav a:hover { color: var(--n5-akcent); }
html[data-tema="moda-glam"] .mg-header .thx-kontrole { color: #fff; }
html[data-tema="moda-glam"] .mg-header-vlas { height: 3px; background: linear-gradient(90deg, var(--n5-akcent) 0 34%, var(--moda-drugi) 34% 67%, #000 67%); }

.mg { font-family: var(--n5-telo); }
.mg .mg-kicker { display: inline-block; font-size: .74rem; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; color: var(--n5-akcent); margin-bottom: .6rem; }
.mg-tt-jako { font-family: var(--n5-naslov); font-weight: 900; text-transform: uppercase; letter-spacing: -.02em; }
.mg-tt-meko { font-family: Georgia, 'Times New Roman', serif; font-weight: 500; font-style: italic; text-transform: none; letter-spacing: 0; }
.mg-hero { padding: 3rem 0 2rem; }
.mg-hero-mreza { display: grid; grid-template-columns: 1.05fr .95fr; gap: 2.5rem; align-items: center; }
.mg-hero-tt { font-size: clamp(2rem, 4.6vw, 3.6rem); line-height: 1.04; margin: 0 0 1rem; }
.mg-hero-tt a { color: var(--n5-ink); text-decoration: none; }
.mg-hero-lead { color: var(--n5-tiho); font-size: 1.02rem; line-height: 1.6; max-width: 46ch; }
.mg-hero-foto { display: block; aspect-ratio: 4/4.6; overflow: hidden; }
.mg-hero-foto img { width: 100%; height: 100%; object-fit: cover; }
.mg-btn { display: inline-flex; align-items: center; gap: .5rem; background: var(--moda-drugi); color: #0b0b0c;
	font-weight: 800; font-size: .85rem; letter-spacing: .06em; text-transform: uppercase; text-decoration: none;
	padding: .72rem 1.35rem; border-radius: 100px; transition: transform .15s, background .15s; }
.mg-btn:hover { background: var(--n5-akcent); color: #fff; transform: translateY(-2px); }
.mg-strelice { display: flex; gap: 0; margin-top: 1.4rem; }
.mg-str { width: 52px; height: 44px; border: 1px solid var(--n5-linija); background: var(--n5-bg); color: var(--n5-ink); font-size: 1.1rem; cursor: pointer; }
.mg-str + .mg-str { border-left: 0; }
.mg-str:hover { background: #000; color: #fff; }
.mg-sek { padding: 3rem 0; }
.mg-sek-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem 1.2rem; margin-bottom: 1.6rem; flex-direction: column; }
.mg-sek-tt { font-size: clamp(1.7rem, 3.4vw, 2.6rem); margin: 0; color: var(--n5-ink); }
.mg-red { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.4rem; }
.mg-kart { display: flex; flex-direction: column; gap: .45rem; text-decoration: none; }
.mg-kart-foto { display: block; aspect-ratio: 3/3.6; overflow: hidden; }
.mg-kart-foto img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.9); transition: transform .25s; }
.mg-kart:hover .mg-kart-foto img { transform: scale(1.04); }
.mg-kart-rub { font-size: .68rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--n5-tiho); }
.mg-kart-tt { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.02rem; line-height: 1.25; color: var(--n5-ink); }
.mg-vise { font-size: .78rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--n5-akcent); }
.mg-crna { background: #000; color: #fff; padding: 3.4rem 0; }
.mg-crna-head { text-align: center; margin-bottom: 1.8rem; }
.mg-crna-tt { font-size: clamp(1.8rem, 3.6vw, 2.8rem); margin: 0; color: #fff; }
.mg-crna .mg-tt-meko { color: var(--moda-drugi); }
.mg-zute { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; }
.mg-zuta { display: flex; flex-direction: column; gap: .4rem; background: var(--moda-drugi); color: #0b0b0c; padding: 12px 12px 14px; text-decoration: none; transition: transform .15s; }
.mg-zuta:hover { transform: translateY(-4px); color: #0b0b0c; }
.mg-zuta-foto { display: block; aspect-ratio: 4/4.4; overflow: hidden; }
.mg-zuta-foto img { width: 100%; height: 100%; object-fit: cover; }
.mg-zuta-rub { font-size: .66rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; margin-top: .3rem; }
.mg-zuta-tt { font-family: var(--n5-naslov); font-weight: 800; font-size: 1rem; line-height: 1.25; }
.mg-split { display: grid; grid-template-columns: .95fr 1.05fr; gap: 2.5rem; align-items: center; }
.mg-split-foto { display: block; aspect-ratio: 4/4.2; overflow: hidden; }
.mg-split-foto img { width: 100%; height: 100%; object-fit: cover; }
.mg-split-lista { list-style: none; margin: 1.1rem 0 1.4rem; padding: 0; }
.mg-split-lista li { border-top: 1px solid var(--n5-linija); }
.mg-split-lista a { display: block; padding: .7rem 0; color: var(--n5-ink); text-decoration: none; font-weight: 600; }
.mg-split-lista a:hover { color: var(--n5-akcent); }
.mg-poziv { text-align: center; }
.mg-poziv-tt { font-size: clamp(2rem, 5.4vw, 4rem); color: #fff; margin: 0 0 1.4rem; }
.mg-btn-zuta { background: var(--moda-drugi); }
.mg-tri { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem 2rem; }
.mg-mini { display: flex; gap: .9rem; text-decoration: none; padding: 1rem 0; border-top: 2px solid var(--n5-ink); }
.mg-mini-broj { font-family: var(--n5-naslov); font-weight: 900; font-size: 1.6rem; color: var(--n5-akcent); line-height: 1; }
.mg-mini-tt { display: block; font-family: var(--n5-naslov); font-weight: 700; font-size: .98rem; line-height: 1.3; color: var(--n5-ink); }
/* Glamur članak: kicker roze, naslov gromko, deljenje mirno */
html[data-tema="moda-glam"] .trek-clanak-naslov { font-family: var(--n5-naslov); font-weight: 900; letter-spacing: -.02em; text-transform: uppercase; }
html[data-tema="moda-glam"] .trek-kicker { letter-spacing: .22em; }
/* Tamni režim: crne trake ostaju crne, karte prate promenljive */
html[data-tema="moda-glam"][data-bs-theme="dark"] .mg-str { background: var(--n5-povrs); }
html[data-tema="moda-glam"][data-bs-theme="dark"] .mg-header { border-bottom: 1px solid rgba(255,255,255,.14); }

/* ════════════ PODIJUM (moda-podijum) ════════════ */
html[data-tema="moda-podijum"] .mp-header { background: var(--n5-bg); }
html[data-tema="moda-podijum"] .mp-topbar { background: var(--moda-drugi); color: #ddd9c8; padding: .4rem 0; }
html[data-tema="moda-podijum"] .mp-toplinks { display: flex; gap: 1.3rem; }
html[data-tema="moda-podijum"] .mp-toplinks a { color: #ddd9c8; text-decoration: none; font-size: .8rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
html[data-tema="moda-podijum"] .mp-toplinks a:hover { color: #fff; }
html[data-tema="moda-podijum"] .mp-topbar .thx-kontrole { color: #ddd9c8; }
/* Bilo --n5-akcent: belo na #ef5a1e je 3,41. Tamniji ton iste boje daje 5,3. */
html[data-tema="moda-podijum"] .mp-cta { background: var(--n5-akcent-jak); color: #fff; font-weight: 700; font-size: .78rem;
	letter-spacing: .1em; text-transform: uppercase; text-decoration: none; padding: .4rem 1rem; }
html[data-tema="moda-podijum"] .mp-logo { display: block; font-family: var(--n5-naslov); font-weight: 700; text-align: center;
	font-size: clamp(4rem, 14vw, 11rem); line-height: .92; letter-spacing: .01em; color: var(--n5-ink); text-decoration: none;
	margin: .5rem 0 -.55em; position: relative; z-index: 2; }
html[data-tema="moda-podijum"] .mp-logo-mag { font-size: .16em; font-family: var(--n5-telo); font-weight: 600; letter-spacing: .3em; color: var(--n5-akcent); vertical-align: super; }

.mp { font-family: var(--n5-telo); }
.mp-hero { background: var(--moda-drugi); color: #f1f0e6; padding: 6.2rem 0 2.6rem; }
.mp-hero-mreza { display: grid; grid-template-columns: .85fr 1.15fr; gap: 2.6rem; align-items: end; }
.mp-hero-foto { display: block; aspect-ratio: 3/3.8; overflow: hidden; }
.mp-hero-foto img { width: 100%; height: 100%; object-fit: cover; filter: sepia(.14) saturate(.85); }
.mp-cip-red { display: flex; align-items: center; gap: .7rem; margin-bottom: .8rem; }
.mp-cip { display: inline-block; border: 1px solid var(--n5-akcent); color: var(--n5-akcent); font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; padding: .22rem .7rem; }
.mp-cip-obris { border-color: currentColor; color: inherit; opacity: .8; }
.mp-datum { font-size: .78rem; letter-spacing: .08em; opacity: .65; }
.mp-hero-tt { font-family: var(--n5-naslov); font-weight: 600; font-size: clamp(1.7rem, 3.8vw, 3.1rem); line-height: 1.12; text-transform: uppercase; letter-spacing: .01em; margin: 0 0 1rem; }
.mp-hero-tt a { color: inherit; text-decoration: none; }
.mp-hero-lead { font-size: .98rem; line-height: 1.65; opacity: .8; max-width: 52ch; }
.mp-potpis { font-size: .8rem; letter-spacing: .04em; opacity: .75; }
.mp-potpis .bi { color: var(--n5-akcent); }
.mp-sek { padding: 3rem 0; }
.mp-tamna { background: var(--moda-drugi); color: #f1f0e6; padding: 3.2rem 0; }
.mp-sek-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1.6rem; }
.mp-sek-tt { font-family: var(--n5-naslov); font-weight: 600; font-size: clamp(1.7rem, 3.4vw, 2.6rem); letter-spacing: .02em; text-transform: uppercase; margin: 0; }
.mp-sek-tt-sred { text-align: center; margin-bottom: 1.6rem; }
.mp-sve { color: var(--n5-akcent); text-decoration: none; font-size: .82rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.mp-danas { display: grid; grid-template-columns: 1.1fr .9fr; gap: 2rem; }
.mp-danas-levo { display: flex; flex-direction: column; }
.mp-red-st { display: flex; gap: 1.1rem; padding: 1rem 0; border-bottom: 1px solid rgba(255,255,255,.14); text-decoration: none; color: inherit; }
.mp-red-st:hover .mp-red-tt { color: var(--n5-akcent); }
.mp-red-foto { flex: 0 0 132px; aspect-ratio: 4/3; overflow: hidden; }
.mp-red-foto img { width: 100%; height: 100%; object-fit: cover; }
.mp-red-tt { display: block; font-family: var(--n5-naslov); font-weight: 600; font-size: 1.08rem; line-height: 1.3; text-transform: uppercase; letter-spacing: .01em; margin: .2rem 0 .35rem; transition: color .15s; }
.mp-danas-desno { display: block; position: relative; text-decoration: none; color: inherit; }
.mp-danas-desno img { width: 100%; aspect-ratio: 4/4.4; object-fit: cover; }
.mp-danas-desno .mp-cip-red { margin: .8rem 0 .4rem; }
.mp-danas-tt { font-family: var(--n5-naslov); font-weight: 600; font-size: 1.35rem; line-height: 1.25; text-transform: uppercase; }
.mp-datumi { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .6rem 1.4rem; margin-bottom: 1.6rem; }
.mp-datum-cip { font-size: .88rem; font-weight: 700; letter-spacing: .06em; color: var(--n5-tiho); text-decoration: none; padding: .3rem .2rem; border-bottom: 2px solid transparent; }
.mp-datum-cip.is-aktivan, .mp-datum-cip:hover { color: var(--n5-akcent); border-color: var(--n5-akcent); }
.mp-event { display: grid; grid-template-columns: .9fr 1fr 64px; background: var(--moda-drugi); color: #f1f0e6; overflow: hidden; }
.mp-event-foto { display: block; }
.mp-event-foto img { width: 100%; height: 100%; object-fit: cover; min-height: 260px; }
.mp-event-telo { padding: 2rem; display: flex; flex-direction: column; align-items: flex-start; gap: .5rem; justify-content: center; }
.mp-event-tt { font-family: var(--n5-naslov); font-weight: 600; font-size: clamp(1.5rem, 3vw, 2.3rem); text-transform: uppercase; margin: 0; }
.mp-event-tt a { color: inherit; text-decoration: none; }
.mp-cta { display: inline-block; background: var(--n5-akcent); color: #fff; border: 0; font-weight: 700; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; padding: .7rem 1.4rem; cursor: pointer; }
.mp-cta:hover { background: var(--n5-akcent-jak); color: #fff; }
.mp-event-pruga { background: var(--n5-akcent); color: #fff; writing-mode: vertical-rl; display: flex; align-items: center; justify-content: center; font-size: .7rem; font-weight: 800; letter-spacing: .3em; overflow: hidden; }
.mp-foto-sek .mp-foto-red { display: grid; grid-template-columns: 1.15fr repeat(3, .95fr); gap: 1.1rem; padding: 1.6rem 0; border-top: 1px solid var(--n5-linija); }
.mp-foto-info { padding-right: 1rem; }
.mp-foto-tt { font-family: var(--n5-naslov); font-weight: 600; font-size: 1.1rem; line-height: 1.3; text-transform: uppercase; margin: 0 0 .8rem; }
.mp-foto-tt a { color: var(--n5-ink); text-decoration: none; }
.mp-krediti { margin: 0 0 .8rem; font-size: .8rem; }
.mp-krediti dt { float: left; clear: left; width: 40%; color: var(--n5-tiho); font-weight: 400; letter-spacing: .06em; text-transform: uppercase; font-size: .68rem; padding: .18rem 0; }
.mp-krediti dd { margin: 0 0 0 42%; padding: .12rem 0; font-weight: 600; color: var(--n5-ink); border-bottom: 1px dotted var(--n5-linija); }
.mp-foto-kv { display: block; aspect-ratio: 3/3.4; overflow: hidden; }
.mp-foto-kv img { width: 100%; height: 100%; object-fit: cover; filter: sepia(.12) saturate(.85); transition: transform .25s; }
.mp-foto-kv:hover img { transform: scale(1.04); }
.mp-izdanja { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem; }
.mp-izdanje { position: relative; display: block; aspect-ratio: 3/4; overflow: hidden; text-decoration: none; color: #fff; }
.mp-izdanje img { width: 100%; height: 100%; object-fit: cover; filter: brightness(.72); transition: transform .25s; }
.mp-izdanje:hover img { transform: scale(1.04); }
.mp-izdanje-logo { position: absolute; top: 10px; left: 0; right: 0; text-align: center; font-family: var(--n5-naslov); font-weight: 700; font-size: 2.6rem; letter-spacing: .04em; color: #fff; }
.mp-izdanje-tt { position: absolute; left: 14px; right: 14px; bottom: 14px; font-family: var(--n5-naslov); font-weight: 600; font-size: 1.05rem; line-height: 1.3; text-transform: uppercase; color: #fff; }
.mp-pret-mreza { display: grid; grid-template-columns: 1.2fr .8fr; gap: 2.5rem; align-items: center; }
.mp-pret-tt { font-family: var(--n5-naslov); font-weight: 700; font-size: clamp(3rem, 8vw, 6rem); line-height: .95; text-transform: uppercase; margin: 0 0 1.4rem; color: var(--n5-ink); }
.mp-pret-forma { display: flex; gap: 0; max-width: 460px; }
.mp-pret-forma input { flex: 1; border: 1px solid var(--n5-ink); border-right: 0; background: var(--n5-bg); color: var(--n5-ink); padding: .8rem 1rem; font-size: .95rem; }
.mp-pret-forma input:focus { outline: 2px solid var(--n5-akcent); outline-offset: -1px; }
.mp-pret-blok { background: var(--n5-akcent); padding: 14px; }
.mp-pret-blok img { width: 100%; aspect-ratio: 3/3.6; object-fit: cover; display: block; }
/* Podijum članak: Bodoni naslov, uspravan kicker */
html[data-tema="moda-podijum"] .trek-clanak-naslov { font-family: var(--n5-naslov); font-weight: 600; text-transform: uppercase; letter-spacing: .01em; line-height: 1.1; }
/* Tamni režim: maslinaste trake ostaju, svetle sekcije prate promenljive */
html[data-tema="moda-podijum"][data-bs-theme="dark"] .mp-topbar { background: #0b0c07; }

/* ════════════ PUDER (moda-puder) ════════════ */
html[data-tema="moda-puder"] .mu-header { background: var(--n5-bg); border-bottom: 1px solid var(--n5-linija); }
html[data-tema="moda-puder"] .mu-topbar { border-bottom: 1px solid var(--n5-linija); padding: .35rem 0; }
html[data-tema="moda-puder"] .mu-datum { font-size: .78rem; letter-spacing: .06em; color: var(--n5-tiho); }
html[data-tema="moda-puder"] .mu-toplinks { display: flex; gap: 1.3rem; }
html[data-tema="moda-puder"] .mu-toplinks a { color: var(--n5-tiho); text-decoration: none; font-size: .76rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
html[data-tema="moda-puder"] .mu-toplinks a:hover { color: var(--n5-akcent); }
html[data-tema="moda-puder"] .mu-header-red { display: flex; align-items: center; justify-content: space-between; gap: 1.4rem; padding: .8rem 0; }
html[data-tema="moda-puder"] .mu-logo { font-family: var(--n5-naslov); font-size: 1.75rem; color: var(--n5-ink); text-decoration: none; white-space: nowrap; }
html[data-tema="moda-puder"] .mu-logo em { color: var(--n5-akcent); }
html[data-tema="moda-puder"] .mu-nav { display: flex; gap: 1.5rem; flex-wrap: wrap; }
html[data-tema="moda-puder"] .mu-nav a { color: var(--n5-ink); text-decoration: none; font-size: .85rem; font-weight: 600; letter-spacing: .04em; }
html[data-tema="moda-puder"] .mu-nav a:hover { color: var(--n5-akcent); }

.mu { font-family: var(--n5-telo); }
.mu-sek { padding: 3rem 0; }
.mu-tamna { background: #2a2a1e; color: #f0eee3; padding: 3.2rem 0; }
.mu-cip { display: inline-block; font-size: .66rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--n5-akcent); }
.mu-cip-obris { border: 1px solid currentColor; color: inherit; opacity: .75; padding: .18rem .55rem; }
.mu-potpis { font-size: .78rem; color: var(--n5-tiho); }
.mu-tamna .mu-potpis { color: rgba(240,238,227,.6); }
.mu-potpis .bi { color: var(--n5-akcent); }
.mu-price { display: grid; grid-template-columns: .55fr 1.5fr .75fr; gap: 2.2rem; align-items: start; }
.mu-slomljen { font-family: var(--n5-naslov); font-size: clamp(3.6rem, 9vw, 7.5rem); line-height: .88; letter-spacing: -.01em; color: var(--n5-ink); margin: 0; }
.mu-kolaz { position: relative; display: grid; grid-template-columns: 1.25fr .75fr; gap: 1rem; }
.mu-kolaz-st { display: block; overflow: hidden; }
.mu-kolaz-st.is-prva { aspect-ratio: 4/4.4; }
.mu-kolaz-st.is-druga { aspect-ratio: 3/4; margin-top: 3.2rem; }
.mu-kolaz-st img { width: 100%; height: 100%; object-fit: cover; }
.mu-kolaz-txt { grid-column: 1 / -1; display: flex; flex-direction: column; gap: .4rem; }
.mu-kolaz-tt { font-family: var(--n5-naslov); font-size: clamp(1.4rem, 2.6vw, 2rem); line-height: 1.2; margin: 0; }
.mu-kolaz-tt a { color: var(--n5-ink); text-decoration: none; }
.mu-kolaz-tt a:hover { color: var(--n5-akcent); }
.mu-latest { border-left: 1px solid var(--n5-linija); padding-left: 1.6rem; }
.mu-latest-tt { font-family: var(--n5-naslov); font-size: 1.3rem; margin: 0 0 1rem; color: var(--n5-ink); }
.mu-latest-st { display: block; padding: .85rem 0; border-top: 1px solid var(--n5-linija); text-decoration: none; }
.mu-latest-n { display: block; font-weight: 600; font-size: .94rem; line-height: 1.4; color: var(--n5-ink); margin-top: .25rem; }
.mu-latest-st:hover .mu-latest-n { color: var(--n5-akcent); }
.mu-sek-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1.7rem; }
.mu-sek-tt { font-family: var(--n5-naslov); font-size: clamp(1.9rem, 4vw, 3rem); letter-spacing: .02em; margin: 0; }
.mu-sek-tt-mix em { color: var(--n5-akcent); font-style: italic; text-transform: none; }
.mu-sve { color: var(--n5-akcent); text-decoration: none; font-size: .8rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
.mu-mreza { display: grid; grid-template-columns: 1.2fr .8fr; gap: 1.3rem 2rem; }
.mu-mreza-vel { display: block; aspect-ratio: 4/3; overflow: hidden; grid-row: span 2; }
.mu-mreza-vel img { width: 100%; height: 100%; object-fit: cover; }
.mu-mreza-uz { display: flex; flex-direction: column; gap: .55rem; }
.mu-mreza-tt { font-family: var(--n5-naslov); font-size: 1.45rem; line-height: 1.25; margin: 0; }
.mu-mreza-tt a { color: inherit; text-decoration: none; }
.mu-mreza-tt a:hover { color: var(--n5-akcent); }
.mu-lead { font-size: .92rem; line-height: 1.6; opacity: .78; }
.mu-mreza-mala { display: flex; gap: .9rem; align-items: center; text-decoration: none; color: inherit; padding-top: .9rem; border-top: 1px solid rgba(255,255,255,.16); }
.mu-mala-foto { flex: 0 0 84px; aspect-ratio: 1; overflow: hidden; }
.mu-mala-foto img { width: 100%; height: 100%; object-fit: cover; }
.mu-mala-tt { font-weight: 600; font-size: .95rem; line-height: 1.35; }
.mu-mreza-mala:hover .mu-mala-tt { color: var(--n5-akcent); }
.mu-dvoje { display: grid; grid-template-columns: 1.05fr .95fr; gap: 2.4rem; align-items: start; }
.mu-lista-st { display: block; padding: 1.05rem 0; border-top: 1px solid var(--n5-linija); text-decoration: none; }
.mu-lista-tt { display: block; font-family: var(--n5-naslov); font-size: 1.25rem; line-height: 1.3; color: var(--n5-ink); margin: .3rem 0; }
.mu-lista-st:hover .mu-lista-tt { color: var(--n5-akcent); }
.mu-dvoje-foto { display: block; aspect-ratio: 4/4.6; overflow: hidden; }
.mu-dvoje-foto img { width: 100%; height: 100%; object-fit: cover; }
.mu-beauty-tt { margin-bottom: 1.6rem; }
.mu-beauty-tt em { color: var(--n5-akcent); }
.mu-beauty-foto { display: block; max-height: 520px; overflow: hidden; margin-bottom: 1.6rem; }
.mu-beauty-foto img { width: 100%; height: 100%; object-fit: cover; }
.mu-beauty-n { font-family: var(--n5-naslov); font-size: clamp(1.4rem, 2.8vw, 2.1rem); margin: 0 0 .7rem; }
.mu-beauty-n a { color: var(--n5-ink); text-decoration: none; }
.mu-lead-sred { max-width: 62ch; margin: 0 auto; }
.mu-autori { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.4rem; }
.mu-autor { display: flex; flex-direction: column; align-items: center; gap: .5rem; text-align: center; text-decoration: none; color: inherit; }
.mu-autor img, .mu-autor-ini { width: 86px; height: 86px; border-radius: 50%; object-fit: cover; }
.mu-autor-ini { display: flex; align-items: center; justify-content: center; background: var(--n5-akcent); color: #fff; font-family: var(--n5-naslov); font-size: 2rem; }
.mu-autor-ime { font-weight: 700; font-size: .9rem; }
.mu-autor:hover .mu-autor-ime { color: var(--n5-akcent); }
.mu-pret { background: var(--n5-akcent); color: #fff; padding: 3.4rem 0; }
.mu-pret-mreza { display: grid; grid-template-columns: 1.2fr .8fr; gap: 2.5rem; align-items: end; }
.mu-pret-tt { font-family: var(--n5-naslov); font-size: clamp(3rem, 8vw, 6rem); line-height: .92; margin: 0 0 1.4rem; color: #fff; }
.mu-pret-forma { display: flex; max-width: 440px; }
.mu-pret-forma input { flex: 1; border: 1px solid rgba(255,255,255,.7); border-right: 0; background: transparent; color: #fff; padding: .8rem 1rem; }
.mu-pret-forma input::placeholder { color: rgba(255,255,255,.65); }
.mu-pret-forma button { border: 1px solid #fff; background: #fff; color: var(--n5-akcent); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; font-size: .8rem; padding: .8rem 1.3rem; cursor: pointer; }
.mu-pret-opis { font-size: .95rem; line-height: 1.6; opacity: .85; max-width: 34ch; }
/* Puder članak: centriran serifni naslov */
html[data-tema="moda-puder"] .trek-clanak-naslov { font-family: var(--n5-naslov); font-weight: 400; text-align: center; }
html[data-tema="moda-puder"] .trek-clanak-bc { justify-content: center; }
html[data-tema="moda-puder"] .trek-clanak .nav-divider { justify-content: center; }
html[data-tema="moda-puder"] .trek-lead { text-align: center; }
/* Tamni režim: maslinasta i terakota traka ostaju svoje */
html[data-tema="moda-puder"][data-bs-theme="dark"] .mu-tamna { background: #1c1b12; }

/* ── Mobilni prelomi za sve tri ── */
@media (max-width: 991.98px) {
	html[data-tema="moda-glam"] .mg-logo { font-size: 1.5rem; }
	.mg-hero-mreza, .mg-split, .mp-hero-mreza, .mp-danas, .mp-pret-mreza,
	.mu-dvoje, .mu-pret-mreza { grid-template-columns: 1fr; }
	.mg-red { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
	.mg-zute, .mg-tri, .mp-izdanja { grid-template-columns: 1fr; }
	.mg-hero { padding-top: 1.6rem; }
	.mg-hero-foto { order: -1; aspect-ratio: 4/3.4; }
	html[data-tema="moda-podijum"] .mp-logo { margin-bottom: -.4em; }
	.mp-hero { padding-top: 4rem; }
	.mp-event { grid-template-columns: 1fr; }
	.mp-event-pruga { writing-mode: horizontal-tb; padding: .5rem; letter-spacing: .2em; }
	.mp-foto-sek .mp-foto-red { grid-template-columns: 1fr 1fr; }
	.mp-foto-info { grid-column: 1 / -1; padding-right: 0; }
	.mu-price { grid-template-columns: 1fr; }
	.mu-slomljen { font-size: 3.4rem; }
	.mu-slomljen br { display: none; }
	.mu-latest { border-left: 0; padding-left: 0; border-top: 1px solid var(--n5-linija); padding-top: 1.2rem; }
	.mu-mreza { grid-template-columns: 1fr; }
	.mu-autori { grid-template-columns: repeat(3, 1fr); }
}

/* ⚠ Naslovi u tamnim trakama: bootstrap h1-h3 vuku --bs-heading-color (taman u
   svetlom režimu), pa je naslov bio taman na tamnoj podlozi. Traka je gazda boje. */
.mp-hero :is(h1, h2, h3), .mp-tamna :is(h2, h3), .mp-event :is(h2, h3),
.mu-tamna :is(h2, h3), .mu-pret :is(h2, h3), .mp-danas-desno .mp-danas-tt { color: inherit; }
/* Podijum: tamne trake dišu — bela pauza između maslinastih blokova */
.mp-tamna { margin: 1.6rem 0; }

/* ══════════════════════════════════════════════════════════════════════════
   POSLOVNE TEME (2): Indeks i Mandat. Dele n5 osnovu; identitet nose zaglavlja
   i naslovne (partials/header/, home/).
   ══════════════════════════════════════════════════════════════════════════ */

/* ---- Indeks: poslovni dnevnik, tržišno zelena na belom, tamnoplava traka ---- */
html[data-tema="biz-indeks"] {
	--n5-akcent: #0b6e4f;
	--n5-akcent-jak: #085239;
	--n5-bg: #ffffff;
	--n5-povrs: #f4f6f5;
	--n5-linija: #dfe4e2;
	--n5-ink: #10131c;
	--n5-tiho: #5a6069;
	--n5-traka: #10233f;
	--n5-traka-ink: #c6d2e2;
	--n5-radijus: 2px;
	--n5-naslov: "Source Serif 4", Georgia, serif;
	--n5-telo: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
	--biz-crvena: #b3261e;
	--bs-body-bg: #ffffff;
	--bs-body-color: #10131c;
	--bs-secondary-bg: #f4f6f5;
	--bs-tertiary-bg: #f4f6f5;
	--bs-border-color: #dfe4e2;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #10131c;
	--bs-primary: #0b6e4f; --bs-primary-rgb: 11,110,79;
	--trek-accent: #0b6e4f;
	--trek-ink: #10131c;
	--trek-ink-2: #5a6069;
	--trek-paper: #ffffff;
	--trek-hairline: #dfe4e2;
	background: var(--n5-bg);
}
html[data-tema="biz-indeks"][data-bs-theme="dark"] {
	/* Poslovna zelena #0b6e4f na tamnoj podlozi daje 2,9; svetliji ton daje 7,2. */
	--n5-akcent: #35d39b;
	--n5-akcent-jak: #6ae3ba;
	--n5-bg: #0d1117;
	--n5-povrs: #161c25;
	--n5-linija: rgba(255,255,255,.11);
	--n5-ink: #edf1f6;
	--n5-tiho: #97a1ad;
	--n5-traka: #060d18;
	--n5-traka-ink: #a9b6c8;
	--bs-body-bg: #0d1117;
	--bs-body-color: #edf1f6;
	--bs-secondary-bg: #161c25;
	--bs-tertiary-bg: #161c25;
	--bs-border-color: rgba(255,255,255,.11);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--trek-ink: #edf1f6;
	--trek-ink-2: #97a1ad;
	--trek-paper: #161c25;
	--trek-hairline: rgba(255,255,255,.11);
}

/* ---- Mandat: nedeljnik analize, bordo na belom, strog serif ---- */
html[data-tema="biz-mandat"] {
	--n5-akcent: #7d1128;
	--n5-akcent-jak: #5a0c1d;
	--n5-bg: #ffffff;
	--n5-povrs: #f7f4f2;
	--n5-linija: #e5dfdb;
	--n5-ink: #1a1614;
	--n5-tiho: #6a625d;
	--n5-traka: #7d1128;
	--n5-traka-ink: #f2d9de;
	--n5-radijus: 0px;
	--n5-naslov: "Merriweather", Georgia, serif;
	--n5-telo: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
	--bs-body-bg: #ffffff;
	--bs-body-color: #1a1614;
	--bs-secondary-bg: #f7f4f2;
	--bs-tertiary-bg: #f7f4f2;
	--bs-border-color: #e5dfdb;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #1a1614;
	--bs-primary: #7d1128; --bs-primary-rgb: 125,17,40;
	--trek-accent: #7d1128;
	--trek-ink: #1a1614;
	--trek-ink-2: #6a625d;
	--trek-paper: #ffffff;
	--trek-hairline: #e5dfdb;
	background: var(--n5-bg);
}
html[data-tema="biz-mandat"][data-bs-theme="dark"] {
	/* Duboki bordo #7d1128 na tamnoj podlozi daje 1,79 — svetliji ton iste boje daje 6,1. */
	--n5-akcent: #ff7d95;
	--n5-akcent-jak: #ffa8b8;
	--n5-bg: #14100f;
	--n5-povrs: #1e1917;
	--n5-linija: rgba(255,255,255,.11);
	--n5-ink: #f2edea;
	--n5-tiho: #a49a94;
	--n5-traka: #4a0a17;
	--n5-traka-ink: #e8c8cf;
	--bs-body-bg: #14100f;
	--bs-body-color: #f2edea;
	--bs-secondary-bg: #1e1917;
	--bs-tertiary-bg: #1e1917;
	--bs-border-color: rgba(255,255,255,.11);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--trek-ink: #f2edea;
	--trek-ink-2: #a49a94;
	--trek-paper: #1e1917;
	--trek-hairline: rgba(255,255,255,.11);
}

/* ══════════════════════════════════════════════════════════════════════════
   TALAS 2 — PUN DIZAJN: Meridijan (travel), Kompas (n5-putovanja),
   Indeks (biz-indeks), Mandat (biz-mandat).
   ══════════════════════════════════════════════════════════════════════════ */

/* ════════════ MERIDIJAN zaglavlje ════════════ */
html[data-tema="travel"] .mt-header { background: #0e3b34; color: #fff; }
/* Na naslovnoj header LEBDI preko full-bleed fotografije */
html[data-tema="travel"] body.tema-travel-home .mt-header,
body.tema-travel-home .mt-header { position: absolute; left: 0; right: 0; z-index: 30; background: linear-gradient(180deg, rgba(6,26,23,.62), transparent); }
html[data-tema="travel"] .mt-header-red { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; padding: .7rem 0; }
html[data-tema="travel"] .mt-logo { display: flex; align-items: center; gap: .6rem; color: #fff; text-decoration: none; }
html[data-tema="travel"] .mt-logo .bi-compass { font-size: 1.7rem; color: #7fd6c2; }
html[data-tema="travel"] .mt-logo-txt { font-family: var(--n5-naslov, 'Space Grotesk'), sans-serif; font-weight: 700; font-size: 1.4rem; line-height: 1; }
html[data-tema="travel"] .mt-logo-txt small { display: block; font-size: .58rem; font-weight: 500; letter-spacing: .22em; opacity: .75; }
html[data-tema="travel"] .mt-nav { display: flex; gap: 1.4rem; }
html[data-tema="travel"] .mt-nav a { color: #fff; text-decoration: none; font-weight: 600; font-size: .9rem; letter-spacing: .02em; opacity: .92; }
html[data-tema="travel"] .mt-nav a:hover { color: #7fd6c2; opacity: 1; }
html[data-tema="travel"] .mt-header .thx-kontrole { color: #fff; }

/* ════════════ KOMPAS (n5-putovanja) ════════════ */
html[data-tema="n5-putovanja"] .mk-header { background: var(--n5-bg); border-bottom: 1px solid var(--n5-linija); }
/* Bilo --n5-akcent (#0f87b5): tekst na traci je 3,70. Tamnija plava daje 6,0. */
html[data-tema="n5-putovanja"] .mk-topbar { background: var(--n5-akcent-jak); color: #ffffff; padding: .35rem 0; }
html[data-tema="n5-putovanja"] .mk-top-l { font-size: .78rem; font-weight: 600; }
html[data-tema="n5-putovanja"] .mk-top-nav { display: flex; gap: 1.2rem; }
html[data-tema="n5-putovanja"] .mk-top-nav a { color: #ffffff; text-decoration: none; font-size: .76rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
html[data-tema="n5-putovanja"] .mk-header-red { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; padding: .7rem 0; }
html[data-tema="n5-putovanja"] .mk-logo { display: flex; align-items: center; gap: .5rem; font-family: var(--n5-naslov); font-weight: 700; font-size: 1.6rem; color: var(--n5-ink); text-decoration: none; }
html[data-tema="n5-putovanja"] .mk-logo-pin { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50% 50% 50% 4px; background: var(--n5-akcent); color: #fff; font-size: 1rem; transform: rotate(-8deg); }
html[data-tema="n5-putovanja"] .mk-nav { display: flex; gap: 1.3rem; flex-wrap: wrap; }
html[data-tema="n5-putovanja"] .mk-nav a { color: var(--n5-ink); text-decoration: none; font-weight: 600; font-size: .9rem; padding: .3rem .1rem; border-bottom: 2px solid transparent; }
html[data-tema="n5-putovanja"] .mk-nav a:hover { color: var(--n5-akcent); border-color: var(--n5-akcent); }

.mk { font-family: var(--n5-telo); }
.mk-sek { padding: 2.6rem 0; }
.mk-sek-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1.4rem; flex-wrap: wrap; }
.mk-sek-tt { font-family: var(--n5-naslov); font-weight: 700; font-size: clamp(1.6rem, 3.2vw, 2.4rem); margin: 0; color: var(--n5-ink); }
.mk-sek-sub { color: var(--n5-tiho); font-size: .9rem; }
.mk-sve { color: var(--n5-akcent); font-weight: 700; text-decoration: none; font-size: .85rem; }
.mk-pin { display: inline-flex; align-items: center; gap: .3rem; font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--n5-akcent); }
.mk-hero { padding: 1.6rem 0 0; }
.mk-hero-okvir { position: relative; border-radius: 22px; overflow: hidden; }
.mk-hero-okvir > img { width: 100%; aspect-ratio: 21/10; object-fit: cover; display: block; }
.mk-karta { position: absolute; left: 4%; bottom: 8%; width: min(460px, 88%); background: var(--n5-bg); border-radius: 14px;
	padding: 1.1rem 1.3rem 1.2rem; box-shadow: 0 22px 50px rgba(8,40,60,.35); }
.mk-karta-gore { display: flex; justify-content: space-between; align-items: center; margin-bottom: .4rem; }
.mk-karta-kod { font-size: .7rem; font-weight: 700; letter-spacing: .14em; color: var(--n5-tiho); }
.mk-karta-tt { font-family: var(--n5-naslov); font-weight: 700; font-size: 1.35rem; line-height: 1.25; margin: 0 0 .4rem; }
.mk-karta-tt a { color: var(--n5-ink); text-decoration: none; }
.mk-karta-lead { font-size: .86rem; color: var(--n5-tiho); line-height: 1.5; margin: 0 0 .8rem; }
.mk-karta-dole { display: flex; justify-content: space-between; align-items: center; gap: 1rem; border-top: 2px dashed var(--n5-linija); padding-top: .8rem; font-size: .82rem; color: var(--n5-tiho); }
.mk-btn { display: inline-flex; align-items: center; gap: .45rem; background: var(--n5-akcent); color: #fff; font-weight: 700; font-size: .82rem; text-decoration: none; padding: .5rem 1rem; border-radius: 100px; }
.mk-btn:hover { background: var(--n5-akcent-jak, #0a6e94); color: #fff; }
.mk-karta-rupice { position: absolute; top: 50%; left: -7px; width: 14px; height: 14px; border-radius: 50%; background: transparent; box-shadow: 0 0 0 200px transparent; }
.mk-dest { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.mk-dest-k { position: relative; display: block; border-radius: 16px; overflow: hidden; aspect-ratio: 4/2.7; text-decoration: none; }
.mk-dest-k img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.mk-dest-k:hover img { transform: scale(1.05); }
.mk-dest-k::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 34%, rgba(5,25,38,.82)); }
.mk-dest-ime { position: absolute; left: 14px; bottom: 32px; z-index: 2; display: flex; align-items: center; gap: .35rem; color: #fff; font-family: var(--n5-naslov); font-weight: 700; font-size: 1.15rem; }
.mk-dest-broj { position: absolute; left: 14px; bottom: 12px; z-index: 2; color: rgba(255,255,255,.8); font-size: .76rem; font-weight: 600; }
.mk-plava { background: var(--n5-povrs); padding: 2.6rem 0; }
.mk-vodici { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.1rem; }
.mk-vodic { display: flex; flex-direction: column; background: var(--n5-bg); border-radius: 14px; overflow: hidden; text-decoration: none; border: 1px solid var(--n5-linija); transition: transform .15s, box-shadow .15s; }
.mk-vodic:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(8,40,60,.14); }
.mk-vodic img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.mk-vodic-telo { padding: .8rem .95rem 1rem; }
.mk-vodic-n { display: block; font-family: var(--n5-naslov); font-weight: 700; font-size: 1rem; line-height: 1.3; color: var(--n5-ink); }
.mk-vodic-m { display: block; font-size: .76rem; color: var(--n5-tiho); margin-top: .2rem; }
.mk-sveze { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.1rem; }
.mk-razgl { display: flex; flex-direction: column; gap: .35rem; text-decoration: none; }
.mk-razgl-foto { position: relative; display: block; border: 6px solid var(--n5-bg); outline: 1px solid var(--n5-linija); box-shadow: 0 8px 20px rgba(8,40,60,.12); transform: rotate(-1.2deg); transition: transform .2s; }
.mk-razgl:nth-child(even) .mk-razgl-foto { transform: rotate(1.2deg); }
.mk-razgl:hover .mk-razgl-foto { transform: rotate(0) translateY(-3px); }
.mk-razgl-foto img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; }
.mk-marka { position: absolute; top: 6px; right: 6px; width: 26px; height: 22px; display: flex; align-items: center; justify-content: center;
	background: var(--n5-povrs); color: var(--n5-akcent); font-size: .7rem; border: 1px dashed var(--n5-akcent); }
.mk-razgl-tt { font-family: var(--n5-naslov); font-weight: 700; font-size: .95rem; line-height: 1.3; color: var(--n5-ink); }
.mk-top { display: flex; flex-direction: column; }
.mk-top-st { display: flex; align-items: center; gap: 1.2rem; padding: .9rem 0; border-top: 1px solid var(--n5-linija); text-decoration: none; }
.mk-top-broj { font-family: var(--n5-naslov); font-weight: 700; font-size: 2.4rem; line-height: 1; color: var(--n5-akcent); opacity: .35; min-width: 44px; text-align: center; }
.mk-top-st:hover .mk-top-broj { opacity: 1; }
/* Kompas članak: pin kicker */
html[data-tema="n5-putovanja"] .trek-kicker::before { content: "📍 "; }

/* ════════════ INDEKS (biz-indeks) ════════════ */
html[data-tema="biz-indeks"] .bi-header { background: var(--n5-bg); border-bottom: 2px solid var(--n5-ink); }
html[data-tema="biz-indeks"] .bi-topbar { background: var(--n5-traka); color: var(--n5-traka-ink); padding: .32rem 0; font-size: .78rem; }
html[data-tema="biz-indeks"] .bi-top-kurs b { color: #fff; font-weight: 700; }
html[data-tema="biz-indeks"] .bi-mast { display: flex; align-items: center; justify-content: space-between; padding: .9rem 0 .5rem; }
html[data-tema="biz-indeks"] .bi-logo { font-family: var(--n5-naslov); font-weight: 700; font-size: 2.3rem; color: var(--n5-ink); text-decoration: none; line-height: 1; }
html[data-tema="biz-indeks"] .bi-logo-tag { display: block; font-family: var(--n5-telo); font-weight: 700; font-size: .62rem; letter-spacing: .34em; text-transform: uppercase; color: var(--n5-akcent); margin-top: .25rem; }
html[data-tema="biz-indeks"] .bi-nav { display: flex; gap: 1.5rem; padding: .35rem 0 .55rem; border-top: 1px solid var(--n5-linija); }
html[data-tema="biz-indeks"] .bi-nav a { color: var(--n5-ink); text-decoration: none; font-size: .84rem; font-weight: 600; letter-spacing: .03em; }
html[data-tema="biz-indeks"] .bi-nav a:hover { color: var(--n5-akcent); }
/* Berza traka u zaglavlju: zbijenija nego na rubrici */
html[data-tema="biz-indeks"] .bi-header .trek-brz { border-top: 1px solid var(--n5-linija); border-bottom: 0; }

.bi { font-family: var(--n5-telo); }
.bi .bi-kicker { display: inline-block; font-size: .7rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--n5-akcent); margin-bottom: .35rem; }
.bi-kolona-tt { font-size: .78rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--n5-ink); border-bottom: 2px solid var(--n5-ink); padding-bottom: .4rem; margin: 0 0 .6rem; }
.bi-broadsheet { display: grid; grid-template-columns: .8fr 1.6fr .8fr; gap: 2rem; padding: 1.8rem 0; border-bottom: 1px solid var(--n5-linija); }
.bi-brif-st { display: flex; gap: .7rem; padding: .7rem 0; border-bottom: 1px solid var(--n5-linija); text-decoration: none; }
.bi-brif-broj { font-family: var(--n5-naslov); font-weight: 700; color: var(--n5-akcent); font-size: 1.05rem; }
.bi-brif-n { display: block; font-weight: 600; font-size: .92rem; line-height: 1.35; color: var(--n5-ink); }
.bi-brif-st:hover .bi-brif-n { color: var(--n5-akcent); }
.bi-brif-m { display: block; font-size: .74rem; color: var(--n5-tiho); margin-top: .2rem; }
.bi-vodeca { text-align: left; }
.bi-vodeca-tt { font-family: var(--n5-naslov); font-weight: 700; font-size: clamp(1.7rem, 3.4vw, 2.7rem); line-height: 1.12; margin: 0 0 .7rem; }
.bi-vodeca-tt a { color: var(--n5-ink); text-decoration: none; }
.bi-vodeca-lead { font-size: 1rem; line-height: 1.6; color: var(--n5-tiho); margin-bottom: 1rem; }
.bi-vodeca-foto { display: block; }
.bi-vodeca-foto img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.bi-vodeca-meta { font-size: .78rem; color: var(--n5-tiho); margin-top: .5rem; }
.bi-vodeca-jos { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; margin-top: 1.1rem; padding-top: 1rem; border-top: 1px solid var(--n5-linija); }
.bi-jos-st { text-decoration: none; }
.bi-jos-n { display: block; font-family: var(--n5-naslov); font-weight: 700; font-size: 1.05rem; line-height: 1.3; color: var(--n5-ink); }
.bi-jos-st:hover .bi-jos-n { color: var(--n5-akcent); }
.bi-trziste-tab { width: 100%; border-collapse: collapse; font-size: .84rem; }
.bi-trziste-tab td { padding: .42rem 0; border-bottom: 1px solid var(--n5-linija); }
.bi-cena { text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; }
.bi-promena { text-align: right; font-variant-numeric: tabular-nums; font-size: .78rem; width: 74px; }
.bi-promena.je-gore { color: var(--n5-akcent); }
.bi-promena.je-dole { color: var(--biz-crvena); }
.bi-link { color: var(--n5-akcent); font-weight: 700; font-size: .82rem; text-decoration: none; display: inline-block; margin-top: .6rem; }
.bi-sitno { font-size: .7rem; color: var(--n5-tiho); margin: .3rem 0 0; }
.bi-top { margin-top: 1.6rem; }
.bi-top-st { display: block; padding: .55rem 0; border-bottom: 1px solid var(--n5-linija); font-weight: 600; font-size: .88rem; line-height: 1.35; color: var(--n5-ink); text-decoration: none; }
.bi-top-st span { color: var(--n5-akcent); font-weight: 800; }
.bi-top-st:hover { color: var(--n5-akcent); }
.bi-rubrika { padding: 1.7rem 0; border-bottom: 1px solid var(--n5-linija); }
.bi-rubrika-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 1rem; }
.bi-rubrika-tt { font-family: var(--n5-naslov); font-weight: 700; font-size: 1.4rem; margin: 0; }
.bi-rubrika-red { display: grid; grid-template-columns: 1.35fr repeat(2, 1fr); gap: 1.4rem; }
.bi-rub-glavna { display: block; text-decoration: none; grid-row: span 2; }
.bi-rub-glavna img { width: 100%; aspect-ratio: 16/9; object-fit: cover; margin-bottom: .6rem; }
.bi-rub-n { display: block; font-family: var(--n5-naslov); font-weight: 700; font-size: 1.02rem; line-height: 1.3; color: var(--n5-ink); }
.bi-rub-glavna .bi-rub-n { font-size: 1.25rem; }
.bi-rub-l { display: block; font-size: .85rem; color: var(--n5-tiho); margin-top: .3rem; line-height: 1.5; }
.bi-rub-st { display: block; text-decoration: none; padding-bottom: .8rem; border-bottom: 1px solid var(--n5-linija); }
.bi-rub-st:hover .bi-rub-n, .bi-rub-glavna:hover .bi-rub-n { color: var(--n5-akcent); }
.bi-analiza { padding: 2.4rem 0 2.8rem; text-align: center; max-width: 760px; margin: 0 auto; }
.bi-analiza-tt { font-family: var(--n5-naslov); font-weight: 700; font-size: clamp(1.5rem, 3vw, 2.2rem); line-height: 1.2; margin: 0 0 .8rem; }
.bi-analiza-tt a { color: var(--n5-ink); text-decoration: none; }
.bi-analiza-tt a:hover { color: var(--n5-akcent); }
.bi-analiza-lead { font-size: 1.02rem; line-height: 1.65; color: var(--n5-tiho); }
/* Indeks članak: serifni naslov, uža mera */
html[data-tema="biz-indeks"] .trek-clanak-naslov { font-family: var(--n5-naslov); font-weight: 700; letter-spacing: -.01em; }

/* ════════════ MANDAT (biz-mandat) ════════════ */
html[data-tema="biz-mandat"] .bm-header { background: var(--n5-bg); border-top: 6px solid var(--n5-akcent); }
html[data-tema="biz-mandat"] .bm-mast { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 1rem 0 .7rem; }
html[data-tema="biz-mandat"] .bm-izdanje { font-size: .74rem; color: var(--n5-tiho); line-height: 1.4; }
html[data-tema="biz-mandat"] .bm-izdanje em { color: var(--n5-akcent); font-style: italic; }
html[data-tema="biz-mandat"] .bm-logo { justify-self: center; text-decoration: none; }
html[data-tema="biz-mandat"] .bm-logo-kocka { display: inline-block; background: var(--n5-akcent); color: #fff;
	font-family: var(--n5-naslov); font-weight: 900; font-style: italic; font-size: 2rem; line-height: 1; padding: .45rem .9rem .55rem; }
html[data-tema="biz-mandat"] .bm-mast .thx-kontrole { justify-self: end; }
html[data-tema="biz-mandat"] .bm-nav { display: flex; justify-content: center; gap: 1.6rem; padding: .45rem 0; }
html[data-tema="biz-mandat"] .bm-nav a { color: var(--n5-ink); text-decoration: none; font-size: .76rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
html[data-tema="biz-mandat"] .bm-nav a:hover { color: var(--n5-akcent); }
html[data-tema="biz-mandat"] .bm-dupla { border-top: 3px solid var(--n5-ink); border-bottom: 1px solid var(--n5-ink); height: 5px; }

.bm { font-family: var(--n5-telo); }
.bm .bm-kicker { display: inline-block; font-size: .7rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--n5-akcent); margin-bottom: .45rem; }
.bm-vrh { display: grid; grid-template-columns: 1.55fr .85fr; gap: 2.4rem; padding: 2rem 0; border-bottom: 1px solid var(--n5-linija); }
.bm-leader-tt { font-family: var(--n5-naslov); font-weight: 900; font-size: clamp(1.8rem, 3.8vw, 3rem); line-height: 1.14; margin: 0 0 .8rem; }
.bm-leader-tt a { color: var(--n5-ink); text-decoration: none; }
.bm-leader-lead { font-size: 1.05rem; line-height: 1.65; color: var(--n5-tiho); margin-bottom: 1.1rem; }
.bm-leader-foto { display: block; text-decoration: none; }
.bm-leader-foto img { width: 100%; aspect-ratio: 16/8.4; object-fit: cover; }
.bm-foto-potpis { display: block; font-size: .74rem; color: var(--n5-tiho); padding-top: .4rem; border-bottom: 1px solid var(--n5-linija); padding-bottom: .5rem; }
.bm-nedelja-tt { font-family: var(--n5-naslov); font-weight: 900; font-style: italic; font-size: 1.35rem; color: var(--n5-akcent); margin: 0 0 .8rem; }
.bm-ned-st { display: flex; gap: .8rem; padding: .75rem 0; border-top: 1px solid var(--n5-linija); text-decoration: none; }
.bm-ned-broj { font-family: var(--n5-naslov); font-weight: 900; color: var(--n5-akcent); min-width: 1.2rem; }
.bm-ned-n { display: block; font-weight: 600; font-size: .92rem; line-height: 1.35; color: var(--n5-ink); }
.bm-ned-st:hover .bm-ned-n { color: var(--n5-akcent); }
.bm-ned-m { display: block; font-size: .74rem; color: var(--n5-tiho); margin-top: .15rem; }
.bm-sek { padding: 2.2rem 0; border-bottom: 1px solid var(--n5-linija); }
.bm-sek-tt { font-family: var(--n5-naslov); font-weight: 900; font-size: 1.5rem; margin: 0 0 1.2rem; }
.bm-mislj { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
.bm-mislj-st { position: relative; display: block; text-decoration: none; padding-left: 3.4rem; }
.bm-inicijal { position: absolute; left: 0; top: 0; font-family: var(--n5-naslov); font-weight: 900; font-size: 3rem; line-height: .9; color: var(--n5-akcent); }
.bm-mislj-n { display: block; font-family: var(--n5-naslov); font-weight: 700; font-size: 1.12rem; line-height: 1.3; color: var(--n5-ink); margin-bottom: .35rem; }
.bm-mislj-st:hover .bm-mislj-n { color: var(--n5-akcent); }
.bm-mislj-l { display: block; font-size: .86rem; line-height: 1.55; color: var(--n5-tiho); margin-bottom: .35rem; }
.bm-stupci { display: grid; grid-template-columns: 1fr 1fr; gap: 2.6rem; }
.bm-stub-tt { font-family: var(--n5-naslov); font-weight: 900; font-size: 1.2rem; border-bottom: 3px solid var(--n5-akcent); display: inline-block; padding-bottom: .3rem; margin: 0 0 1rem; }
.bm-stub-glavna { display: block; text-decoration: none; margin-bottom: .6rem; }
.bm-stub-glavna img { width: 100%; aspect-ratio: 16/8; object-fit: cover; margin-bottom: .5rem; }
.bm-stub-n { display: block; font-family: var(--n5-naslov); font-weight: 700; font-size: 1.15rem; line-height: 1.3; color: var(--n5-ink); }
.bm-stub-glavna:hover .bm-stub-n { color: var(--n5-akcent); }
.bm-stub-st { display: block; padding: .6rem 0; border-top: 1px solid var(--n5-linija); font-weight: 600; font-size: .92rem; line-height: 1.35; color: var(--n5-ink); text-decoration: none; }
.bm-stub-st:hover { color: var(--n5-akcent); }
.bm-link { color: var(--n5-akcent); font-weight: 700; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; display: inline-block; margin-top: .5rem; }
/* ⚠ ZATEČEN BAG (nađen 04.09.2026): traka je radila „preko cele širine" preko
   `margin: 0 -100vw; padding-inline: 100vw`. Taj hak traži pretka sa `overflow-x: hidden`,
   koga ovde nema, pa je naslovna Mandata bila široka 2475 px na prozoru od 1280 —
   vodoravna traka za pomeranje na celom sajtu u toj temi. Zamenjeno standardnim
   full-bleed obrascem koji se oslanja na širinu kontejnera i ne prelива.
   Pravilo je usput vezano za temu: gola klasa u zajedničkom fajlu je zabranjena. */
html[data-tema="biz-mandat"] .bm-brojke { background: var(--n5-povrs); padding-block: 2.2rem;
	margin-inline: calc(50% - 50vw); padding-inline: calc(50vw - 50%); }
.bm-brojke-red { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
.bm-brojka { display: block; text-decoration: none; border-left: 3px solid var(--n5-akcent); padding-left: 1rem; }
.bm-brojka-v { display: block; font-family: var(--n5-naslov); font-weight: 900; font-size: 2.6rem; line-height: 1; color: var(--n5-akcent); margin-bottom: .35rem; }
.bm-brojka-n { display: block; font-family: var(--n5-naslov); font-weight: 700; font-size: 1.05rem; line-height: 1.3; color: var(--n5-ink); }
.bm-brojka:hover .bm-brojka-n { color: var(--n5-akcent); }
.bm-kolumnisti { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.6rem; }
.bm-kol { display: flex; flex-direction: column; align-items: center; gap: .45rem; text-align: center; text-decoration: none; }
.bm-kol img, .bm-kol-ini { width: 78px; height: 78px; border-radius: 50%; object-fit: cover; filter: grayscale(1); }
.bm-kol:hover img { filter: none; }
.bm-kol-ini { display: flex; align-items: center; justify-content: center; background: var(--n5-akcent); color: #fff; font-family: var(--n5-naslov); font-weight: 900; font-size: 1.8rem; filter: none; }
.bm-kol-ime { font-weight: 700; font-size: .9rem; color: var(--n5-ink); }
.bm-kol:hover .bm-kol-ime { color: var(--n5-akcent); }
/* Mandat članak: Merriweather crn naslov, bordo kicker, potpis kao u nedeljniku */
html[data-tema="biz-mandat"] .trek-clanak-naslov { font-family: var(--n5-naslov); font-weight: 900; line-height: 1.16; }
html[data-tema="biz-mandat"] .trek-lead { font-family: var(--n5-naslov); font-style: italic; font-weight: 400; }

/* ── Mobilni prelomi talasa 2 ── */
@media (max-width: 991.98px) {
	.bi-broadsheet, .bi-rubrika-red, .bm-vrh, .bm-stupci { grid-template-columns: 1fr; }
	.bi-brifing { order: 2; }
	.bi-vodeca { order: 1; }
	.bi-desno { order: 3; }
	.bm-mislj, .bm-brojke-red { grid-template-columns: 1fr; gap: 1.2rem; }
	.bm-kolumnisti { grid-template-columns: repeat(2, 1fr); }
	html[data-tema="biz-mandat"] .bm-mast { grid-template-columns: auto 1fr auto; }
	.mk-dest { grid-template-columns: 1fr 1fr; }
	.mk-vodici { grid-template-columns: 1fr 1fr; }
	.mk-sveze { grid-template-columns: repeat(2, 1fr); }
	.mk-karta { position: static; width: auto; margin-top: -3rem; margin-inline: 4%; }
	.mk-hero-okvir { border-radius: 16px; overflow: visible; }
	.mk-hero-okvir > img { border-radius: 16px; aspect-ratio: 4/3; }
}

/* ⚠ Berza traka u Indeks zaglavlju: stilovi trake žive u trek-blokovi.css koji se
   učitava SAMO na rubrikama. Zaglavlje mora da nosi svoje, inače je traka goli tekst. */
html[data-tema="biz-indeks"] .bi-header .trek-brz-red { display: flex; align-items: stretch; }
html[data-tema="biz-indeks"] .bi-header .trek-brz-oznaka { flex: none; display: flex; align-items: center; gap: .45rem;
	background: var(--n5-traka); color: #fff; font-weight: 800; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; padding: .45rem .9rem; }
html[data-tema="biz-indeks"] .bi-header .trek-brz-tacka { width: 6px; height: 6px; border-radius: 50%; background: #59d99f; animation: trekBrzPuls 1.8s infinite; }
@keyframes trekBrzPuls { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
html[data-tema="biz-indeks"] .bi-header .trek-brz-traka { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 1.5rem; overflow-x: auto; scrollbar-width: none; padding: 0 1rem; }
html[data-tema="biz-indeks"] .bi-header .trek-brz-traka::-webkit-scrollbar { display: none; }
html[data-tema="biz-indeks"] .bi-header .trek-brz-stavka { display: inline-flex; align-items: baseline; gap: .4rem; white-space: nowrap; font-size: .8rem; }
html[data-tema="biz-indeks"] .bi-header .trek-brz-stavka[hidden] { display: none; }
html[data-tema="biz-indeks"] .bi-header .trek-brz-naziv { font-weight: 700; }
html[data-tema="biz-indeks"] .bi-header .trek-brz-cena { font-variant-numeric: tabular-nums; }
html[data-tema="biz-indeks"] .bi-header .trek-brz-promena { font-size: .72rem; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--n5-tiho); }
html[data-tema="biz-indeks"] .bi-header .je-gore .trek-brz-promena { color: var(--n5-akcent); }
html[data-tema="biz-indeks"] .bi-header .je-dole .trek-brz-promena { color: var(--biz-crvena); }
html[data-tema="biz-indeks"] .bi-header .trek-brz-podesi { flex: none; display: inline-flex; align-items: center; gap: .4rem; border: 0; border-left: 1px solid var(--n5-linija); background: transparent; color: var(--n5-tiho); font-size: .74rem; font-weight: 600; padding: .4rem .9rem; cursor: pointer; }
html[data-tema="biz-indeks"] .bi-header .trek-brz-izbor { padding: .8rem 0; border-top: 1px dashed var(--n5-linija); }
html[data-tema="biz-indeks"] .bi-header .trek-brz-izbor-tt { display: block; font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--n5-tiho); margin-bottom: .5rem; }
html[data-tema="biz-indeks"] .bi-header .trek-brz-izbor-cipovi { display: flex; flex-wrap: wrap; gap: .45rem; }
html[data-tema="biz-indeks"] .bi-header .trek-brz-cip { display: inline-flex; align-items: center; gap: .4rem; font-size: .78rem; font-weight: 600; padding: 5px 11px; border-radius: 100px; border: 1px solid var(--n5-linija); cursor: pointer; }
html[data-tema="biz-indeks"] .bi-header .trek-brz-nota { display: block; margin-top: .5rem; font-size: .68rem; color: var(--n5-tiho); }

/* ---- Žeton: kladioničarski magazin, filc zelena i zlato ---- */
html[data-tema="gam-zeton"] {
	--n5-akcent: #c9a227;
	--n5-akcent-jak: #a4831c;
	--n5-bg: #ffffff;
	--n5-povrs: #f2f6f3;
	--n5-linija: #dde6e0;
	--n5-ink: #12211a;
	--n5-tiho: #5b6a61;
	--n5-traka: #143d2e;
	--n5-traka-ink: #cfe0d5;
	--n5-radijus: 10px;
	--n5-naslov: "Staatliches", "Arial Narrow", sans-serif;
	--n5-telo: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
	--gam-filc: #143d2e;
	--gam-crvena: #c0392b;
	--bs-body-bg: #ffffff;
	--bs-body-color: #12211a;
	--bs-secondary-bg: #f2f6f3;
	--bs-tertiary-bg: #f2f6f3;
	--bs-border-color: #dde6e0;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #12211a;
	--bs-primary: #c9a227; --bs-primary-rgb: 201,162,39;
	--trek-accent: #c9a227;
	--trek-ink: #12211a;
	--trek-ink-2: #5b6a61;
	--trek-paper: #ffffff;
	--trek-hairline: #dde6e0;
	background: var(--n5-bg);
}
html[data-tema="gam-zeton"][data-bs-theme="dark"] {
	--n5-bg: #0c1712;
	--n5-povrs: #14231b;
	--n5-linija: rgba(255,255,255,.11);
	--n5-ink: #eef4f0;
	--n5-tiho: #94a69b;
	--n5-traka: #0a2018;
	--n5-traka-ink: #b7cabe;
	--gam-filc: #0f2e22;
	--bs-body-bg: #0c1712;
	--bs-body-color: #eef4f0;
	--bs-secondary-bg: #14231b;
	--bs-tertiary-bg: #14231b;
	--bs-border-color: rgba(255,255,255,.11);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--trek-ink: #eef4f0;
	--trek-ink-2: #94a69b;
	--trek-paper: #14231b;
	--trek-hairline: rgba(255,255,255,.11);
}

/* ══════════════════════════════════════════════════════════════════════════
   TALAS 3 — PUN DIZAJN: Tribina (zurnal), Stadion (n5-sport), Žeton (gam-zeton).
   ══════════════════════════════════════════════════════════════════════════ */

/* ════════════ TRIBINA zaglavlje (zurnal) ════════════ */
html[data-tema="zurnal"] .tz-header { background: #0a0c10; color: #fff; }
html[data-tema="zurnal"] .tz-header-red { display: flex; align-items: center; gap: 1.1rem; padding: .55rem 0; }
html[data-tema="zurnal"] .tz-logo { display: flex; align-items: center; gap: .55rem; font-family: 'Oswald', var(--n5-naslov), sans-serif;
	font-weight: 700; font-size: 1.6rem; letter-spacing: .04em; color: #fff; text-decoration: none; }
html[data-tema="zurnal"] .tz-logo-crta { width: 3px; height: 1.5em; background: #d81f2a; transform: skewX(-14deg); }
/* Bila #d81f2a: na skoro crnom zaglavlju daje 3,87. Svetliji ton iste crvene = 6,4. */
html[data-tema="zurnal"] .tz-logo-sub { font-size: .62em; color: #ff5a63; letter-spacing: .18em; }
html[data-tema="zurnal"] .tz-uzivo { display: inline-flex; align-items: center; gap: .4rem; border: 1px solid #d81f2a; color: #fff;
	font-family: 'Oswald', sans-serif; font-weight: 600; font-size: .72rem; letter-spacing: .16em; padding: .2rem .6rem; }
html[data-tema="zurnal"] .tz-uzivo-tacka { width: 7px; height: 7px; border-radius: 50%; background: #d81f2a; animation: trekBrzPuls 1.6s infinite; }
html[data-tema="zurnal"] .tz-nav { display: flex; margin-left: auto; }
html[data-tema="zurnal"] .tz-nav a { color: rgba(255,255,255,.85); text-decoration: none; font-family: 'Oswald', sans-serif;
	font-weight: 500; font-size: .88rem; letter-spacing: .08em; text-transform: uppercase; padding: .35rem .8rem; border-left: 1px solid rgba(255,255,255,.14); }
html[data-tema="zurnal"] .tz-nav a:hover { color: #fff; background: #d81f2a; }
html[data-tema="zurnal"] .tz-header .thx-kontrole { color: #fff; }
html[data-tema="zurnal"] .tz-header-pruga { height: 4px; background: repeating-linear-gradient(-45deg, #d81f2a 0 14px, #0a0c10 14px 28px); }

/* ════════════ STADION (n5-sport) ════════════ */
html[data-tema="n5-sport"] .st-header { background: var(--n5-bg); border-bottom: 3px solid var(--n5-akcent); }
/* Ista greška kao u Depeši: podloga vezana za mastilo umesto za traku. */
html[data-tema="n5-sport"] .st-topbar { background: var(--n5-traka); color: var(--n5-traka-ink); padding: .32rem 0; font-size: .76rem; }
html[data-tema="n5-sport"] .st-top-nav { display: flex; gap: 1.2rem; }
html[data-tema="n5-sport"] .st-top-nav a { color: rgba(255,255,255,.85); text-decoration: none; font-weight: 700; font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; }
html[data-tema="n5-sport"] .st-top-nav a:hover { color: var(--n5-akcent); }
html[data-tema="n5-sport"] .st-header-red { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; padding: .65rem 0; }
html[data-tema="n5-sport"] .st-logo { display: flex; align-items: baseline; gap: .5rem; text-decoration: none; }
/* Bilo --n5-akcent (#e07a00): belo na njemu je 3,02. Tamniji ton daje 5,4. */
html[data-tema="n5-sport"] .st-logo-kos { display: inline-block; background: var(--n5-akcent-jak); color: #fff; font-weight: 900;
	font-size: 1.5rem; letter-spacing: .02em; padding: .18rem .7rem; transform: skewX(-8deg); }
html[data-tema="n5-sport"] .st-logo-sub { font-weight: 800; font-size: .95rem; letter-spacing: .2em; text-transform: uppercase; color: var(--n5-ink); }
html[data-tema="n5-sport"] .st-nav { display: flex; gap: 1.1rem; }
html[data-tema="n5-sport"] .st-nav a { display: inline-flex; align-items: baseline; gap: .35rem; color: var(--n5-ink); text-decoration: none; font-weight: 700; font-size: .86rem; }
/* Bilo --n5-akcent (#e07a00): na belom 3,02 za 10 px tekst. Tamniji ton daje 5,4. */
html[data-tema="n5-sport"] .st-nav a b { font-size: .64rem; color: var(--n5-akcent-jak); }
html[data-tema="n5-sport"] .st-nav a:hover { color: var(--n5-akcent); }

.st { font-family: var(--n5-telo); }
/* ⚠ Bez ovoga naslovi vuku globalni serif iz osnovnog sajta: sport je gromki sans. */
.st :is(h1, h2, h3), html[data-tema="n5-sport"] .trek-clanak-naslov { font-family: var(--n5-telo); }
.st .st-kicker { display: inline-block; background: var(--n5-akcent); color: #fff; font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; padding: .22rem .6rem; transform: skewX(-8deg); margin-bottom: .7rem; }
.st-hero { padding: 1.8rem 0; }
.st-hero-mreza { display: grid; grid-template-columns: 1.35fr .85fr; gap: 2rem; align-items: center; }
.st-hero-foto { position: relative; display: block; overflow: hidden; border-radius: 6px; }
.st-hero-foto img { width: 100%; aspect-ratio: 16/9.6; object-fit: cover; }
.st-hero-min { position: absolute; right: 12px; bottom: 12px; background: var(--n5-ink); color: #fff; font-weight: 900; font-size: 1.2rem; font-variant-numeric: tabular-nums; padding: .25rem .6rem; border-left: 4px solid var(--n5-akcent); }
.st-hero-tt { font-weight: 900; font-size: clamp(1.7rem, 3.4vw, 2.6rem); line-height: 1.1; letter-spacing: -.01em; text-transform: uppercase; margin: 0 0 .7rem; }
.st-hero-tt a { color: var(--n5-ink); text-decoration: none; }
.st-hero-lead { color: var(--n5-tiho); line-height: 1.6; }
.st-hero-meta { font-size: .8rem; color: var(--n5-tiho); margin-bottom: 1rem; }
.st-sledece { border-top: 3px solid var(--n5-ink); }
.st-sled-st { display: flex; gap: .8rem; align-items: center; padding: .7rem 0; border-bottom: 1px solid var(--n5-linija); text-decoration: none; color: var(--n5-ink); font-weight: 700; font-size: .95rem; line-height: 1.3; }
.st-sled-st:hover { color: var(--n5-akcent); }
.st-sled-min { flex: none; background: var(--n5-povrs); color: var(--n5-akcent); font-weight: 900; font-variant-numeric: tabular-nums; font-size: .82rem; padding: .2rem .45rem; border-radius: 4px; }
.st-sek { padding: 2.2rem 0; }
.st-sek-head { display: flex; align-items: center; gap: .8rem; margin-bottom: 1.3rem; }
.st-polu { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; background: var(--n5-akcent); color: #fff; font-weight: 900; font-size: 1.1rem; transform: skewX(-8deg); }
.st-sek-tt { font-weight: 900; font-size: clamp(1.4rem, 2.8vw, 2rem); text-transform: uppercase; letter-spacing: -.01em; margin: 0; }
.st-sek-sub { color: var(--n5-tiho); font-size: .85rem; }
.st-sve { margin-left: auto; color: var(--n5-akcent); font-weight: 800; text-decoration: none; font-size: .85rem; }
.st-mreza { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.3rem; }
.st-kart { display: flex; flex-direction: column; gap: .4rem; text-decoration: none; }
.st-kart-foto { position: relative; display: block; border-radius: 6px; overflow: hidden; }
.st-kart-foto img { width: 100%; aspect-ratio: 16/9; object-fit: cover; transition: transform .25s; }
.st-kart:hover .st-kart-foto img { transform: scale(1.04); }
.st-kart-rub { position: absolute; left: 0; bottom: 0; background: var(--n5-akcent); color: #fff; font-size: .64rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; padding: .22rem .55rem; }
.st-kart-tt { font-weight: 800; font-size: 1.02rem; line-height: 1.3; color: var(--n5-ink); }
.st-kart:hover .st-kart-tt { color: var(--n5-akcent); }
.st-kart-meta { font-size: .76rem; color: var(--n5-tiho); }
.st-tamna { background: var(--n5-ink); color: #fff; padding: 2.4rem 0; }
.st-sek-head-svetla .st-sek-tt { color: #fff; }
.st-tabela { width: 100%; border-collapse: collapse; }
.st-tabela th { font-size: .68rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.55); text-align: left; padding: .5rem .6rem; border-bottom: 2px solid var(--n5-akcent); }
.st-tabela td { padding: .65rem .6rem; border-bottom: 1px solid rgba(255,255,255,.12); font-size: .95rem; }
.st-tabela tbody tr { cursor: pointer; }
.st-tabela tbody tr:hover { background: rgba(255,255,255,.06); }
.st-tabela a { color: #fff; text-decoration: none; font-weight: 700; }
.st-tab-poz { font-weight: 900; font-variant-numeric: tabular-nums; color: rgba(255,255,255,.6); width: 40px; }
.st-tab-vrh .st-tab-poz { color: var(--n5-akcent); }
.st-tab-rub { color: rgba(255,255,255,.55); font-size: .82rem; }
.st-tab-min { font-variant-numeric: tabular-nums; font-weight: 700; color: var(--n5-akcent); width: 60px; }
.st-red { display: grid; grid-template-columns: 1.2fr .8fr; gap: 1.6rem; }
.st-red-glavna { position: relative; display: block; border-radius: 6px; overflow: hidden; text-decoration: none; }
.st-red-glavna img { width: 100%; aspect-ratio: 16/8.4; object-fit: cover; }
.st-red-glavna .st-red-tt { position: absolute; left: 0; right: 0; bottom: 0; padding: 2rem 1.1rem .9rem; color: #fff; font-weight: 800; font-size: 1.2rem; line-height: 1.3; background: linear-gradient(180deg, transparent, rgba(6,10,16,.9)); }
.st-red-lista { display: flex; flex-direction: column; justify-content: center; }
.st-red-st { display: flex; gap: .8rem; align-items: center; padding: .65rem 0; border-bottom: 1px solid var(--n5-linija); text-decoration: none; color: var(--n5-ink); font-weight: 700; font-size: .95rem; line-height: 1.35; }
.st-red-st:hover { color: var(--n5-akcent); }
/* Stadion članak: gromki uppercase naslov */
html[data-tema="n5-sport"] .trek-clanak-naslov { font-weight: 900; text-transform: uppercase; letter-spacing: -.01em; line-height: 1.12; }

/* ════════════ ŽETON (gam-zeton) ════════════ */
html[data-tema="gam-zeton"] .gz-header { background: var(--gam-filc); color: #f0f6f1; }
html[data-tema="gam-zeton"] .gz-topbar { background: rgba(0,0,0,.28); padding: .3rem 0; font-size: .74rem; color: #cfe0d5; }
html[data-tema="gam-zeton"] .gz-18 { font-weight: 700; letter-spacing: .04em; color: #f2c94c; }
html[data-tema="gam-zeton"] .gz-header-red { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; padding: .65rem 0; }
html[data-tema="gam-zeton"] .gz-logo { display: flex; align-items: center; gap: .55rem; font-family: var(--n5-naslov); font-size: 1.8rem; letter-spacing: .06em; color: #f2c94c; text-decoration: none; }
html[data-tema="gam-zeton"] .gz-logo-sub { font-size: .58em; color: #f0f6f1; letter-spacing: .2em; text-transform: uppercase; }
html[data-tema="gam-zeton"] .gz-zeton { width: 26px; height: 26px; border-radius: 50%; background: #f2c94c;
	border: 3px dashed var(--gam-filc); box-shadow: 0 0 0 3px #f2c94c; }
html[data-tema="gam-zeton"] .gz-nav { display: flex; gap: 1.3rem; }
html[data-tema="gam-zeton"] .gz-nav a { color: #f0f6f1; text-decoration: none; font-family: var(--n5-naslov); font-size: 1rem; letter-spacing: .08em; }
html[data-tema="gam-zeton"] .gz-nav a:hover { color: #f2c94c; }
html[data-tema="gam-zeton"] .gz-header .thx-kontrole { color: #f0f6f1; }
html[data-tema="gam-zeton"] .gz-rub { height: 6px; background: repeating-linear-gradient(90deg, #f2c94c 0 26px, var(--gam-filc) 26px 52px); }

.gz { font-family: var(--n5-telo); }
.gz .gz-kicker { display: inline-block; color: #f2c94c; font-family: var(--n5-naslov); font-size: .95rem; letter-spacing: .12em; margin-bottom: .5rem; }
.gz-filc { background: var(--gam-filc); color: #f0f6f1; padding: 2.6rem 0;
	background-image: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.06), transparent 60%); }
.gz-filc-mreza { display: grid; grid-template-columns: 1.4fr .8fr; gap: 2.2rem; align-items: start; }
.gz-glavna-tt { font-family: var(--n5-naslov); font-size: clamp(2rem, 4.4vw, 3.4rem); line-height: 1.02; letter-spacing: .02em; margin: 0 0 .7rem; }
.gz-glavna-tt a { color: #fff; text-decoration: none; }
.gz-glavna-tt a:hover { color: #f2c94c; }
.gz-glavna-lead { color: rgba(240,246,241,.78); line-height: 1.6; max-width: 56ch; margin-bottom: 1.1rem; }
.gz-glavna-foto { display: block; border: 3px solid #f2c94c; border-radius: 10px; overflow: hidden; }
.gz-glavna-foto img { width: 100%; aspect-ratio: 16/8.4; object-fit: cover; display: block; }
.gz-tiket { background: #fdfdf8; color: #12211a; border-radius: 12px; overflow: hidden; box-shadow: 0 18px 44px rgba(0,0,0,.35); }
.gz-tiket-vrh { background: #f2c94c; color: #12211a; font-family: var(--n5-naslov); font-size: 1.15rem; letter-spacing: .1em; padding: .55rem .9rem; }
.gz-tiket-telo { padding: .4rem .9rem .7rem; }
.gz-tiket-st { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .6rem 0; border-bottom: 1px dashed #cfd6cf; text-decoration: none; }
.gz-tiket-rub { display: block; font-size: .64rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--n5-akcent-jak); }
.gz-tiket-n { display: block; font-weight: 700; font-size: .88rem; line-height: 1.3; color: #12211a; }
.gz-tiket-st:hover .gz-tiket-n { color: var(--n5-akcent-jak); }
.gz-kvota { flex: none; min-width: 46px; text-align: center; background: #12211a; color: #f2c94c; font-weight: 800; font-variant-numeric: tabular-nums; font-size: .85rem; padding: .3rem .4rem; border-radius: 6px; }
.gz-tiket-zbir { display: flex; justify-content: space-between; align-items: center; padding: .7rem 0 .2rem; font-size: .82rem; color: #5b6a61; }
.gz-tiket-zbir b { color: #12211a; font-size: 1rem; }
.gz-tiket-dno { border-top: 2px dashed #cfd6cf; text-align: center; font-size: .72rem; color: #5b6a61; padding: .5rem .9rem .7rem; }
.gz-sek { padding: 2.4rem 0; }
.gz-sek-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1.3rem; }
.gz-sek-tt { font-family: var(--n5-naslov); font-size: clamp(1.5rem, 3vw, 2.2rem); letter-spacing: .04em; margin: 0; color: var(--n5-ink); }
.gz-sek-sub { color: var(--n5-tiho); font-size: .85rem; }
.gz-sve { color: var(--n5-akcent-jak); font-weight: 800; text-decoration: none; font-size: .85rem; }
.gz-analize { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; }
.gz-anal { display: flex; flex-direction: column; gap: .4rem; text-decoration: none; border: 1px solid var(--n5-linija); border-radius: 10px; padding: .8rem; transition: transform .15s, border-color .15s, box-shadow .15s; }
.gz-anal:hover { transform: translateY(-3px); border-color: #f2c94c; box-shadow: 0 12px 26px rgba(20,61,46,.14); }
.gz-anal-foto { display: block; border-radius: 8px; overflow: hidden; }
.gz-anal-foto img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.gz-anal-tt { font-weight: 800; font-size: 1.05rem; line-height: 1.3; color: var(--n5-ink); }
.gz-anal:hover .gz-anal-tt { color: var(--n5-akcent-jak); }
.gz-anal-l { font-size: .84rem; color: var(--n5-tiho); line-height: 1.5; }
.gz-rang-sek { background: var(--n5-povrs); }
.gz-rang { display: flex; flex-direction: column; }
.gz-rang-st { display: flex; align-items: center; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--n5-linija); text-decoration: none; }
.gz-zeton-mali { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%;
	background: var(--n5-bg); color: var(--n5-ink); font-weight: 900; border: 3px dashed var(--n5-linija); box-shadow: 0 0 0 3px var(--n5-bg), 0 0 0 4px var(--n5-linija); }
.gz-zeton-mali.je-zlatni { background: #f2c94c; color: #12211a; border-color: #a4831c; box-shadow: 0 0 0 3px #f2c94c, 0 0 0 4px #a4831c; }
.gz-rang-n { display: block; font-weight: 800; font-size: 1.02rem; line-height: 1.3; color: var(--n5-ink); }
.gz-rang-st:hover .gz-rang-n { color: var(--n5-akcent-jak); }
.gz-rang-m { display: block; font-size: .78rem; color: var(--n5-tiho); }
.gz-dzekpot { padding: 2.6rem 0; }
.gz-dzek-mreza { display: grid; grid-template-columns: 1.1fr .9fr; gap: 2rem; align-items: center; }
.gz-dzek-tt { font-family: var(--n5-naslov); font-size: clamp(1.8rem, 4vw, 3rem); letter-spacing: .03em; margin: 0 0 1rem; }
.gz-dzek-tt a { color: #f2c94c; text-decoration: none; }
.gz-btn { display: inline-flex; align-items: center; gap: .5rem; background: #f2c94c; color: #12211a; font-weight: 800; font-size: .9rem; text-decoration: none; padding: .65rem 1.3rem; border-radius: 100px; }
.gz-btn:hover { background: #fff; color: #12211a; }
.gz-dzek-foto { display: block; border: 3px dashed #f2c94c; border-radius: 12px; padding: 8px; }
.gz-dzek-foto img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; display: block; }
.gz-odgovorno { font-size: .8rem; color: var(--n5-tiho); padding-top: 1.4rem; }
/* Žeton članak: display naslov + zlatna crta */
html[data-tema="gam-zeton"] .trek-clanak-naslov { font-family: var(--n5-naslov); font-weight: 400; letter-spacing: .02em; }
html[data-tema="gam-zeton"] .trek-lead { border-left: 3px solid #f2c94c; padding-left: 1rem; }

/* ── Mobilni prelomi talasa 3 ── */
@media (max-width: 991.98px) {
	.st-hero-mreza, .st-red, .gz-filc-mreza, .gz-dzek-mreza { grid-template-columns: 1fr; }
	.st-mreza, .gz-analize { grid-template-columns: 1fr; gap: 1rem; }
	html[data-tema="zurnal"] .tz-logo { font-size: 1.3rem; }
	html[data-tema="gam-zeton"] .gz-logo { font-size: 1.4rem; }
}

/* ══════════════════════════════════════════════════════════════════════════
   TALAS 4 — PUN DIZAJN: Gazeta, Depeša, Prelom, Signal, Arkada, Trpeza,
   Beležnica, Salon (header), Kiosk. Poslednja tura.
   ══════════════════════════════════════════════════════════════════════════ */

/* ════════════ GAZETA (n5-novine) ════════════ */
html[data-tema="n5-novine"] { --n5-naslov: "Source Serif 4", Georgia, serif; }
html[data-tema="n5-novine"] .ga-header { background: var(--n5-bg); }
html[data-tema="n5-novine"] .ga-mast { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: .9rem 0 .5rem; }
html[data-tema="n5-novine"] .ga-mast-l { font-size: .76rem; color: var(--n5-tiho); }
html[data-tema="n5-novine"] .ga-logo { justify-self: center; font-family: var(--n5-naslov); font-weight: 900; font-size: 2.4rem; line-height: 1; color: var(--n5-ink); text-decoration: none; letter-spacing: -.01em; }
html[data-tema="n5-novine"] .ga-logo span { font-size: .38em; font-weight: 700; letter-spacing: .32em; text-transform: uppercase; color: var(--n5-akcent); margin-left: .5rem; vertical-align: middle; }
html[data-tema="n5-novine"] .ga-mast-d { justify-self: end; }
html[data-tema="n5-novine"] .ga-dupla { border-top: 3px solid var(--n5-ink); border-bottom: 1px solid var(--n5-ink); height: 5px; }
html[data-tema="n5-novine"] .ga-nav { display: flex; justify-content: center; gap: 0; padding: .3rem 0; border-bottom: 1px solid var(--n5-linija); }
html[data-tema="n5-novine"] .ga-nav a { color: var(--n5-ink); text-decoration: none; font-size: .82rem; font-weight: 700; padding: .25rem .95rem; border-right: 1px solid var(--n5-linija); }
html[data-tema="n5-novine"] .ga-nav a:first-child { border-left: 1px solid var(--n5-linija); }
html[data-tema="n5-novine"] .ga-nav a:hover { color: var(--n5-akcent); }
.ga { font-family: var(--n5-telo); }
.ga .ga-kicker { display: inline-block; font-size: .68rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--n5-akcent); margin-bottom: .3rem; }
.ga-prva { display: grid; grid-template-columns: 1.5fr .95fr .8fr; gap: 0; padding: 1.6rem 0; border-bottom: 1px solid var(--n5-linija); }
.ga-uvodnik { padding-right: 1.6rem; border-right: 1px solid var(--n5-linija); }
.ga-uvodnik-tt { font-family: var(--n5-naslov); font-weight: 900; font-size: clamp(1.7rem, 3.4vw, 2.7rem); line-height: 1.12; margin: 0 0 .8rem; }
.ga-uvodnik-tt a { color: var(--n5-ink); text-decoration: none; }
.ga-uvodnik-foto img { width: 100%; aspect-ratio: 16/8.6; object-fit: cover; margin-bottom: .8rem; filter: grayscale(.15); }
.ga-uvodnik-lead { font-family: var(--n5-naslov); font-size: 1rem; line-height: 1.7; color: var(--n5-ink); }
.ga-inicijal { float: left; font-family: var(--n5-naslov); font-weight: 900; font-size: 3.1rem; line-height: .82; padding: .12em .12em 0 0; color: var(--n5-akcent); }
.ga-meta { font-size: .76rem; color: var(--n5-tiho); }
.ga-kolona { padding: 0 1.6rem; border-right: 1px solid var(--n5-linija); display: flex; flex-direction: column; }
.ga-kol-st { display: block; padding: 1rem 0; border-bottom: 1px dotted var(--n5-linija); text-decoration: none; }
.ga-kol-st:last-child { border-bottom: 0; }
.ga-kol-tt { display: block; font-family: var(--n5-naslov); font-weight: 700; font-size: 1.12rem; line-height: 1.3; color: var(--n5-ink); }
.ga-kol-st:hover .ga-kol-tt { color: var(--n5-akcent); }
.ga-kol-l { display: block; font-size: .85rem; color: var(--n5-tiho); line-height: 1.55; margin-top: .3rem; }
.ga-hronika { padding-left: 1.6rem; }
.ga-hronika-tt { font-size: .74rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; border-bottom: 2px solid var(--n5-ink); padding-bottom: .4rem; margin: 0 0 .5rem; }
.ga-hron-st { display: flex; gap: .6rem; padding: .5rem 0; border-bottom: 1px dotted var(--n5-linija); text-decoration: none; font-size: .84rem; line-height: 1.4; }
.ga-hron-vreme { flex: none; font-variant-numeric: tabular-nums; font-weight: 800; color: var(--n5-akcent); }
.ga-hron-n { color: var(--n5-ink); font-weight: 600; }
.ga-hron-st:hover .ga-hron-n { color: var(--n5-akcent); }
.ga-rubrike { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; padding: 1.6rem 0; border-bottom: 1px solid var(--n5-linija); }
.ga-rub { padding: 0 1.6rem; border-right: 1px solid var(--n5-linija); }
.ga-rub:first-child { padding-left: 0; }
.ga-rub:last-child { border-right: 0; }
.ga-rub-tt { font-family: var(--n5-naslov); font-weight: 900; font-size: 1.2rem; border-bottom: 3px double var(--n5-ink); padding-bottom: .35rem; margin: 0 0 .8rem; }
.ga-rub-glavna { display: block; text-decoration: none; margin-bottom: .5rem; }
.ga-rub-glavna img { width: 100%; aspect-ratio: 16/9; object-fit: cover; margin-bottom: .45rem; filter: grayscale(.15); }
.ga-rub-st { display: block; padding: .5rem 0; border-top: 1px dotted var(--n5-linija); font-weight: 600; font-size: .9rem; line-height: 1.4; color: var(--n5-ink); text-decoration: none; }
.ga-rub-st:hover { color: var(--n5-akcent); }
.ga-top { padding: 1.4rem 0; }
.ga-top-red { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.4rem; }
.ga-top-st { font-family: var(--n5-naslov); font-weight: 700; font-size: .98rem; line-height: 1.35; color: var(--n5-ink); text-decoration: none; }
.ga-top-st b { color: var(--n5-akcent); font-size: 1.3rem; margin-right: .3rem; }
.ga-top-st:hover { color: var(--n5-akcent); }
html[data-tema="n5-novine"] .trek-clanak-naslov { font-family: var(--n5-naslov); font-weight: 900; }

/* ════════════ DEPEŠA (n5-vesti) ════════════ */
html[data-tema="n5-vesti"] .dp-header { background: var(--n5-bg); border-bottom: 2px solid var(--n5-ink); }
/* ⚠ Bila podloga `var(--n5-ink)`: mastilo se u tamnom režimu preokrene u svetlo, pa je
   beo tekst ostajao na svetloj traci (1,13). `--n5-traka` je tamna u OBA režima. */
html[data-tema="n5-vesti"] .dp-topbar { background: var(--n5-traka); color: var(--n5-traka-ink); padding: .32rem 0; font-size: .76rem; font-variant-numeric: tabular-nums; }
html[data-tema="n5-vesti"] .dp-sat { display: inline-flex; align-items: center; gap: .45rem; font-weight: 700; letter-spacing: .06em; }
html[data-tema="n5-vesti"] .dp-sat-tacka { width: 7px; height: 7px; border-radius: 50%; background: var(--n5-akcent); animation: trekBrzPuls 1.4s infinite; }
html[data-tema="n5-vesti"] .dp-servis { letter-spacing: .18em; font-weight: 700; opacity: .7; }
html[data-tema="n5-vesti"] .dp-header-red { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; padding: .7rem 0; }
html[data-tema="n5-vesti"] .dp-logo { font-weight: 900; font-size: 1.7rem; letter-spacing: -.01em; color: var(--n5-ink); text-decoration: none; }
/* Bilo --n5-akcent (#e08c00): na belom 2,65. Tamniji ton daje 4,9. */
html[data-tema="n5-vesti"] .dp-logo-sub { color: var(--n5-akcent-jak); font-weight: 700; font-size: .62em; letter-spacing: .12em; }
html[data-tema="n5-vesti"] .dp-nav { display: flex; align-items: center; gap: .7rem; }
html[data-tema="n5-vesti"] .dp-nav a { color: var(--n5-ink); text-decoration: none; font-weight: 700; font-size: .84rem; text-transform: uppercase; letter-spacing: .05em; }
html[data-tema="n5-vesti"] .dp-nav a:hover { color: var(--n5-akcent); }
/* Razdvojnik je bio --n5-linija (boja vlasi, ne teksta): kontrast 1,25. Tiha boja daje 4,9. */
html[data-tema="n5-vesti"] .dp-nav i { color: var(--n5-tiho); font-style: normal; font-weight: 700; }
.dp { font-family: var(--n5-telo); }
.dp-mreza { display: grid; grid-template-columns: 1.55fr .85fr; gap: 2.4rem; padding: 1.6rem 0; }
.dp-vajer-head { display: flex; align-items: baseline; gap: .8rem; border-bottom: 3px solid var(--n5-ink); padding-bottom: .5rem; margin-bottom: .3rem; }
.dp-vajer-tt { font-weight: 900; font-size: 1.5rem; text-transform: uppercase; letter-spacing: .02em; margin: 0; }
.dp-vajer-sub { color: var(--n5-tiho); font-size: .82rem; }
.dp-st { display: flex; gap: 1rem; padding: .85rem 0; border-bottom: 1px solid var(--n5-linija); text-decoration: none; position: relative; }
.dp-st-vreme { flex: none; width: 52px; text-align: right; font-variant-numeric: tabular-nums; font-weight: 800; color: var(--n5-akcent); font-size: .95rem; line-height: 1.2; }
.dp-st-vreme em { display: block; font-style: normal; font-weight: 600; font-size: .68rem; color: var(--n5-tiho); }
.dp-st-telo { flex: 1; border-left: 2px solid var(--n5-linija); padding-left: 1rem; }
.dp-st--hitno .dp-st-telo { border-left-color: var(--n5-akcent); }
.dp-st-oznake { display: flex; align-items: center; gap: .5rem; margin-bottom: .2rem; }
.dp-hitno { background: #c8102e; color: #fff; font-size: .62rem; font-weight: 900; letter-spacing: .14em; padding: .14rem .5rem; animation: trekBrzPuls 1.8s infinite; }
.dp-st-rub { font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--n5-tiho); }
.dp-st-n { display: block; font-weight: 700; font-size: 1.05rem; line-height: 1.35; color: var(--n5-ink); }
.dp-st:hover .dp-st-n { color: var(--n5-akcent); }
.dp-st-l { display: block; font-size: .86rem; color: var(--n5-tiho); line-height: 1.55; margin-top: .25rem; }
.dp-st-foto { flex: none; width: 168px; }
.dp-st-foto img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.dp-box-tt { font-size: .74rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; border-bottom: 2px solid var(--n5-ink); padding-bottom: .4rem; margin: 0 0 .6rem; }
.dp-izdvojeno { margin-bottom: 1.6rem; }
.dp-izd { display: block; text-decoration: none; }
.dp-izd img { width: 100%; aspect-ratio: 16/9; object-fit: cover; margin-bottom: .5rem; }
.dp-top { margin-bottom: 1.6rem; }
.dp-top-st { display: flex; gap: .6rem; padding: .5rem 0; border-bottom: 1px dotted var(--n5-linija); font-weight: 600; font-size: .88rem; line-height: 1.4; color: var(--n5-ink); text-decoration: none; }
.dp-top-st span { font-variant-numeric: tabular-nums; font-weight: 800; color: var(--n5-akcent); }
.dp-top-st:hover { color: var(--n5-akcent); }
.dp-teme-red { display: flex; flex-wrap: wrap; gap: .4rem; }
.dp-tema { font-size: .78rem; font-weight: 700; color: var(--n5-ink); text-decoration: none; border: 1px solid var(--n5-linija); padding: .25rem .6rem; }
.dp-tema:hover { border-color: var(--n5-akcent); color: var(--n5-akcent); }
html[data-tema="n5-vesti"] .trek-clanak-naslov { font-weight: 900; }

/* ════════════ PRELOM (n5-moderne) ════════════ */
html[data-tema="n5-moderne"] .pl-header { background: var(--n5-bg); border-bottom: 1px solid var(--n5-ink); }
html[data-tema="n5-moderne"] .pl-header-red { display: flex; align-items: center; justify-content: space-between; gap: 1.4rem; padding: 1rem 0; }
html[data-tema="n5-moderne"] .pl-logo { font-family: var(--n5-naslov); font-weight: 800; font-size: 2.1rem; line-height: 1; color: var(--n5-ink); text-decoration: none; }
html[data-tema="n5-moderne"] .pl-logo em { color: var(--n5-akcent); font-style: normal; }
html[data-tema="n5-moderne"] .pl-nav { display: flex; gap: 1.6rem; }
html[data-tema="n5-moderne"] .pl-nav a { color: var(--n5-ink); text-decoration: none; font-size: .88rem; font-weight: 500; letter-spacing: .02em; }
html[data-tema="n5-moderne"] .pl-nav a:hover { color: var(--n5-akcent); font-style: italic; }
.pl { font-family: var(--n5-telo); }
.pl .pl-kicker { display: inline-block; font-size: .7rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--n5-akcent); margin-bottom: .5rem; }
.pl-vrh { display: grid; grid-template-columns: 1.6fr .8fr; gap: 3rem; padding: 2.6rem 0 1.8rem; }
.pl-glavna-tt { font-family: var(--n5-naslov); font-weight: 800; font-size: clamp(2.2rem, 5vw, 4rem); line-height: 1.06; letter-spacing: -.01em; margin: 0 0 1rem; }
.pl-glavna-tt a { color: var(--n5-ink); text-decoration: none; }
.pl-glavna-lead { font-size: 1.05rem; line-height: 1.7; color: var(--n5-tiho); max-width: 56ch; }
.pl-meta { font-size: .78rem; color: var(--n5-tiho); }
.pl-uska { border-left: 1px solid var(--n5-ink); padding-left: 1.8rem; display: flex; flex-direction: column; justify-content: center; }
.pl-uska-st { display: flex; gap: .9rem; padding: 1rem 0; border-bottom: 1px solid var(--n5-linija); text-decoration: none; }
.pl-uska-st:last-child { border-bottom: 0; }
.pl-broj { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.7rem; line-height: 1; color: var(--n5-linija); }
.pl-uska-st:hover .pl-broj { color: var(--n5-akcent); }
.pl-uska-n { display: block; font-family: var(--n5-naslov); font-weight: 700; font-size: 1.08rem; line-height: 1.3; color: var(--n5-ink); }
.pl-siroka-foto { display: block; margin-bottom: 2rem; }
.pl-siroka-foto img { width: 100%; aspect-ratio: 21/8; object-fit: cover; }
.pl-sek { padding: 2rem 0; border-top: 1px solid var(--n5-ink); }
.pl-sek-head { display: flex; align-items: baseline; gap: 1rem; margin-bottom: 1.4rem; }
.pl-sek-broj { font-family: var(--n5-naslov); font-weight: 800; font-size: 2.6rem; line-height: 1; color: var(--n5-akcent); }
.pl-sek-tt { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.7rem; margin: 0; }
.pl-sve { margin-left: auto; color: var(--n5-akcent); text-decoration: none; font-weight: 600; font-size: .85rem; }
.pl-sek-mreza { display: grid; grid-template-columns: 1.2fr .8fr; gap: 2.4rem; }
.pl-sek-glavna { display: block; text-decoration: none; }
.pl-sek-glavna img { width: 100%; aspect-ratio: 16/9; object-fit: cover; margin-bottom: .6rem; }
.pl-sek-n { font-family: var(--n5-naslov); font-weight: 700; font-size: 1.35rem; line-height: 1.25; color: var(--n5-ink); }
.pl-sek-glavna:hover .pl-sek-n { color: var(--n5-akcent); }
.pl-lista-st { display: block; padding: .8rem 0; border-bottom: 1px solid var(--n5-linija); text-decoration: none; }
.pl-lista-st:hover .pl-uska-n { color: var(--n5-akcent); }
.pl-citat { text-align: center; padding: 3rem 0; border-top: 1px solid var(--n5-ink); }
.pl-citat-znak { display: block; font-family: var(--n5-naslov); font-size: 4rem; line-height: .4; color: var(--n5-akcent); }
.pl-citat-tt { display: block; font-family: var(--n5-naslov); font-weight: 800; font-style: italic; font-size: clamp(1.4rem, 3vw, 2.2rem); line-height: 1.3; color: var(--n5-ink); text-decoration: none; max-width: 20ch; margin: .6rem auto; }
.pl-citat-tt:hover { color: var(--n5-akcent); }
html[data-tema="n5-moderne"] .trek-clanak-naslov { font-family: var(--n5-naslov); font-weight: 800; letter-spacing: -.01em; }

/* ════════════ SIGNAL (n5-tehno) ════════════ */
html[data-tema="n5-tehno"] .sg-header { background: var(--n5-bg); }
html[data-tema="n5-tehno"] .sg-header-red { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; padding: .8rem 0; }
html[data-tema="n5-tehno"] .sg-logo { display: flex; align-items: baseline; gap: .2rem; font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-weight: 700; font-size: 1.5rem; color: var(--n5-ink); text-decoration: none; }
html[data-tema="n5-tehno"] .sg-prompt { color: var(--n5-akcent); }
html[data-tema="n5-tehno"] .sg-kursor { width: .55em; height: 1.1em; background: var(--n5-akcent); align-self: center; animation: sgKursor 1.1s steps(1) infinite; }
@keyframes sgKursor { 50% { opacity: 0; } }
html[data-tema="n5-tehno"] .sg-logo-sub { font-size: .6em; color: var(--n5-tiho); margin-left: .5rem; letter-spacing: .2em; text-transform: uppercase; }
html[data-tema="n5-tehno"] .sg-nav { display: flex; gap: 1.2rem; }
html[data-tema="n5-tehno"] .sg-nav a { font-family: ui-monospace, 'SF Mono', Menlo, monospace; color: var(--n5-ink); text-decoration: none; font-size: .84rem; }
html[data-tema="n5-tehno"] .sg-nav a span { color: var(--n5-tiho); }
html[data-tema="n5-tehno"] .sg-nav a:hover { color: var(--n5-akcent); }
html[data-tema="n5-tehno"] .sg-linija { height: 2px; background: linear-gradient(90deg, var(--n5-akcent), transparent 60%); }
.sg { font-family: var(--n5-telo); }
.sg .sg-mono { font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-size: .8rem; color: var(--n5-akcent); }
.sg-hero { display: grid; grid-template-columns: 1fr 1.05fr; gap: 2.4rem; align-items: center; padding: 2.2rem 0; }
.sg-hero-tt { font-weight: 800; font-size: clamp(1.7rem, 3.6vw, 2.7rem); line-height: 1.15; letter-spacing: -.02em; margin: .6rem 0 .8rem; }
.sg-hero-tt a { color: var(--n5-ink); text-decoration: none; }
.sg-hero-tt a:hover { color: var(--n5-akcent); }
.sg-hero-lead { color: var(--n5-tiho); line-height: 1.65; }
.sg-spec { display: grid; grid-template-columns: auto 1fr; gap: .2rem 1rem; font-size: .82rem; border: 1px solid var(--n5-linija); border-left: 3px solid var(--n5-akcent); padding: .8rem 1rem; margin: 1rem 0 0; max-width: 380px; }
.sg-spec dt { font-family: ui-monospace, Menlo, monospace; color: var(--n5-tiho); }
.sg-spec dd { margin: 0; font-weight: 600; color: var(--n5-ink); }
.sg-hero-foto { display: block; border: 1px solid var(--n5-linija); padding: 8px; }
.sg-hero-foto img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }
.sg-sek { padding: 1.8rem 0; }
.sg-sek-head { border-bottom: 1px solid var(--n5-linija); padding-bottom: .5rem; margin-bottom: 1.2rem; }
.sg-mreza { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.3rem; }
.sg-kart { display: flex; flex-direction: column; gap: .35rem; text-decoration: none; border: 1px solid var(--n5-linija); padding: .8rem; transition: border-color .15s, transform .15s; }
.sg-kart:hover { border-color: var(--n5-akcent); transform: translateY(-2px); }
.sg-kart-foto img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.sg-kart-rub { margin-top: .3rem; }
.sg-kart-tt { font-weight: 700; font-size: 1.02rem; line-height: 1.35; color: var(--n5-ink); }
.sg-kart-meta { font-size: .76rem; color: var(--n5-tiho); }
.sg-log-sek { background: var(--n5-povrs); margin-bottom: 1rem; }
.sg-log-st { display: flex; align-items: baseline; gap: 1rem; padding: .65rem 0; border-bottom: 1px dashed var(--n5-linija); text-decoration: none; }
.sg-log-v { flex: none; width: 64px; }
.sg-log-n { flex: 1; font-weight: 600; font-size: .95rem; line-height: 1.4; color: var(--n5-ink); }
.sg-log-st:hover .sg-log-n { color: var(--n5-akcent); }
.sg-log-rub { color: var(--n5-tiho); }
html[data-tema="n5-tehno"] .trek-kicker { font-family: ui-monospace, Menlo, monospace; letter-spacing: .04em; }

/* ════════════ ARKADA (n5-gejming) ════════════ */
html[data-tema="n5-gejming"] .ar-header { background: #05080a; color: #e8ffe9; border-bottom: 2px solid var(--n5-akcent); }
html[data-tema="n5-gejming"] .ar-topbar { background: #000; padding: .3rem 0; }
html[data-tema="n5-gejming"] .ar-score { font-family: var(--n5-naslov); font-size: .82rem; letter-spacing: .16em; color: var(--n5-akcent); }
html[data-tema="n5-gejming"] .ar-score a { color: #f5d90a; text-decoration: none; }
html[data-tema="n5-gejming"] .ar-header-red { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; padding: .65rem 0; }
html[data-tema="n5-gejming"] .ar-logo { font-family: var(--n5-naslov); font-weight: 700; font-size: 1.7rem; letter-spacing: .1em; color: #fff; text-decoration: none; text-shadow: 0 0 14px rgba(15,156,60,.9); }
html[data-tema="n5-gejming"] .ar-logo-sub { color: var(--n5-akcent); font-size: .62em; letter-spacing: .3em; margin-left: .4rem; }
html[data-tema="n5-gejming"] .ar-nav { display: flex; gap: 1.2rem; }
html[data-tema="n5-gejming"] .ar-nav a { font-family: var(--n5-naslov); color: #cfe8d2; text-decoration: none; font-size: .95rem; letter-spacing: .1em; text-transform: uppercase; }
html[data-tema="n5-gejming"] .ar-nav a:hover { color: var(--n5-akcent); text-shadow: 0 0 10px rgba(15,156,60,.8); }
html[data-tema="n5-gejming"] .ar-header .thx-kontrole { color: #e8ffe9; }
.ar { font-family: var(--n5-telo); }
.ar-hero { display: grid; grid-template-columns: 1.15fr .85fr; gap: 2.2rem; align-items: center; padding: 2rem 0; }
.ar-hero-foto { position: relative; display: block; }
.ar-hero-foto img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }
.ar-hero-okvir { position: absolute; inset: -8px; border: 2px solid var(--n5-akcent); pointer-events: none;
	clip-path: polygon(0 0, 22px 0, 22px 2px, 0 2px, 0 22px, 2px 22px, 2px 0, 0 0, 100% 0, calc(100% - 22px) 0, calc(100% - 22px) 2px, 100% 2px, 100% 22px, calc(100% - 2px) 22px, calc(100% - 2px) 0, 100% 0, 100% 100%, calc(100% - 22px) 100%, calc(100% - 22px) calc(100% - 2px), 100% calc(100% - 2px), 100% calc(100% - 22px), calc(100% - 2px) calc(100% - 22px), calc(100% - 2px) 100%, 100% 100%, 0 100%, 22px 100%, 22px calc(100% - 2px), 0 calc(100% - 2px), 0 calc(100% - 22px), 2px calc(100% - 22px), 2px 100%, 0 100%); }
.ar-start { display: inline-block; font-family: var(--n5-naslov); font-size: 1rem; letter-spacing: .22em; color: var(--n5-akcent); animation: trekBrzPuls 1.4s steps(1) infinite; margin-bottom: .6rem; }
.ar-hero-tt { font-family: var(--n5-naslov); font-weight: 700; font-size: clamp(1.8rem, 3.8vw, 3rem); line-height: 1.05; letter-spacing: .03em; text-transform: uppercase; margin: 0 0 .7rem; }
.ar-hero-tt a { color: var(--n5-ink); text-decoration: none; }
.ar-hero-tt a:hover { color: var(--n5-akcent); }
.ar-hero-lead { color: var(--n5-tiho); line-height: 1.6; }
.ar-hero-statovi { display: flex; flex-wrap: wrap; gap: 1.4rem; margin-top: 1rem; }
.ar-stat { font-family: var(--n5-naslov); font-size: 1.02rem; letter-spacing: .06em; color: var(--n5-ink); }
.ar-stat em { display: block; font-style: normal; font-size: .68rem; letter-spacing: .2em; color: var(--n5-akcent); }
.ar-sek { padding: 1.8rem 0; }
.ar-sek-head { display: flex; align-items: center; gap: .9rem; margin-bottom: 1.2rem; }
.ar-level { font-family: var(--n5-naslov); background: var(--n5-akcent); color: #fff; font-size: .85rem; letter-spacing: .18em; padding: .25rem .7rem; }
.ar-sek-tt { font-family: var(--n5-naslov); font-size: clamp(1.3rem, 2.6vw, 1.9rem); letter-spacing: .05em; text-transform: uppercase; margin: 0; }
.ar-sve { margin-left: auto; font-family: var(--n5-naslov); color: var(--n5-akcent); text-decoration: none; letter-spacing: .12em; }
.ar-mreza { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.3rem; }
.ar-kart { display: flex; flex-direction: column; gap: .35rem; text-decoration: none; }
.ar-kart-foto { display: block; overflow: hidden; border: 1px solid var(--n5-linija); }
.ar-kart-foto img { width: 100%; aspect-ratio: 16/9; object-fit: cover; transition: transform .2s; }
.ar-kart:hover .ar-kart-foto img { transform: scale(1.05); }
.ar-kart:hover .ar-kart-foto { border-color: var(--n5-akcent); }
.ar-kart-rub { font-family: var(--n5-naslov); font-size: .74rem; letter-spacing: .16em; text-transform: uppercase; color: var(--n5-akcent); }
.ar-kart-tt { font-weight: 700; font-size: 1rem; line-height: 1.35; color: var(--n5-ink); }
.ar-tabla { background: #05080a; color: #e8ffe9; padding: 2.2rem 0; }
.ar-tabla .ar-sek-tt { color: #fff; }
.ar-score-lista { font-family: var(--n5-naslov); }
.ar-score-st { display: flex; align-items: center; gap: 1.1rem; padding: .55rem 0; border-bottom: 1px dashed rgba(232,255,233,.2); text-decoration: none; color: #e8ffe9; font-size: 1.05rem; letter-spacing: .04em; }
.ar-score-poz { flex: none; width: 26px; color: #f5d90a; }
.ar-score-ini { flex: none; width: 56px; color: var(--n5-akcent); letter-spacing: .2em; }
.ar-score-n { flex: 1; }
.ar-score-st:hover .ar-score-n { color: var(--n5-akcent); }
.ar-score-xp { color: #f5d90a; font-variant-numeric: tabular-nums; }
html[data-tema="n5-gejming"] .trek-clanak-naslov { font-family: var(--n5-naslov); letter-spacing: .03em; text-transform: uppercase; }

/* ════════════ TRPEZA (n5-hrana) ════════════ */
html[data-tema="n5-hrana"] .tp-header { background: var(--n5-bg); }
html[data-tema="n5-hrana"] .tp-header-red { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; padding: .75rem 0; }
html[data-tema="n5-hrana"] .tp-logo { display: flex; align-items: center; gap: .5rem; font-weight: 800; font-size: 1.6rem; color: var(--n5-ink); text-decoration: none; }
html[data-tema="n5-hrana"] .tp-logo .bi { color: var(--n5-akcent); font-size: 1.5rem; }
/* Bilo --n5-akcent (#e04a33): na belom 4,04, ispod AA za 13 px. Tamniji ton daje 6,0. */
html[data-tema="n5-hrana"] .tp-logo span { font-weight: 600; font-size: .62em; letter-spacing: .22em; text-transform: uppercase; color: var(--n5-akcent-jak); }
html[data-tema="n5-hrana"] .tp-nav { display: flex; gap: 1.4rem; }
html[data-tema="n5-hrana"] .tp-nav a { color: var(--n5-ink); text-decoration: none; font-weight: 600; font-size: .9rem; }
html[data-tema="n5-hrana"] .tp-nav a:hover { color: var(--n5-akcent); }
html[data-tema="n5-hrana"] .tp-stolnjak { height: 10px;
	background: conic-gradient(var(--n5-akcent) 25%, transparent 0 50%, var(--n5-akcent) 0 75%, transparent 0) 0 0 / 20px 20px;
	opacity: .55; }
.tp { font-family: var(--n5-telo); }
.tp .tp-kicker { display: inline-flex; align-items: center; gap: .35rem; font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--n5-akcent); }
.tp-hero { padding: 2.2rem 0; }
.tp-hero-mreza { display: grid; grid-template-columns: 1.1fr .9fr; gap: 2.4rem; align-items: center; }
.tp-hero-foto { display: block; border-radius: 50% 50% 12px 12px / 38% 38% 12px 12px; overflow: hidden; }
.tp-hero-foto img { width: 100%; aspect-ratio: 4/3.4; object-fit: cover; }
.tp-hero-tt { font-weight: 800; font-size: clamp(1.8rem, 3.8vw, 2.9rem); line-height: 1.12; margin: .5rem 0 .8rem; }
.tp-hero-tt a { color: var(--n5-ink); text-decoration: none; }
.tp-hero-tt a:hover { color: var(--n5-akcent); }
.tp-hero-lead { color: var(--n5-tiho); line-height: 1.65; }
.tp-vreme { display: inline-flex; align-items: center; gap: .35rem; font-size: .82rem; font-weight: 700; color: var(--n5-akcent); background: var(--n5-povrs); border-radius: 100px; padding: .3rem .8rem; }
.tp-sek { padding: 2rem 0; }
.tp-sek-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.tp-sek-tt { font-weight: 800; font-size: clamp(1.4rem, 2.8vw, 2rem); margin: 0 0 1.2rem; }
.tp-sve { color: var(--n5-akcent); font-weight: 700; text-decoration: none; font-size: .85rem; }
.tp-meni { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; }
.tp-sled { position: relative; display: flex; flex-direction: column; gap: .4rem; text-decoration: none; background: var(--n5-povrs); border-radius: 14px; padding: 1rem; transition: transform .15s; }
.tp-sled:hover { transform: translateY(-4px); }
.tp-sled-oznaka { position: absolute; top: -10px; left: 14px; background: var(--n5-akcent); color: #fff; font-size: .66rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; border-radius: 100px; padding: .22rem .7rem; }
.tp-sled-foto { display: block; border-radius: 10px; overflow: hidden; }
.tp-sled-foto img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.tp-sled-tt { font-weight: 800; font-size: 1.05rem; line-height: 1.3; color: var(--n5-ink); }
.tp-sled:hover .tp-sled-tt { color: var(--n5-akcent); }
.tp-topla { background: var(--n5-povrs); padding: 2.2rem 0; }
.tp-mreza { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.3rem; }
.tp-kart { display: flex; flex-direction: column; text-decoration: none; background: var(--n5-bg); border-radius: 14px; overflow: hidden; transition: transform .15s, box-shadow .15s; }
.tp-kart:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(224,74,51,.14); }
.tp-kart-foto img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.tp-kart-telo { padding: .8rem .95rem 1rem; display: flex; flex-direction: column; gap: .3rem; }
.tp-kart-tt { font-weight: 800; font-size: 1.02rem; line-height: 1.3; color: var(--n5-ink); }
.tp-kart:hover .tp-kart-tt { color: var(--n5-akcent); }
.tp-spec { max-width: 720px; }
.tp-spec-st { display: flex; align-items: baseline; gap: .8rem; padding: .7rem 0; text-decoration: none; }
.tp-spec-broj { flex: none; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; background: var(--n5-akcent); color: #fff; font-weight: 800; border-radius: 50%; align-self: center; }
.tp-spec-n { font-weight: 700; font-size: 1rem; color: var(--n5-ink); }
.tp-spec-st:hover .tp-spec-n { color: var(--n5-akcent); }
.tp-tacke { flex: 1; border-bottom: 2px dotted var(--n5-linija); }
html[data-tema="n5-hrana"] .trek-clanak-naslov { font-weight: 800; }

/* ════════════ BELEŽNICA (n5-blog) ════════════ */
html[data-tema="n5-blog"] .bl-header { background: var(--n5-bg); border-bottom: 1px solid var(--n5-linija); padding: 1.1rem 0 .8rem; }
html[data-tema="n5-blog"] .bl-logo { font-family: var(--n5-naslov); font-size: 1.9rem; color: var(--n5-ink); text-decoration: none; }
html[data-tema="n5-blog"] .bl-logo em { color: var(--n5-akcent); }
html[data-tema="n5-blog"] .bl-nav { justify-content: center; gap: 1.4rem; margin-top: .5rem; }
html[data-tema="n5-blog"] .bl-nav a { color: var(--n5-tiho); text-decoration: none; font-size: .84rem; font-weight: 600; letter-spacing: .06em; }
html[data-tema="n5-blog"] .bl-nav a:hover { color: var(--n5-akcent); }
html[data-tema="n5-blog"] .bl-kontrole-fiksne { position: absolute; right: var(--bs-gutter-x, .75rem); top: 0; }
.bl { font-family: var(--n5-telo); }
.bl-kolona { max-width: 760px; margin: 0 auto; padding: 2.4rem 0; }
.bl-zapis { display: grid; grid-template-columns: 74px 1fr; gap: 1.4rem; padding: 2rem 0; border-bottom: 1px solid var(--n5-linija); }
.bl-datum { display: block; text-align: center; font-family: var(--n5-naslov); font-weight: 700; font-size: 1.7rem; line-height: 1; color: var(--n5-akcent); position: sticky; top: 90px; }
.bl-datum em { display: block; font-style: normal; font-size: .58em; letter-spacing: .16em; color: var(--n5-tiho); margin-top: .2rem; }
.bl-kicker { display: inline-block; font-size: .7rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--n5-akcent); margin-bottom: .3rem; }
.bl-tt { font-family: var(--n5-naslov); font-weight: 700; font-size: clamp(1.4rem, 2.8vw, 2rem); line-height: 1.25; margin: 0 0 .7rem; }
.bl-tt a { color: var(--n5-ink); text-decoration: none; }
.bl-tt a:hover { color: var(--n5-akcent); }
.bl-foto { display: block; margin-bottom: .8rem; }
.bl-foto img { width: 100%; aspect-ratio: 16/8.6; object-fit: cover; border-radius: 4px; }
.bl-lead { font-family: var(--n5-naslov); font-size: 1.02rem; line-height: 1.75; color: var(--n5-tiho); }
.bl-dno { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
.bl-potpis { font-size: .8rem; color: var(--n5-tiho); }
.bl-dalje { color: var(--n5-akcent); font-weight: 700; font-size: .88rem; text-decoration: none; font-style: italic; }
.bl-arhiva { padding: 2rem 0; }
.bl-arhiva-tt { font-family: var(--n5-naslov); font-size: 1.2rem; margin: 0 0 .8rem; color: var(--n5-ink); }
.bl-arh-st { display: flex; justify-content: space-between; gap: 1rem; padding: .55rem 0; border-bottom: 1px dotted var(--n5-linija); font-weight: 600; font-size: .92rem; color: var(--n5-ink); text-decoration: none; }
.bl-arh-st em { font-style: normal; color: var(--n5-tiho); font-size: .78rem; white-space: nowrap; }
.bl-arh-st:hover { color: var(--n5-akcent); }
html[data-tema="n5-blog"] .trek-clanak-naslov { font-family: var(--n5-naslov); font-weight: 700; }

/* ════════════ SALON (lifestyle) — zaglavlje ════════════ */
/* ⚠ Bilo `var(--n5-bg, #fff)`: Salon nije član n5 porodice pa se uvek uzimala rezerva
   #fff — u tamnom režimu bela traka sa svetlim logotipom, kontrast 1,14. */
html[data-tema="lifestyle"] .sl-header { background: var(--bs-body-bg); border-bottom: 1px solid var(--bs-border-color); }
html[data-tema="lifestyle"] .sl-header-red { display: flex; align-items: center; justify-content: space-between; gap: 1.4rem; padding: 1rem 0; }
html[data-tema="lifestyle"] .sl-logo { font-family: 'Playfair Display', Georgia, serif; font-size: 1.9rem; color: var(--bs-body-color); text-decoration: none; letter-spacing: .01em; }
html[data-tema="lifestyle"] .sl-logo em { color: #b0574a; }
html[data-tema="lifestyle"] .sl-nav { display: flex; gap: 1.7rem; }
html[data-tema="lifestyle"] .sl-nav a { color: var(--bs-body-color); text-decoration: none; font-size: .85rem; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }
html[data-tema="lifestyle"] .sl-nav a:hover { color: #b0574a; }

/* ════════════ KIOSK (n5-magazin) ════════════ */
html[data-tema="n5-magazin"] .ki-header { background: var(--n5-bg); border-bottom: 1px solid var(--n5-linija); }
html[data-tema="n5-magazin"] .ki-header-red { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; padding: .75rem 0; }
/* Nalepnica je bila --n5-akcent (#e2542a): belo na njoj je 4,0, a podnaslov na .85 prozirnosti 3,79. */
html[data-tema="n5-magazin"] .ki-logo { background: var(--n5-akcent-jak); color: #fff; font-weight: 800; font-size: 1.35rem; text-decoration: none; border-radius: 12px; padding: .35rem .9rem; transform: rotate(-2deg); box-shadow: 3px 3px 0 var(--n5-ink); }
html[data-tema="n5-magazin"] .ki-logo span { font-weight: 600; font-size: .62em; letter-spacing: .18em; text-transform: uppercase; margin-left: .3rem; }
html[data-tema="n5-magazin"] .ki-nav { display: flex; gap: .5rem; flex-wrap: wrap; }
html[data-tema="n5-magazin"] .ki-nav a { color: var(--n5-ink); text-decoration: none; font-weight: 700; font-size: .8rem; border: 2px solid var(--kb, var(--n5-akcent)); border-radius: 100px; padding: .25rem .75rem; transition: background .15s, color .15s; }
html[data-tema="n5-magazin"] .ki-nav a:hover { background: var(--kb, var(--n5-akcent)); color: #fff; }
.ki { font-family: var(--n5-telo); }
.ki-bento { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 150px; gap: 1rem; padding: 1.8rem 0; }
.ki-polje { position: relative; display: flex; border-radius: 18px; overflow: hidden; text-decoration: none; background: color-mix(in srgb, var(--kb) 14%, var(--n5-bg)); transition: transform .15s; }
.ki-polje:hover { transform: translateY(-3px) rotate(-.4deg); }
.ki-polje img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ki-polje-1 { grid-column: span 2; grid-row: span 2; }
.ki-polje-4 { grid-column: span 2; }
.ki-polje-1::after, .ki-polje-4::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, rgba(10,10,14,.82)); }
.ki-polje-telo { position: relative; z-index: 2; margin-top: auto; padding: 1rem; display: flex; flex-direction: column; gap: .3rem; }
.ki-rub { align-self: flex-start; background: var(--kb); color: #fff; font-size: .64rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; border-radius: 100px; padding: .2rem .6rem; }
.ki-polje-tt { font-weight: 800; font-size: 1.05rem; line-height: 1.28; color: var(--n5-ink); }
.ki-polje-1 .ki-polje-tt, .ki-polje-4 .ki-polje-tt { color: #fff; font-size: 1.25rem; }
.ki-polje-l { font-size: .8rem; color: var(--n5-tiho); line-height: 1.45; }
.ki-sek { padding: 1.8rem 0; }
.ki-sek-tt { font-weight: 800; font-size: clamp(1.4rem, 2.8vw, 2rem); margin: 0 0 1.2rem; }
.ki-polica { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; }
.ki-izdanje { position: relative; display: block; aspect-ratio: 3/4; border-radius: 12px; overflow: hidden; text-decoration: none; border-bottom: 6px solid var(--kb); }
.ki-izdanje img { width: 100%; height: 100%; object-fit: cover; }
.ki-izdanje::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(10,10,14,.8)); }
.ki-izdanje-ime { position: absolute; left: 10px; bottom: 26px; z-index: 2; color: #fff; font-weight: 800; font-size: .95rem; }
.ki-izdanje-broj { position: absolute; left: 10px; bottom: 8px; z-index: 2; color: rgba(255,255,255,.75); font-size: .7rem; }
.ki-izlog { display: flex; flex-wrap: wrap; gap: .7rem; }
.ki-nalepnica { display: inline-flex; align-items: center; gap: .5rem; background: var(--n5-povrs); border: 2px solid var(--kb); border-radius: 100px; padding: .45rem 1rem; font-weight: 700; font-size: .88rem; color: var(--n5-ink); text-decoration: none; transition: transform .15s, background .15s; max-width: 100%; }
.ki-nalepnica b { color: var(--kb); }
.ki-nalepnica:hover { transform: rotate(-1deg) translateY(-2px); background: color-mix(in srgb, var(--kb) 12%, var(--n5-bg)); color: var(--n5-ink); }
html[data-tema="n5-magazin"] .trek-clanak-naslov { font-weight: 800; }

/* ── Mobilni prelomi talasa 4 ── */
@media (max-width: 991.98px) {
	.ga-prva, .ga-rubrike, .dp-mreza, .pl-vrh, .pl-sek-mreza,
	.sg-hero, .ar-hero, .tp-hero-mreza { grid-template-columns: 1fr; }
	.ga-uvodnik, .ga-kolona, .ga-rub { padding: 0; border-right: 0; }
	.ga-kolona { padding-top: 1rem; }
	.ga-hronika { padding-left: 0; padding-top: 1rem; }
	.ga-top-red { grid-template-columns: 1fr; gap: .8rem; }
	html[data-tema="n5-novine"] .ga-logo { font-size: 1.7rem; }
	.dp-st-foto { display: none; }
	.pl-uska { border-left: 0; padding-left: 0; border-top: 1px solid var(--n5-ink); padding-top: 1rem; }
	.sg-mreza, .ar-mreza, .tp-meni, .tp-mreza { grid-template-columns: 1fr; gap: 1rem; }
	.tp-meni { gap: 1.6rem; }
	.ki-bento { grid-template-columns: 1fr 1fr; grid-auto-rows: 130px; }
	.ki-polica { grid-template-columns: repeat(3, 1fr); }
	.bl-zapis { grid-template-columns: 1fr; gap: .4rem; }
	.bl-datum { position: static; text-align: left; display: inline-block; }
	html[data-tema="n5-blog"] .bl-kontrole-fiksne { position: static; display: flex; justify-content: center; margin-bottom: .3rem; }
}

/* ══════════════════════════════════════════════════════════════════════════
   DERBI (gam-derbi) — sportski portal kladionice.

   Uzor: portali koje kladionice drže uz svoju ponudu. Ponoćna plava nosi brend,
   jantar nosi SAMO kvotu i poziv na akciju, pa oko odmah nađe broj koji se klikće.
   Sve boje idu preko promenljivih: klijentov brend se menja na jednom mestu.
   ══════════════════════════════════════════════════════════════════════════ */
html[data-tema="gam-derbi"] {
	/* ⚠ Kladioničarska paleta: energična zelena kao MaxBet/Mozzart, ne mrtva plava.
	   Zelena čita „dobitak, novac, uspeh". Svetli režim ostaje beo (pravilo teme). */
	--n5-akcent: #0b8f4d;
	--n5-akcent-jak: #097a41;
	--n5-bg: #ffffff;
	--n5-povrs: #f2f6f3;
	--n5-linija: #dce6df;
	--n5-ink: #0f1a14;
	--n5-tiho: #5a6b60;
	--n5-traka: #0c1712;
	--n5-traka-ink: #cfe0d5;
	--n5-radijus: 7px;
	--n5-naslov: "Barlow Semi Condensed", "Arial Narrow", Arial, sans-serif;
	--n5-telo: "Barlow", -apple-system, "Segoe UI", Roboto, sans-serif;
	--bs-body-bg: #ffffff;
	--bs-body-color: #0f1a14;
	--bs-secondary-bg: #f2f6f3;
	--bs-tertiary-bg: #f2f6f3;
	--bs-border-color: #dce6df;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #0f1a14;
	--bs-primary: #0b8f4d; --bs-primary-rgb: 11,143,77;
	--trek-accent: #0b8f4d;
	--trek-ink: #0f1a14;
	--trek-ink-2: #5a6b60;
	--trek-paper: #ffffff;
	--trek-hairline: #dce6df;
	/* Brend kladionice: jedna vrednost prefarba zaglavlje, kvote i podnožje. */
	--dr-brend: #0b8f4d;
	--dr-brend-ink: #ffffff;
	--dr-brend-jaka: #097a41;
	--dr-kvota: #0b8f4d;
	--dr-kvota-ink: #ffffff;
	--dr-uzivo: #e4262e;
	--dr-zelen: #0b8f4d;
	background: var(--n5-bg);
}
html[data-tema="gam-derbi"][data-bs-theme="dark"] {
	/* Traka brenda sada koristi „jaku" (tamnu) zelenu i u tamnom režimu, pa belo mastilo
	   ostaje ispravno (5,4). Ranije postavljeno tamno mastilo bilo je tamno na tamnom. */
	/* Sport je noć: dublja crna sa zelenim sjajem, kao stadion pod reflektorima. */
	--n5-bg: #080b11;
	--n5-povrs: #111823;
	--n5-linija: rgba(255,255,255,.09);
	--n5-ink: #eef3f9;
	--n5-tiho: #8b98a9;
	--n5-akcent: #2ee27a;
	--n5-akcent-jak: #3aed86;
	--n5-traka: #0a0e14;
	--n5-traka-ink: #b8c6d8;
	--bs-body-bg: #080b11;
	--bs-body-color: #eef3f9;
	--bs-secondary-bg: #111823;
	--bs-tertiary-bg: #111823;
	--bs-border-color: rgba(255,255,255,.09);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--bs-primary: #2ee27a; --bs-primary-rgb: 46,226,122;
	--trek-accent: #2ee27a;
	--trek-ink: #eef3f9;
	--trek-ink-2: #8b98a9;
	--trek-paper: #111823;
	--trek-hairline: rgba(255,255,255,.09);
	--dr-brend: #00c46a;
	/* ⚠ Bila #00a659, svetlija od osnovne: belo na traci ponude daje 3,3, a naziv lige
	   sa prozirnošću 2,98. „Jaka" varijanta mora da bude TAMNIJA i u tamnom režimu. */
	--dr-brend-jaka: #046b39;
	--dr-kvota: #00c46a;
	--dr-zelen: #2ee27a;
}

/* ── Zaglavlje ── */
/* ⚠ Bila osnovna brend zelena: belo na njoj daje 4,16 za stavke menija (ispod AA).
   „Jaka" varijanta iste zelene daje 5,4, a traka i dalje nosi boju kladionice. */
html[data-tema="gam-derbi"] .dr-bar { background: var(--dr-brend-jaka); color: var(--dr-brend-ink); }
html[data-tema="gam-derbi"] .dr-red { display: flex; align-items: center; gap: 1rem; height: 62px; }
html[data-tema="gam-derbi"] .dr-ham { background: none; border: 0; color: inherit; font-size: 1.5rem; line-height: 1; padding: .2rem .4rem; }
html[data-tema="gam-derbi"] .dr-logo { display: flex; align-items: center; gap: .45rem; color: var(--dr-brend-ink); text-decoration: none; white-space: nowrap; }
html[data-tema="gam-derbi"] .dr-logo-znak { width: 30px; height: 30px; border-radius: 50%; background: var(--dr-brend-ink); color: var(--dr-brend); display: inline-grid; place-items: center;
	font-family: var(--n5-naslov); font-weight: 800; font-size: 1.15rem; }
html[data-tema="gam-derbi"] .dr-logo-ime { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.75rem; letter-spacing: .01em; line-height: 1; }
html[data-tema="gam-derbi"] .dr-logo-sub { font-family: var(--n5-naslov); font-weight: 600; font-size: 1.75rem; line-height: 1; opacity: .72; }
html[data-tema="gam-derbi"] .dr-nav { display: flex; gap: .1rem; margin-left: .5rem; flex: 1; }
/* ⚠ Bilo `opacity: .92`: na brend zelenoj to spusti stavke menija na 4,16, ispod AA.
   Puna neprozirnost daje 4,9; naglasak na prelazu i dalje radi preko podloge. */
html[data-tema="gam-derbi"] .dr-nav a { color: var(--dr-brend-ink); text-decoration: none; font-family: var(--n5-naslov); font-weight: 700; font-size: 1rem;
	letter-spacing: .02em; padding: .5rem .7rem; border-radius: var(--n5-radijus); opacity: 1; }
html[data-tema="gam-derbi"] .dr-nav a:hover { background: rgba(0,0,0,.18); opacity: 1; }
html[data-tema="gam-derbi"] .dr-nav .dr-nav-kvote { margin-left: auto; border: 1.5px solid var(--dr-kvota); color: var(--dr-kvota); opacity: 1; }
html[data-tema="gam-derbi"] .dr-nav .dr-nav-kvote:hover { background: var(--dr-kvota); color: var(--dr-kvota-ink); }
html[data-tema="gam-derbi"] .dr-mast .thx-kontrole { color: var(--dr-brend-ink); margin-left: auto; }
html[data-tema="gam-derbi"] .dr-mast .thx-ik:hover { background: rgba(0,0,0,.18); }

/* ── Podtraka: najnovije i „uživo" ── */
html[data-tema="gam-derbi"] .dr-pod { background: var(--n5-bg); border-bottom: 1px solid var(--n5-linija); }
html[data-tema="gam-derbi"] .dr-pod-red { display: flex; align-items: center; gap: 1.1rem; height: 38px; font-size: .86rem; }
html[data-tema="gam-derbi"] .dr-pod-lab { font-family: var(--n5-naslov); font-weight: 700; font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: var(--n5-tiho); flex: none; }
html[data-tema="gam-derbi"] .dr-pod-tiker { position: relative; flex: 1; height: 22px; overflow: hidden; min-width: 0; }
html[data-tema="gam-derbi"] .dr-pod-st { position: absolute; inset: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--n5-ink);
	text-decoration: none; opacity: 0; transform: translateY(8px); transition: opacity .35s, transform .35s; }
html[data-tema="gam-derbi"] .dr-pod-tiker > .dr-pod-st:only-child, html[data-tema="gam-derbi"] .dr-pod-st.je-vidljiv { opacity: 1; transform: none; }
/* Rubrika u tikeru: --n5-akcent (#0b8f4d) na belom daje 4,16; tamniji ton daje 5,4. */
html[data-tema="gam-derbi"] .dr-pod-st b { color: var(--n5-akcent-jak); font-weight: 700; margin-right: .4rem; }
html[data-tema="gam-derbi"] .dr-pod-st:hover { color: var(--n5-akcent); }
html[data-tema="gam-derbi"] .dr-pod-desno { flex: none; font-weight: 600; }
html[data-tema="gam-derbi"] .dr-pod-desno a { color: var(--n5-ink); text-decoration: none; display: inline-flex; align-items: center; gap: .4rem; }
html[data-tema="gam-derbi"] .dr-tacka { width: 8px; height: 8px; border-radius: 50%; background: var(--dr-uzivo); box-shadow: 0 0 0 0 rgba(228,38,46,.5); animation: drPuls 1.6s infinite; }
@keyframes drPuls { 70% { box-shadow: 0 0 0 7px rgba(228,38,46,0); } 100% { box-shadow: 0 0 0 0 rgba(228,38,46,0); } }

/* ── Traka ponude: kvote uz svaku stranu ── */
html[data-tema="gam-derbi"] .dr-ponuda { background: var(--dr-brend-jaka); color: #fff; }
html[data-tema="gam-derbi"] .dr-ponuda-red { display: flex; align-items: stretch; gap: 0; }
html[data-tema="gam-derbi"] .dr-ponuda-lab { flex: none; display: flex; flex-direction: column; justify-content: center; gap: .1rem;
	padding-right: 1.1rem; margin-right: .6rem; border-right: 1px solid rgba(255,255,255,.14); }
html[data-tema="gam-derbi"] .dr-ponuda-lab b { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.1rem; letter-spacing: .03em; text-transform: uppercase; }
html[data-tema="gam-derbi"] .dr-ponuda-lab span { font-size: .7rem; opacity: .6; max-width: 15ch; line-height: 1.25; }
html[data-tema="gam-derbi"] .dr-mecevi { display: flex; gap: .4rem; overflow-x: auto; flex: 1; padding: .7rem .2rem; scrollbar-width: none; scroll-snap-type: x mandatory; }
html[data-tema="gam-derbi"] .dr-mecevi::-webkit-scrollbar { display: none; }
html[data-tema="gam-derbi"] .dr-mec { flex: none; width: 198px; scroll-snap-align: start; display: flex; flex-direction: column; gap: .35rem;
	padding: .55rem .65rem; border-radius: var(--n5-radijus); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08);
	color: #fff; text-decoration: none; transition: background .15s; }
html[data-tema="gam-derbi"] a.dr-mec:hover { background: rgba(255,255,255,.13); }
/* Bilo opacity .66: na 11 px to je ispod AA i na ispravnoj podlozi. */
html[data-tema="gam-derbi"] .dr-mec-liga { font-size: .68rem; letter-spacing: .05em; text-transform: uppercase; opacity: .85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Crvena --dr-uzivo na zelenoj piluli daje 1,19 — praktično nevidljivo. Tekst ide belo
   (5,4 na istoj podlozi), a „uživo" i dalje čita tačka koja pulsira ispred njega. */
html[data-tema="gam-derbi"] .dr-mec-liga .dr-uzivo { font-style: normal; color: #fff; font-weight: 700; opacity: 1; }
html[data-tema="gam-derbi"] .dr-mec-timovi { display: flex; flex-direction: column; font-weight: 600; font-size: .86rem; line-height: 1.2; }
html[data-tema="gam-derbi"] .dr-mec-kvote { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: .25rem; }
/* Bila rgba(255,255,255,.12): posvetli zelenu podlogu pa belo na njoj padne na 3,91.
   Tamnjenje umesto posvetljivanja daje 6,3, a pilula se i dalje vidi kao poseban element. */
html[data-tema="gam-derbi"] .dr-mec-kvote b { display: flex; flex-direction: column; align-items: center; background: rgba(0,0,0,.26); border-radius: 4px;
	padding: .2rem 0 .15rem; font-weight: 700; font-size: .88rem; font-variant-numeric: tabular-nums; line-height: 1.1; transition: background .15s, color .15s; }
html[data-tema="gam-derbi"] .dr-mec-kvote b i { font-style: normal; font-weight: 500; font-size: .62rem; opacity: .6; }
html[data-tema="gam-derbi"] a.dr-mec:hover .dr-mec-kvote b { background: var(--dr-kvota); color: var(--dr-kvota-ink); }
html[data-tema="gam-derbi"] a.dr-mec:hover .dr-mec-kvote b i { opacity: .75; }
html[data-tema="gam-derbi"] .dr-ponuda-cta { flex: none; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; gap: .4rem;
	padding-left: 1rem; margin-left: .4rem; border-left: 1px solid rgba(255,255,255,.14); }
html[data-tema="gam-derbi"] .dr-btn { display: inline-flex; align-items: center; gap: .4rem; background: var(--dr-kvota); color: var(--dr-kvota-ink);
	font-family: var(--n5-naslov); font-weight: 800; font-size: .95rem; letter-spacing: .02em; padding: .5rem 1rem; border-radius: var(--n5-radijus);
	text-decoration: none; white-space: nowrap; }
html[data-tema="gam-derbi"] .dr-btn:hover { background: #fff; color: var(--dr-brend-jaka); }
html[data-tema="gam-derbi"] .dr-18 { font-family: var(--n5-naslov); font-weight: 800; font-size: .72rem; border: 1.5px solid currentColor; border-radius: 50%;
	width: 28px; height: 28px; display: inline-grid; place-items: center; flex: none; opacity: .8; }

/* ── Naslovna ── */
html[data-tema="gam-derbi"] .dr { font-family: var(--n5-telo); }
html[data-tema="gam-derbi"] .dr-sportovi { display: flex; gap: .2rem; overflow-x: auto; scrollbar-width: none; border-bottom: 2px solid var(--n5-linija); margin-top: 1.1rem; }
html[data-tema="gam-derbi"] .dr-sportovi::-webkit-scrollbar { display: none; }
html[data-tema="gam-derbi"] .dr-sportovi a { font-family: var(--n5-naslov); font-weight: 700; font-size: 1.02rem; letter-spacing: .03em; text-transform: uppercase;
	padding: .55rem .85rem; margin-bottom: -2px; border-bottom: 3px solid transparent; color: var(--n5-tiho); text-decoration: none; white-space: nowrap; }
html[data-tema="gam-derbi"] .dr-sportovi a:hover { color: var(--n5-ink); }
html[data-tema="gam-derbi"] .dr-sportovi a.je-aktivan { color: var(--n5-ink); border-color: var(--dr-kvota); }

html[data-tema="gam-derbi"] .dr-pilula { display: inline-block; background: var(--dr-brend); color: var(--dr-brend-ink); font-family: var(--n5-naslov);
	font-weight: 700; font-size: .74rem; letter-spacing: .06em; text-transform: uppercase; padding: .2rem .55rem; border-radius: 3px; }
html[data-tema="gam-derbi"] .dr-rub { color: var(--n5-akcent); font-family: var(--n5-naslov); font-weight: 700; font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; }
html[data-tema="gam-derbi"] .dr-meta { color: var(--n5-tiho); font-size: .8rem; }
html[data-tema="gam-derbi"] .dr-sve { font-family: var(--n5-telo); font-weight: 600; font-size: .84rem; letter-spacing: 0; text-transform: none; color: var(--n5-akcent); text-decoration: none; white-space: nowrap; }

html[data-tema="gam-derbi"] .dr-hero { display: grid; grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr); gap: 1.6rem; margin-top: 1.4rem; }
html[data-tema="gam-derbi"] .dr-glavna { position: relative; display: block; border-radius: var(--n5-radijus); overflow: hidden; aspect-ratio: 16/9.6;
	background: var(--n5-povrs); text-decoration: none; }
html[data-tema="gam-derbi"] .dr-glavna-foto { position: absolute; inset: 0; display: block; }
html[data-tema="gam-derbi"] .dr-glavna-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
html[data-tema="gam-derbi"] .dr-glavna:hover .dr-glavna-foto img { transform: scale(1.03); }
html[data-tema="gam-derbi"] .dr-glavna-txt { position: absolute; inset: auto 0 0 0; padding: 2.4rem 1.5rem 1.3rem; display: flex; flex-direction: column;
	align-items: flex-start; gap: .55rem; background: linear-gradient(180deg, rgba(0,0,0,0) 0, rgba(0,0,0,.74) 62%, rgba(0,0,0,.84) 100%); }
/* ⚠ Naslov na tamnoj podlozi mora izričito da uzme belu: Bootstrap ga inače vuče
   na --bs-heading-color, pa u svetlom režimu ispadne taman na tamnoj fotografiji. */
html[data-tema="gam-derbi"] .dr-glavna-tt { color: #fff; font-family: var(--n5-naslov); font-weight: 800; font-size: clamp(1.5rem, 3vw, 2.4rem);
	line-height: 1.08; margin: 0; max-width: 22ch; text-wrap: balance; }
html[data-tema="gam-derbi"] .dr-glavna:hover .dr-glavna-tt { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
html[data-tema="gam-derbi"] .dr-glavna-txt .dr-meta { color: rgba(255,255,255,.8); }

html[data-tema="gam-derbi"] .dr-lista { display: flex; flex-direction: column; }
html[data-tema="gam-derbi"] .dr-sek-n { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.2rem; text-transform: uppercase; letter-spacing: .04em;
	color: var(--n5-ink); padding-bottom: .5rem; margin: 0 0 .2rem; border-bottom: 2px solid var(--n5-ink); display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
html[data-tema="gam-derbi"] .dr-st { display: grid; grid-template-columns: 104px 1fr; gap: .8rem; padding: .7rem 0; border-bottom: 1px solid var(--n5-linija);
	align-items: start; text-decoration: none; }
html[data-tema="gam-derbi"] .dr-st:last-child { border-bottom: 0; }
html[data-tema="gam-derbi"] .dr-st-foto { display: block; aspect-ratio: 3/2; border-radius: 4px; overflow: hidden; background: var(--n5-povrs); }
html[data-tema="gam-derbi"] .dr-st-foto img { width: 100%; height: 100%; object-fit: cover; }
html[data-tema="gam-derbi"] .dr-st-t { display: flex; flex-direction: column; gap: .2rem; min-width: 0; }
html[data-tema="gam-derbi"] .dr-st-red1 { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem; }
html[data-tema="gam-derbi"] .dr-st-n { font-family: var(--n5-naslov); font-weight: 700; font-size: 1.02rem; line-height: 1.16; color: var(--n5-ink); }
html[data-tema="gam-derbi"] .dr-st:hover .dr-st-n { color: var(--n5-akcent); }

html[data-tema="gam-derbi"] .dr-sek { margin-top: 2.4rem; }
/* ⚠⚠ Naslov sekcije je <header>, a style.css ima GOLO pravilo `header { position: relative;
   z-index: 1020; background: var(--bs-body-bg) }` (za zaglavlje sajta). Bez ovog poništavanja
   svaki naslov rubrike dobija z-index zaglavlja i svoju pozadinu, pa pri skrolovanju PRELAZI
   PREKO lepljive trake ponude. Ovde se vraća na normalan tok. */
html[data-tema="gam-derbi"] .dr-sek-head { position: static; z-index: auto; background: transparent;
	display: flex; align-items: baseline; gap: 1.2rem; padding-bottom: .5rem; border-bottom: 2px solid var(--n5-ink); margin-bottom: 1rem; }
html[data-tema="gam-derbi"] .dr-sek-tt { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.5rem; text-transform: uppercase; letter-spacing: .03em; margin: 0; color: inherit; }
html[data-tema="gam-derbi"] .dr-sek-tt::before { content: ""; display: inline-block; width: .5em; height: .5em; background: var(--dr-kvota);
	margin-right: .45rem; transform: translateY(-.1em) skewX(-14deg); }
html[data-tema="gam-derbi"] .dr-sek-head .dr-sve { margin-left: auto; }
html[data-tema="gam-derbi"] .dr-mreza4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.2rem; }
html[data-tema="gam-derbi"] .dr-kart { display: flex; flex-direction: column; gap: .45rem; text-decoration: none; }
html[data-tema="gam-derbi"] .dr-kart-foto { position: relative; display: block; aspect-ratio: 16/9; border-radius: var(--n5-radijus); overflow: hidden; background: var(--n5-povrs); }
html[data-tema="gam-derbi"] .dr-kart-foto img { width: 100%; height: 100%; object-fit: cover; }
html[data-tema="gam-derbi"] .dr-kart-foto .dr-pilula { position: absolute; left: .6rem; top: .6rem; }
html[data-tema="gam-derbi"] .dr-kart-tt { font-family: var(--n5-naslov); font-weight: 700; font-size: 1.12rem; line-height: 1.18; margin: 0; color: var(--n5-ink); }
html[data-tema="gam-derbi"] .dr-kart:hover .dr-kart-tt { color: var(--n5-akcent); }
html[data-tema="gam-derbi"] .dr-kart-l { margin: 0; color: var(--n5-tiho); font-size: .92rem; line-height: 1.5; max-width: 58ch; }
html[data-tema="gam-derbi"] .dr-par { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 1.4rem; }
html[data-tema="gam-derbi"] .dr-kart-velika .dr-kart-foto { aspect-ratio: 16/9.5; }
html[data-tema="gam-derbi"] .dr-kart-velika .dr-kart-tt { font-size: 1.55rem; font-weight: 800; }

/* ── Sredina: rezultati, najčitanije, tiket ── */
html[data-tema="gam-derbi"] .dr-sredina { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .9fr) minmax(0, .95fr); gap: 1.4rem; margin-top: 2.4rem; align-items: start; }
html[data-tema="gam-derbi"] .dr-kutija { background: var(--n5-povrs); border-radius: var(--n5-radijus); padding: 1rem 1.1rem 1.1rem; }
html[data-tema="gam-derbi"] .dr-kutija .dr-sek-n { font-size: 1.08rem; border-bottom-color: var(--n5-linija); }
html[data-tema="gam-derbi"] .dr-rez-grupa { font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: var(--n5-tiho); font-weight: 700; padding: .8rem 0 .3rem; }
html[data-tema="gam-derbi"] .dr-rez { display: grid; grid-template-columns: 62px 1fr auto auto; align-items: center; gap: .7rem; padding: .5rem 0;
	border-bottom: 1px solid var(--n5-linija); font-size: .9rem; }
html[data-tema="gam-derbi"] .dr-rez:last-of-type { border-bottom: 0; }
html[data-tema="gam-derbi"] .dr-rez-st { font-family: var(--n5-naslov); font-weight: 700; font-size: .8rem; color: var(--n5-tiho); font-variant-numeric: tabular-nums; }
html[data-tema="gam-derbi"] .dr-rez-st.je-uzivo { color: var(--dr-uzivo); display: inline-flex; align-items: center; gap: .3rem; }
html[data-tema="gam-derbi"] .dr-rez-st.je-uzivo .dr-tacka { width: 6px; height: 6px; animation: none; box-shadow: none; }
html[data-tema="gam-derbi"] .dr-rez-tim { display: flex; flex-direction: column; line-height: 1.2; font-weight: 500; min-width: 0; }
html[data-tema="gam-derbi"] .dr-rez-gol { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.1rem; font-variant-numeric: tabular-nums;
	display: flex; flex-direction: column; align-items: center; line-height: 1.15; color: var(--n5-ink); }
html[data-tema="gam-derbi"] .dr-rez-gol.je-pred { color: var(--n5-tiho); font-weight: 600; font-size: .9rem; }
html[data-tema="gam-derbi"] .dr-rez-kv { display: flex; gap: .25rem; }
html[data-tema="gam-derbi"] .dr-rez-kv b { background: var(--n5-bg); border: 1px solid var(--n5-linija); border-radius: 4px; font-size: .78rem; font-weight: 700;
	padding: .25rem .4rem; min-width: 44px; text-align: center; font-variant-numeric: tabular-nums; }
html[data-tema="gam-derbi"] .dr-sitno { font-size: .72rem; color: var(--n5-tiho); margin: .8rem 0 0; }

html[data-tema="gam-derbi"] .dr-rang { display: flex; flex-direction: column; }
html[data-tema="gam-derbi"] .dr-rang a { display: grid; grid-template-columns: 34px 1fr; gap: .7rem; padding: .65rem 0; border-bottom: 1px solid var(--n5-linija);
	align-items: start; text-decoration: none; }
html[data-tema="gam-derbi"] .dr-rang a:last-child { border-bottom: 0; }
html[data-tema="gam-derbi"] .dr-rang-br { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.7rem; line-height: 1; color: var(--n5-akcent); font-variant-numeric: tabular-nums; }
html[data-tema="gam-derbi"] .dr-rang-n { display: block; font-family: var(--n5-naslov); font-weight: 700; font-size: 1.02rem; line-height: 1.16; color: var(--n5-ink); }
html[data-tema="gam-derbi"] .dr-rang a:hover .dr-rang-n { color: var(--n5-akcent); }

html[data-tema="gam-derbi"] .dr-tiket { background: var(--n5-bg); border: 1px solid var(--n5-linija); border-radius: var(--n5-radijus); overflow: hidden; }
html[data-tema="gam-derbi"] .dr-tiket-vrh { background: var(--dr-brend); color: var(--dr-brend-ink); padding: .7rem 1rem; display: flex; justify-content: space-between; align-items: center; gap: .6rem; }
html[data-tema="gam-derbi"] .dr-tiket-vrh b { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.1rem; letter-spacing: .04em; text-transform: uppercase; }
html[data-tema="gam-derbi"] .dr-tiket-vrh span { font-size: .74rem; opacity: .85; }
html[data-tema="gam-derbi"] .dr-tiket-telo { padding: .3rem 1rem .9rem; }
html[data-tema="gam-derbi"] .dr-tip { display: grid; grid-template-columns: 1fr auto; gap: .6rem; align-items: center; padding: .6rem 0; border-bottom: 1px dashed var(--n5-linija); }
html[data-tema="gam-derbi"] .dr-tip small { display: block; color: var(--n5-tiho); font-size: .72rem; }
html[data-tema="gam-derbi"] .dr-tip-n { display: block; font-weight: 600; font-size: .9rem; color: var(--n5-ink); }
html[data-tema="gam-derbi"] .dr-tip-pik { display: block; font-size: .78rem; color: var(--n5-tiho); }
html[data-tema="gam-derbi"] .dr-tip-pik b { color: var(--n5-ink); }
html[data-tema="gam-derbi"] .dr-tip-kv { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.05rem; background: var(--n5-povrs); padding: .3rem .55rem;
	border-radius: 4px; font-variant-numeric: tabular-nums; color: var(--n5-ink); }
html[data-tema="gam-derbi"] .dr-tiket-zbir { display: flex; justify-content: space-between; align-items: center; padding: .8rem 0 .6rem; font-size: .86rem; color: var(--n5-tiho); }
html[data-tema="gam-derbi"] .dr-tiket-zbir b { font-family: var(--n5-naslov); font-size: 1.4rem; color: var(--n5-ink); font-variant-numeric: tabular-nums; }
html[data-tema="gam-derbi"] .dr-btn-pun { display: flex; justify-content: center; width: 100%; }
html[data-tema="gam-derbi"] .dr-tiket-dno { border-top: 1px solid var(--n5-linija); padding: .55rem 1rem; font-size: .68rem; color: var(--n5-tiho); line-height: 1.35; }

/* ── Tamna traka (serijali) ──
   Naslovi uzimaju boju izričito, jer bi inače nasledili tamno mastilo teme. */
html[data-tema="gam-derbi"] .dr-tamna { background: var(--dr-brend-jaka); color: #fff; margin-top: 2.6rem; padding: 1.9rem 0 2.1rem; }
html[data-tema="gam-derbi"] .dr-tamna .dr-sek-head { border-color: rgba(255,255,255,.22); }
html[data-tema="gam-derbi"] .dr-tamna .dr-sek-tt, html[data-tema="gam-derbi"] .dr-tamna .dr-kart-tt { color: #fff; }
html[data-tema="gam-derbi"] .dr-tamna .dr-kart:hover .dr-kart-tt { color: var(--dr-kvota); }
html[data-tema="gam-derbi"] .dr-tamna .dr-sve { color: rgba(255,255,255,.8); }
html[data-tema="gam-derbi"] .dr-tamna .dr-pilula { background: var(--dr-kvota); color: var(--dr-kvota-ink); }

html[data-tema="gam-derbi"] .dr-odgovorno { display: flex; align-items: center; gap: .7rem; flex-wrap: wrap; margin-top: 2rem; padding-top: 1rem;
	border-top: 1px solid var(--n5-linija); font-size: .8rem; color: var(--n5-tiho); }
html[data-tema="gam-derbi"] .dr-odgovorno .dr-18 { color: var(--n5-ink); opacity: 1; }
html[data-tema="gam-derbi"] .dr-odgovorno b { color: var(--n5-ink); }

/* ── Članak i rubrika: isti karakter i van naslovne ── */
html[data-tema="gam-derbi"] .trek-clanak-naslov { font-family: var(--n5-naslov); font-weight: 800; letter-spacing: -.01em; }
html[data-tema="gam-derbi"] .trek-lead { border-left: 3px solid var(--dr-kvota); padding-left: 1rem; }
html[data-tema="gam-derbi"] .trek-kicker { color: var(--n5-akcent); }

/* ── Mobilni prikaz ── */
@media (max-width: 991.98px) {
	html[data-tema="gam-derbi"] .dr-hero { grid-template-columns: 1fr; }
	html[data-tema="gam-derbi"] .dr-glavna { aspect-ratio: 4/3.2; }
	html[data-tema="gam-derbi"] .dr-sredina { grid-template-columns: 1fr; }
	html[data-tema="gam-derbi"] .dr-par { grid-template-columns: 1fr; }
	html[data-tema="gam-derbi"] .dr-mreza4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
}
@media (max-width: 767.98px) {
	html[data-tema="gam-derbi"] .dr-red { height: 56px; gap: .5rem; }
	html[data-tema="gam-derbi"] .dr-logo-ime, html[data-tema="gam-derbi"] .dr-logo-sub { font-size: 1.4rem; }
	html[data-tema="gam-derbi"] .dr-ponuda-red { flex-wrap: wrap; }
	html[data-tema="gam-derbi"] .dr-ponuda-lab { display: none; }
	html[data-tema="gam-derbi"] .dr-mecevi { flex: 0 0 100%; width: 100%; padding: .6rem 0 .3rem; }
	html[data-tema="gam-derbi"] .dr-mec { width: 172px; }
	html[data-tema="gam-derbi"] .dr-ponuda-cta { flex: 0 0 100%; flex-direction: row; justify-content: space-between; align-items: center;
		border-left: 0; padding: 0 0 .7rem; margin: 0; }
	html[data-tema="gam-derbi"] .dr-mreza4 { grid-template-columns: 1fr; }
	html[data-tema="gam-derbi"] .dr-st { grid-template-columns: 92px 1fr; }
	html[data-tema="gam-derbi"] .dr-rez { grid-template-columns: 54px 1fr auto; }
	html[data-tema="gam-derbi"] .dr-rez-kv { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	html[data-tema="gam-derbi"] .dr-tacka { animation: none; }
	html[data-tema="gam-derbi"] .dr-glavna-foto img, html[data-tema="gam-derbi"] .dr-pod-st { transition: none; }
}

/* ⚠ Sekcije sajta nose globalni razmak iz trek.css; traka ponude je deo zaglavlja
   i mora da bude zbijena, pa razmak izričito pada na nulu. */
html[data-tema="gam-derbi"] .dr-ponuda { padding: 0; margin: 0; }
@media (max-width: 767.98px) {
	/* Bez povezane kladionice ostaje samo oznaka 18+, pa nema razloga da uzme ceo red. */
	html[data-tema="gam-derbi"] .dr-ponuda-cta.je-bez-dugmeta { flex: none; padding: 0 0 0 .8rem; }
}
html[data-tema="gam-derbi"] .dr-odgovorno .dr-18 { position: relative; overflow: hidden; }
/* Propis traži precrtanu osamnaesticu kao znak, ne tekst „18+“. */
html[data-tema="gam-derbi"] .dr-odgovorno .dr-18::after { content: ""; position: absolute; inset: auto 0 50% 0; height: 2px; background: currentColor; transform: rotate(-45deg); transform-origin: center; }
html[data-tema="gam-derbi"] .dr-odgovorno > span:last-child { display: block; }
html[data-tema="gam-derbi"] .dr-odgovorno b { display: block; color: var(--n5-ink); }
html[data-tema="gam-derbi"] .dr-upoz-pomoc { display: block; margin-top: .2rem; }
html[data-tema="gam-derbi"] .dr-upoz-kratko { display: block; margin-top: .3rem; }

/* ── Trpeza: recept je kičma ove teme, pa dobija njen karakter ──
   Topla podloga trake i kupola-oblik iz naslovne, brojke krupnije, koraci sa
   numerisanim medaljonima u boji teme. */
html[data-tema="n5-hrana"] .trek-prose .trek-recept {
	border: 0; border-radius: 18px; background: var(--n5-povrs);
	box-shadow: 0 14px 34px rgba(0,0,0,.07);
}
html[data-tema="n5-hrana"] .trek-prose .trek-recept-oznaka { color: var(--n5-akcent); }
html[data-tema="n5-hrana"] .trek-prose .trek-recept-naziv { font-family: var(--n5-naslov); font-size: 1.6rem; }
html[data-tema="n5-hrana"] .trek-prose .trek-recept-brojke b { font-family: var(--n5-naslov); font-size: 1.25rem; }
html[data-tema="n5-hrana"] .trek-prose .trek-recept-brojke { border-bottom-color: var(--n5-linija); }
html[data-tema="n5-hrana"] .trek-prose .trek-recept-koraci label::before { background: var(--n5-akcent); }
html[data-tema="n5-hrana"] .trek-prose .trek-recept-porcije button:hover,
html[data-tema="n5-hrana"] .trek-prose .trek-recept-alat button:hover { border-color: var(--n5-akcent); color: var(--n5-akcent); }
html[data-tema="n5-hrana"] .trek-prose .trek-recept-budan[aria-pressed="true"] { background: var(--n5-akcent); border-color: var(--n5-akcent); }

/* ── Podijum: „izgled" nosi karakter revije (visoki serif, maslinasti akcenat) ── */
html[data-tema="moda-podijum"] .trek-prose .trek-izgled { border-radius: 0; border: 0; border-top: 2px solid var(--n5-ink); border-bottom: 2px solid var(--n5-ink); background: transparent; padding-inline: 0; }
html[data-tema="moda-podijum"] .trek-prose .trek-izgled-naziv { font-family: var(--n5-naslov); font-size: 1.7rem; }
html[data-tema="moda-podijum"] .trek-prose .trek-izgled-oznaka { color: var(--n5-akcent); }
html[data-tema="moda-podijum"] .trek-prose .trek-izgled-cena { font-family: var(--n5-naslov); }

/* ── Meridijan: „vodič" kao putna beleška, u boji teme ── */
html[data-tema="travel"] .trek-prose .trek-vodic { border-radius: 16px; border: 0; background: var(--n5-povrs, var(--bs-secondary-bg)); }
html[data-tema="travel"] .trek-prose .trek-vodic-naziv { font-family: var(--n5-naslov, inherit); font-size: 1.6rem; }
html[data-tema="travel"] .trek-prose .trek-vodic-oznaka,
html[data-tema="travel"] .trek-prose .trek-vodic-savet { border-color: var(--trek-accent); }

/* ── Derbi: „danas na programu", odbrojavanje i najveće kvote ──
   Prva sekcija na strani, iznad heroa: sportski portal prvo odgovara na pitanje
   „šta ima večeras", pa tek onda nudi tekstove. */
html[data-tema="gam-derbi"] .dr-danas { margin-top: 1.2rem; }
html[data-tema="gam-derbi"] .dr-danas-vrh { display: flex; align-items: baseline; gap: 1rem; flex-wrap: wrap; margin-bottom: .7rem; }
html[data-tema="gam-derbi"] .dr-danas-tt { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.2rem; text-transform: uppercase; letter-spacing: .04em; margin: 0; color: var(--n5-ink); }
html[data-tema="gam-derbi"] .dr-odbroj { display: inline-flex; align-items: center; gap: .45rem; font-size: .84rem; color: var(--n5-tiho); }
html[data-tema="gam-derbi"] .dr-odbroj b { color: var(--n5-ink); font-weight: 600; }
html[data-tema="gam-derbi"] .dr-odbroj-sat { font-variant-numeric: tabular-nums; color: var(--dr-uzivo); font-weight: 700; }
html[data-tema="gam-derbi"] .dr-danas-red { display: flex; gap: .5rem; overflow-x: auto; padding-bottom: .4rem; scrollbar-width: none; scroll-snap-type: x mandatory; }
html[data-tema="gam-derbi"] .dr-danas-red::-webkit-scrollbar { display: none; }
html[data-tema="gam-derbi"] .dr-danas-mec { flex: none; width: 208px; scroll-snap-align: start; display: flex; flex-direction: column; gap: .28rem;
	padding: .6rem .7rem; border: 1px solid var(--n5-linija); border-radius: var(--n5-radijus); background: var(--n5-bg); text-decoration: none; transition: border-color .15s, transform .15s; }
html[data-tema="gam-derbi"] a.dr-danas-mec:hover { border-color: var(--dr-kvota); transform: translateY(-2px); }
html[data-tema="gam-derbi"] .dr-danas-sat { font-family: var(--n5-naslov); font-weight: 800; font-size: .95rem; color: var(--n5-ink); font-variant-numeric: tabular-nums; }
html[data-tema="gam-derbi"] .dr-danas-liga { font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; color: var(--n5-tiho); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-tema="gam-derbi"] .dr-danas-timovi { font-weight: 600; font-size: .88rem; line-height: 1.25; color: var(--n5-ink); }
html[data-tema="gam-derbi"] .dr-danas-timovi i { font-style: normal; color: var(--n5-tiho); }
html[data-tema="gam-derbi"] .dr-danas-kvote { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: .22rem; margin-top: .15rem; }
html[data-tema="gam-derbi"] .dr-danas-kvote b { display: flex; flex-direction: column; align-items: center; background: var(--n5-povrs); border-radius: 4px;
	padding: .18rem 0 .12rem; font-weight: 700; font-size: .82rem; font-variant-numeric: tabular-nums; color: var(--n5-ink); }
html[data-tema="gam-derbi"] .dr-danas-kvote b i { font-style: normal; font-weight: 500; font-size: .6rem; color: var(--n5-tiho); }
html[data-tema="gam-derbi"] a.dr-danas-mec:hover .dr-danas-kvote b { background: var(--dr-kvota); color: var(--dr-kvota-ink); }
html[data-tema="gam-derbi"] a.dr-danas-mec:hover .dr-danas-kvote b i { color: var(--dr-kvota-ink); opacity: .75; }

html[data-tema="gam-derbi"] .dr-kvote-red { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: .8rem; }
html[data-tema="gam-derbi"] .dr-kvota-kart { display: flex; flex-direction: column; gap: .3rem; padding: .8rem .9rem; border-radius: var(--n5-radijus);
	background: var(--n5-povrs); border-left: 3px solid var(--dr-kvota); }
html[data-tema="gam-derbi"] .dr-kvota-timovi { font-weight: 600; font-size: .92rem; line-height: 1.25; color: var(--n5-ink); }
html[data-tema="gam-derbi"] .dr-kvota-broj { display: flex; align-items: baseline; gap: .35rem; margin-top: .1rem; }
html[data-tema="gam-derbi"] .dr-kvota-broj b { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.6rem; line-height: 1; color: var(--n5-ink); font-variant-numeric: tabular-nums; }
html[data-tema="gam-derbi"] .dr-kvota-broj i { font-style: normal; font-size: .78rem; font-weight: 700; color: var(--n5-tiho); }
@media (max-width: 767.98px) {
	html[data-tema="gam-derbi"] .dr-danas-mec { width: 178px; }
	html[data-tema="gam-derbi"] .dr-odbroj { font-size: .78rem; }
}

/* ── Derbi: kategorije sportova kao vizuelne kartice ── */
html[data-tema="gam-derbi"] .dr-katg { display: grid; grid-template-columns: repeat(6, 1fr); gap: .7rem; margin-top: 1.2rem; }
html[data-tema="gam-derbi"] .dr-kat { position: relative; border-radius: var(--n5-radijus); overflow: hidden; aspect-ratio: 4/3.3;
	display: flex; flex-direction: column; justify-content: flex-end; isolation: isolate; text-decoration: none; }
html[data-tema="gam-derbi"] .dr-kat img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .35s; }
html[data-tema="gam-derbi"] .dr-kat::after { content: ""; position: absolute; inset: 0; z-index: -1;
	background: linear-gradient(160deg, color-mix(in srgb, var(--kat-boja) 60%, transparent) 0, rgba(8,11,17,.35) 45%, rgba(8,11,17,.94) 100%); }
html[data-tema="gam-derbi"][data-bs-theme="dark"] .dr-kat::after,
html:not([data-bs-theme="dark"])[data-tema="gam-derbi"] .dr-kat::after { }
html[data-tema="gam-derbi"] .dr-kat:hover img { transform: scale(1.06); }
html[data-tema="gam-derbi"] .dr-kat-telo { position: relative; padding: .6rem .7rem; }
html[data-tema="gam-derbi"] .dr-kat-ik { display: inline-flex; font-size: 1.3rem; color: #fff; margin-bottom: .2rem; }
html[data-tema="gam-derbi"] .dr-kat-ime { display: block; font-family: var(--n5-naslov); font-weight: 800; font-size: 1.05rem;
	text-transform: uppercase; letter-spacing: .02em; color: #fff; line-height: 1; }
html[data-tema="gam-derbi"] .dr-kat-broj { display: block; font-size: .68rem; color: rgba(255,255,255,.75); margin-top: .15rem; }
@media (max-width: 991.98px) { html[data-tema="gam-derbi"] .dr-katg { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 575.98px) { html[data-tema="gam-derbi"] .dr-katg { grid-template-columns: repeat(2, 1fr); } }

/* ── Derbi: priče (sportski momenti) ── */
html[data-tema="gam-derbi"] .dr-price { margin-top: 1.2rem; }
html[data-tema="gam-derbi"] .dr-price-traka { display: flex; gap: .8rem; overflow-x: auto; padding: .2rem .1rem .4rem; scrollbar-width: none; }
html[data-tema="gam-derbi"] .dr-price-traka::-webkit-scrollbar { display: none; }
html[data-tema="gam-derbi"] .dr-prica { flex: none; width: 74px; text-align: center; text-decoration: none; }
html[data-tema="gam-derbi"] .dr-prica-krug { display: block; width: 74px; height: 74px; border-radius: 50%; padding: 3px; position: relative;
	background: conic-gradient(from 210deg, var(--dr-brend), var(--n5-akcent), var(--dr-brend)); }
html[data-tema="gam-derbi"] .dr-prica-krug img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 2px solid var(--n5-bg); }
html[data-tema="gam-derbi"] .dr-prica-uz { position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); background: var(--dr-uzivo); color: #fff;
	font-family: var(--n5-naslov); font-weight: 800; font-size: .56rem; letter-spacing: .05em; padding: .05rem .3rem; border-radius: 100px; border: 1.5px solid var(--n5-bg); }
html[data-tema="gam-derbi"] .dr-prica-ime { display: block; font-size: .7rem; color: var(--n5-tiho); margin-top: .35rem; line-height: 1.15;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-tema="gam-derbi"] .dr-prica:hover .dr-prica-ime { color: var(--n5-ink); }

/* ── Derbi: istaknut „meč dana" ── */
html[data-tema="gam-derbi"] .dr-mecdana { margin-top: 1.4rem; background: linear-gradient(135deg, color-mix(in srgb, var(--dr-brend) 16%, var(--n5-povrs)) 0, var(--n5-povrs) 55%);
	border: 1px solid color-mix(in srgb, var(--dr-brend) 32%, var(--n5-linija)); border-radius: var(--n5-radijus); overflow: hidden; }
html[data-tema="gam-derbi"] .dr-mecdana-glava { display: flex; align-items: center; gap: .8rem; padding: .6rem 1.1rem; border-bottom: 1px solid var(--n5-linija); }
html[data-tema="gam-derbi"] .dr-mecdana-oz { display: inline-flex; align-items: center; gap: .4rem; font-family: var(--n5-naslov); font-weight: 800; font-size: .78rem;
	letter-spacing: .08em; text-transform: uppercase; color: var(--dr-brend); }
html[data-tema="gam-derbi"] .dr-mecdana-liga { font-size: .74rem; color: var(--n5-tiho); text-transform: uppercase; letter-spacing: .05em; }
html[data-tema="gam-derbi"] .dr-mecdana-telo { display: grid; grid-template-columns: 1.4fr auto 1.4fr; gap: 1rem 1.6rem; align-items: center; padding: 1.1rem 1.3rem; }
html[data-tema="gam-derbi"] .dr-mecdana-timovi { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; }
html[data-tema="gam-derbi"] .dr-mecdana-tim { display: flex; align-items: center; gap: .7rem; font-family: var(--n5-naslov); font-weight: 800; font-size: clamp(1.2rem, 2.6vw, 1.9rem); }
html[data-tema="gam-derbi"] .dr-mecdana-tim--d { justify-content: flex-end; text-align: right; }
html[data-tema="gam-derbi"] .dr-grb { flex: none; width: 40px; height: 40px; border-radius: 9px; display: grid; place-items: center;
	font-family: var(--n5-naslov); font-weight: 800; font-size: .95rem; color: #fff; letter-spacing: -.02em;
	background: color-mix(in srgb, var(--dr-brend) 70%, #000); box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.15); }
html[data-tema="gam-derbi"] .dr-mecdana-vs { font-family: var(--n5-naslov); font-weight: 700; color: var(--n5-tiho); font-size: 1rem; }
html[data-tema="gam-derbi"] .dr-mecdana-uz { color: var(--dr-uzivo); font-weight: 800; font-variant-numeric: tabular-nums; }
html[data-tema="gam-derbi"] .dr-mecdana-kada { grid-column: 1 / -1; text-align: center; font-size: .84rem; color: var(--n5-tiho); display: flex; align-items: center; justify-content: center; gap: .4rem; }
html[data-tema="gam-derbi"] .dr-mecdana-kada .dr-odbroj-sat { color: var(--dr-uzivo); font-weight: 700; font-variant-numeric: tabular-nums; }
html[data-tema="gam-derbi"] .dr-mecdana-kvote { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr) auto; gap: .5rem; }
html[data-tema="gam-derbi"] .dr-mecdana-kv { display: flex; flex-direction: column; align-items: center; gap: .1rem; padding: .6rem .3rem; border-radius: var(--n5-radijus);
	background: var(--n5-bg); border: 1px solid var(--n5-linija); text-decoration: none; transition: background .15s, border-color .15s; }
html[data-tema="gam-derbi"] .dr-mecdana-kv i { font-style: normal; font-size: .7rem; font-weight: 700; color: var(--n5-tiho); }
html[data-tema="gam-derbi"] .dr-mecdana-kv b { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.4rem; line-height: 1; color: var(--n5-ink); font-variant-numeric: tabular-nums; }
html[data-tema="gam-derbi"] .dr-mecdana-kv:hover { background: var(--dr-brend); border-color: var(--dr-brend); }
html[data-tema="gam-derbi"] .dr-mecdana-kv:hover i, html[data-tema="gam-derbi"] .dr-mecdana-kv:hover b { color: var(--dr-brend-ink); }
html[data-tema="gam-derbi"] .dr-mecdana-vise { display: flex; align-items: center; justify-content: center; gap: .4rem; padding: 0 1.1rem; background: var(--dr-brend); color: var(--dr-brend-ink);
	font-family: var(--n5-naslov); font-weight: 800; font-size: .86rem; text-transform: uppercase; letter-spacing: .02em; border-radius: var(--n5-radijus); text-decoration: none; white-space: nowrap; }
html[data-tema="gam-derbi"] .dr-mecdana-vise:hover { background: var(--dr-brend-jaka); }
@media (max-width: 575.98px) {
	html[data-tema="gam-derbi"] .dr-mecdana-tim { font-size: 1.1rem; gap: .4rem; }
	html[data-tema="gam-derbi"] .dr-grb { width: 32px; height: 32px; font-size: .8rem; }
	html[data-tema="gam-derbi"] .dr-mecdana-kvote { grid-template-columns: repeat(3, 1fr); }
	html[data-tema="gam-derbi"] .dr-mecdana-vise { grid-column: 1 / -1; padding: .5rem; }
}

/* ── Derbi: anketa „ko pobeđuje" (lokalno glasanje) ── */
html[data-tema="gam-derbi"] .dr-anketa { grid-column: 1 / -1; margin-top: .3rem; padding-top: 1rem; border-top: 1px solid var(--n5-linija); }
html[data-tema="gam-derbi"] .dr-anketa-pit { font-family: var(--n5-naslov); font-weight: 700; font-size: .95rem; margin-bottom: .6rem; display: flex; align-items: baseline; gap: .5rem; }
html[data-tema="gam-derbi"] .dr-anketa-glasova { font-family: var(--n5-telo); font-weight: 400; font-size: .74rem; color: var(--n5-tiho); }
html[data-tema="gam-derbi"] .dr-anketa-opcije { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; }
html[data-tema="gam-derbi"] .dr-anketa-o { position: relative; display: flex; align-items: center; justify-content: space-between; gap: .5rem;
	padding: .55rem .7rem; border-radius: var(--n5-radijus); border: 1px solid var(--n5-linija); background: var(--n5-bg); overflow: hidden;
	font-weight: 600; font-size: .86rem; color: var(--n5-ink); cursor: pointer; text-align: left; }
html[data-tema="gam-derbi"] .dr-anketa-o:hover { border-color: var(--dr-brend); }
html[data-tema="gam-derbi"] .dr-anketa-puna { position: absolute; inset: 0 auto 0 0; width: 0; background: color-mix(in srgb, var(--dr-brend) 20%, transparent); z-index: 0; transition: width .5s; }
html[data-tema="gam-derbi"] .dr-anketa-l, html[data-tema="gam-derbi"] .dr-anketa-p { position: relative; z-index: 1; }
html[data-tema="gam-derbi"] .dr-anketa-l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-tema="gam-derbi"] .dr-anketa-p { font-family: var(--n5-naslov); font-weight: 800; color: var(--dr-brend); opacity: 0; transition: opacity .3s; }
html[data-tema="gam-derbi"] .dr-anketa.je-glasano .dr-anketa-p { opacity: 1; }
html[data-tema="gam-derbi"] .dr-anketa.je-glasano .dr-anketa-o { cursor: default; }
html[data-tema="gam-derbi"] .dr-anketa-o.je-moj { border-color: var(--dr-brend); }
@media (max-width: 575.98px) { html[data-tema="gam-derbi"] .dr-anketa-opcije { grid-template-columns: 1fr; } }

/* ── Podkast: istaknuta epizoda kao audio traka (v171) ── */
html[data-tema="gam-derbi"] .dr-podkast-traka { margin-top: 1.6rem; }
html[data-tema="gam-derbi"] .dr-podkast { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1.2rem;
	background: linear-gradient(115deg, color-mix(in srgb, var(--dr-brend) 14%, var(--n5-povrs)) 0, var(--n5-povrs) 60%);
	border: 1px solid var(--n5-linija); border-radius: var(--n5-radijus); padding: 1rem 1.2rem; text-decoration: none; color: var(--n5-ink);
	position: relative; overflow: hidden; transition: border-color .15s ease, transform .15s ease; }
html[data-tema="gam-derbi"] .dr-podkast::before { content: ""; position: absolute; right: -50px; top: -60px; width: 200px; height: 200px; border-radius: 50%;
	background: radial-gradient(circle, color-mix(in srgb, var(--dr-brend) 20%, transparent), transparent 70%); pointer-events: none; }
html[data-tema="gam-derbi"] .dr-podkast:hover { border-color: var(--dr-brend); transform: translateY(-2px); }
html[data-tema="gam-derbi"] .dr-podkast-omot { position: relative; width: 88px; height: 88px; border-radius: 12px; overflow: hidden; flex: none;
	background: var(--n5-bg); display: grid; place-items: center; }
html[data-tema="gam-derbi"] .dr-podkast-omot img { width: 100%; height: 100%; object-fit: cover; }
html[data-tema="gam-derbi"] .dr-podkast-omot > .bi { font-size: 2rem; color: var(--dr-brend); }
html[data-tema="gam-derbi"] .dr-podkast-eq { position: absolute; left: 0; right: 0; bottom: 0; height: 26px; display: flex; align-items: flex-end;
	justify-content: center; gap: 3px; padding-bottom: 6px; background: linear-gradient(transparent, rgba(0,0,0,.55)); }
html[data-tema="gam-derbi"] .dr-podkast-eq i { width: 3px; height: 6px; border-radius: 2px; background: var(--dr-kvota); animation: drEq 1s ease-in-out infinite; }
html[data-tema="gam-derbi"] .dr-podkast-eq i:nth-child(2) { animation-delay: .2s; }
html[data-tema="gam-derbi"] .dr-podkast-eq i:nth-child(3) { animation-delay: .4s; }
html[data-tema="gam-derbi"] .dr-podkast-eq i:nth-child(4) { animation-delay: .15s; }
@keyframes drEq { 0%, 100% { height: 5px; } 50% { height: 16px; } }
html[data-tema="gam-derbi"] .dr-podkast-t { min-width: 0; position: relative; z-index: 1; }
html[data-tema="gam-derbi"] .dr-podkast-t small { display: block; font-family: var(--n5-naslov); font-weight: 700; font-size: .72rem; letter-spacing: .08em;
	text-transform: uppercase; color: var(--dr-brend); }
html[data-tema="gam-derbi"] .dr-podkast-n { display: block; font-family: var(--n5-naslov); font-weight: 800; font-size: 1.2rem; line-height: 1.2; margin: .15rem 0;
	color: var(--n5-ink); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
html[data-tema="gam-derbi"] .dr-podkast:hover .dr-podkast-n { color: var(--dr-brend); }
html[data-tema="gam-derbi"] .dr-podkast-meta { font-size: .78rem; color: var(--n5-tiho); }
html[data-tema="gam-derbi"] .dr-podkast-meta b { color: var(--n5-ink); font-weight: 700; font-variant-numeric: tabular-nums; }
html[data-tema="gam-derbi"] .dr-podkast-play { flex: none; width: 54px; height: 54px; border-radius: 50%; background: var(--dr-brend); color: var(--dr-brend-ink);
	display: grid; place-items: center; font-size: 1.7rem; position: relative; z-index: 1; transition: background .15s ease; }
html[data-tema="gam-derbi"] .dr-podkast:hover .dr-podkast-play { background: var(--dr-brend-jaka); }
@media (prefers-reduced-motion: reduce) { html[data-tema="gam-derbi"] .dr-podkast-eq i { animation: none; height: 10px; } }
@media (max-width: 575.98px) {
	html[data-tema="gam-derbi"] .dr-podkast { grid-template-columns: auto 1fr; gap: .9rem; }
	html[data-tema="gam-derbi"] .dr-podkast-play { grid-column: 2; justify-self: start; width: 46px; height: 46px; font-size: 1.4rem; margin-top: .2rem; }
	html[data-tema="gam-derbi"] .dr-podkast-omot { width: 72px; height: 72px; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   OTVOREN ČLANAK — Derbi (v172)
   Deljeni šablon clanak.html.twig se NE dira; ovde se samo prefarbava u
   kladioničarski portal. Barlow condensed nosi naslove, telo je Barlow, brend
   zelena vodi rubriku, linkove i akcente. Radi na svakom članku ove teme.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Naslov + zaglavlje teksta: kondenzovani sportski font, težak i zbijen. */
html[data-tema="gam-derbi"] .trek-clanak-body .trek-clanak-naslov {
	font-family: var(--n5-naslov); font-weight: 800; letter-spacing: -.01em; line-height: 1.08; color: var(--n5-ink);
	font-size: clamp(1.9rem, 1.2rem + 2.6vw, 2.9rem); }

/* Rubrika iznad naslova: zbijen sportski tip u boji rubrike (inline boja iz admina
   ostaje, pa svaki sport nosi svoju). trek.css tera `background: none !important`, pa
   pilulu ne teramo — čist tekst je robusniji i konzistentan sa tipografijom teme. */
html[data-tema="gam-derbi"] .trek-clanak-body .trek-kicker {
	font-family: var(--n5-naslov); font-weight: 800; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
html[data-tema="gam-derbi"] .trek-clanak-body .trek-clanak-bc .bi { color: var(--n5-tiho) !important; }

/* Meta linija (autor · datum · minuti) */
html[data-tema="gam-derbi"] .trek-clanak-body .nav-divider .nav-item { font-family: var(--n5-naslov); font-weight: 600; letter-spacing: .01em; }
html[data-tema="gam-derbi"] .trek-clanak-body .nav-divider a { color: var(--n5-ink); font-weight: 700; }
html[data-tema="gam-derbi"] .trek-clanak-body .nav-divider a:hover { color: var(--dr-brend); }

/* Lead */
html[data-tema="gam-derbi"] .trek-clanak-body .trek-lead {
	font-family: var(--n5-telo); font-weight: 500; font-size: 1.2rem; line-height: 1.55; color: var(--n5-ink);
	border-left: 3px solid var(--dr-brend); padding-left: 1rem; }

/* Cover: zaobljena, tanka linija, blagi zeleni sjaj umesto plavog */
html[data-tema="gam-derbi"] .trek-clanak-body .trek-clanak-cover {
	border-radius: var(--n5-radijus); border: 1px solid var(--n5-linija); box-shadow: 0 16px 40px color-mix(in srgb, var(--dr-brend) 14%, transparent); }
html[data-tema="gam-derbi"] .trek-clanak-body .trek-foto-izvor { font-size: .8rem; color: var(--n5-tiho); }
html[data-tema="gam-derbi"] .trek-clanak-body .trek-foto-opis { color: var(--n5-ink); font-weight: 600; }

/* Telo teksta: Barlow, čitljiv razmak; naslovi u telu kondenzovani sa zelenom kockicom */
html[data-tema="gam-derbi"] .trek-clanak-body .trek-prose {
	font-family: var(--n5-telo); font-size: 1.06rem; line-height: 1.72; color: var(--n5-ink); }
html[data-tema="gam-derbi"] .trek-clanak-body .trek-prose h2,
html[data-tema="gam-derbi"] .trek-clanak-body .trek-prose h3 { font-family: var(--n5-naslov); font-weight: 800; letter-spacing: -.005em; color: var(--n5-ink); margin-top: 2rem; }
html[data-tema="gam-derbi"] .trek-clanak-body .trek-prose h2 { display: flex; align-items: baseline; gap: .5rem; }
html[data-tema="gam-derbi"] .trek-clanak-body .trek-prose h2::before {
	content: ""; flex: none; width: .5em; height: .5em; background: var(--dr-kvota); border-radius: 2px; transform: translateY(-.05em); }
html[data-tema="gam-derbi"] .trek-clanak-body .trek-prose a { color: var(--dr-brend); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; }
html[data-tema="gam-derbi"] .trek-clanak-body .trek-prose a:hover { color: var(--dr-brend-jaka); }
html[data-tema="gam-derbi"] .trek-clanak-body .trek-prose img { border-radius: var(--n5-radijus); box-shadow: 0 12px 32px color-mix(in srgb, var(--dr-brend) 12%, transparent); }
html[data-tema="gam-derbi"] .trek-clanak-body .trek-prose blockquote {
	border-left: 3px solid var(--dr-brend); background: color-mix(in srgb, var(--dr-brend) 7%, transparent);
	margin: 1.6rem 0; padding: .9rem 1.2rem; border-radius: 0 var(--n5-radijus) var(--n5-radijus) 0;
	font-family: var(--n5-naslov); font-weight: 600; font-size: 1.15rem; color: var(--n5-ink); }
/* Tabele (poređenja kvota/statistika): zeleno zaglavlje */
html[data-tema="gam-derbi"] .trek-clanak-body .trek-prose thead th { background: var(--n5-povrs); border-bottom-color: var(--dr-brend); color: var(--n5-ink); font-family: var(--n5-naslov); }
html[data-tema="gam-derbi"] .trek-clanak-body .trek-prose tbody tr:nth-child(even) { background: color-mix(in srgb, var(--n5-povrs) 55%, transparent); }

/* „Ukratko" (TL;DR): kartica sa zelenim akcentom */
html[data-tema="gam-derbi"] .trek-clanak-body .trek-ukratko {
	background: color-mix(in srgb, var(--dr-brend) 8%, var(--n5-povrs)); border: 1px solid var(--n5-linija);
	border-left: 3px solid var(--dr-brend); border-radius: var(--n5-radijus); }
html[data-tema="gam-derbi"] .trek-clanak-body .trek-ukratko-nas { font-family: var(--n5-naslov); font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--dr-brend); }

/* Tagovi na kraju: čip u brend maniru */
html[data-tema="gam-derbi"] .trek-clanak-body .trek-tag-chip { font-family: var(--n5-naslov); font-weight: 700; }
html[data-tema="gam-derbi"] .trek-clanak-body .trek-tag-chip:hover { background: var(--dr-brend); border-color: var(--dr-brend); color: var(--dr-brend-ink); }

/* Autor, „pročitaj i ovo", reakcije i „sledeći članak": zeleni akcenti umesto plavih */
html[data-tema="gam-derbi"] .trek-clanak-body .trek-autor-box { border-color: var(--n5-linija);
	background: linear-gradient(180deg, color-mix(in srgb, var(--dr-brend) 7%, transparent), transparent); }
html[data-tema="gam-derbi"] .trek-clanak-body .trek-autor-ime { font-family: var(--n5-naslov); font-weight: 800; }
html[data-tema="gam-derbi"] .trek-clanak-body .trek-sb-eyebrow,
html[data-tema="gam-derbi"] .trek-clanak-body .trek-sb-str { color: var(--dr-brend); }
html[data-tema="gam-derbi"] .trek-clanak-body .trek-povezani-naslov { font-family: var(--n5-naslov); font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
html[data-tema="gam-derbi"] .trek-clanak-body .trek-povezani-naslov::before { background: var(--dr-kvota); }

/* Naslovi sekcija ispod teksta (Slični, komentari) u kondenzovanom fontu */
html[data-tema="gam-derbi"] .trek-clanak-body .trek-slicni h2,
html[data-tema="gam-derbi"] .trek-clanak-body .trek-komentari h2,
html[data-tema="gam-derbi"] .trek-clanak-body .trek-faq h2 { font-family: var(--n5-naslov); font-weight: 800; }

/* Gornja linija iznad članka je već brend (border-primary); ostaje zelena. */

/* ═══════════════════════════════════════════════════════════════════════════
   NASLOVNA — dodatne magazin sekcije (v173, čist front iz postojećih podataka)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── U žiži: foto mozaik (1 veliki + 4 mala) ── */
html[data-tema="gam-derbi"] .dr-mozaik { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 150px; gap: .8rem; margin-top: 1.1rem; }
html[data-tema="gam-derbi"] .dr-moz { position: relative; overflow: hidden; border-radius: var(--n5-radijus); text-decoration: none; display: block; }
html[data-tema="gam-derbi"] .dr-moz--veliki { grid-column: span 2; grid-row: span 2; }
html[data-tema="gam-derbi"] .dr-moz img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
html[data-tema="gam-derbi"] .dr-moz:hover img { transform: scale(1.06); }
html[data-tema="gam-derbi"] .dr-moz::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 35%, rgba(3,6,10,.86)); }
html[data-tema="gam-derbi"] .dr-moz-telo { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: .7rem .8rem; display: flex; flex-direction: column; gap: .35rem; }
html[data-tema="gam-derbi"] .dr-moz-tt { font-family: var(--n5-naslov); font-weight: 800; line-height: 1.15; color: #fff;
	font-size: .95rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
html[data-tema="gam-derbi"] .dr-moz--veliki .dr-moz-tt { font-size: 1.4rem; -webkit-line-clamp: 3; }
@media (max-width: 767.98px) {
	html[data-tema="gam-derbi"] .dr-mozaik { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 128px; }
	html[data-tema="gam-derbi"] .dr-moz--veliki { grid-column: span 2; grid-row: span 2; }
	html[data-tema="gam-derbi"] .dr-moz--veliki .dr-moz-tt { font-size: 1.15rem; }
}

/* ── Naši autori: redakcija iza portala ── */
html[data-tema="gam-derbi"] .dr-autori { margin-top: 1.8rem; }
html[data-tema="gam-derbi"] .dr-autori-red { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; margin-top: 1rem; }
html[data-tema="gam-derbi"] .dr-autor { display: flex; align-items: center; gap: .8rem; padding: .8rem .9rem; text-decoration: none;
	background: var(--n5-povrs); border: 1px solid var(--n5-linija); border-radius: var(--n5-radijus); transition: border-color .15s ease, transform .15s ease; }
html[data-tema="gam-derbi"] .dr-autor:hover { border-color: var(--dr-brend); transform: translateY(-2px); }
html[data-tema="gam-derbi"] .dr-autor-ava { flex: none; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; background: var(--dr-brend); color: var(--dr-brend-ink);
	display: grid; place-items: center; font-family: var(--n5-naslov); font-weight: 800; font-size: 1.1rem; }
html[data-tema="gam-derbi"] .dr-autor-ava img { width: 100%; height: 100%; object-fit: cover; }
html[data-tema="gam-derbi"] .dr-autor-txt { min-width: 0; display: flex; flex-direction: column; }
html[data-tema="gam-derbi"] .dr-autor-ime { font-family: var(--n5-naslov); font-weight: 700; font-size: 1rem; color: var(--n5-ink); line-height: 1.2;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-tema="gam-derbi"] .dr-autor:hover .dr-autor-ime { color: var(--dr-brend); }
html[data-tema="gam-derbi"] .dr-autor-broj { font-size: .76rem; color: var(--n5-tiho); }
@media (max-width: 767.98px) { html[data-tema="gam-derbi"] .dr-autori-red { grid-template-columns: repeat(2, 1fr); } }

/* ── Popularne teme: čip oblak ── */
html[data-tema="gam-derbi"] .dr-teme { margin-top: 1.8rem; }
html[data-tema="gam-derbi"] .dr-teme-red { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
html[data-tema="gam-derbi"] .dr-tema { display: inline-block; font-family: var(--n5-naslov); font-weight: 700; font-size: .84rem;
	padding: .35rem .8rem; border-radius: 100px; background: var(--n5-povrs); border: 1px solid var(--n5-linija); color: var(--n5-ink); text-decoration: none; transition: all .15s ease; }
html[data-tema="gam-derbi"] .dr-tema:hover { background: var(--dr-brend); border-color: var(--dr-brend); color: var(--dr-brend-ink); }

/* ── Aplikacija: instaliraj na početni ekran ── */
html[data-tema="gam-derbi"] .dr-app-traka { margin-top: 1.8rem; }
html[data-tema="gam-derbi"] .dr-app { display: flex; align-items: center; gap: 1.6rem; overflow: hidden; position: relative;
	background: linear-gradient(115deg, color-mix(in srgb, var(--dr-brend) 16%, var(--n5-povrs)) 0, var(--n5-povrs) 62%);
	border: 1px solid var(--n5-linija); border-radius: var(--n5-radijus); padding: 1.5rem 1.7rem; }
html[data-tema="gam-derbi"] .dr-app::before { content: ""; position: absolute; left: -40px; top: -60px; width: 220px; height: 220px; border-radius: 50%;
	background: radial-gradient(circle, color-mix(in srgb, var(--dr-brend) 22%, transparent), transparent 70%); pointer-events: none; }
html[data-tema="gam-derbi"] .dr-app-t { flex: 1; position: relative; z-index: 1; }
html[data-tema="gam-derbi"] .dr-app-t small { font-family: var(--n5-naslov); font-weight: 700; font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: var(--dr-brend); }
html[data-tema="gam-derbi"] .dr-app-t h3 { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.6rem; margin: .2rem 0 .3rem; line-height: 1.08; color: var(--n5-ink); }
html[data-tema="gam-derbi"] .dr-app-t p { margin: 0 0 .9rem; font-size: .9rem; color: var(--n5-tiho); max-width: 46ch; }
html[data-tema="gam-derbi"] .dr-app-dugme { display: inline-flex; align-items: center; gap: .4rem; background: var(--dr-brend); color: var(--dr-brend-ink);
	font-family: var(--n5-naslov); font-weight: 800; text-transform: uppercase; letter-spacing: .03em; border: 0; padding: .6rem 1.2rem; border-radius: var(--n5-radijus); cursor: pointer; }
html[data-tema="gam-derbi"] .dr-app-dugme:hover { background: var(--dr-brend-jaka); }
html[data-tema="gam-derbi"] .dr-app-uput { font-size: .82rem; color: var(--n5-tiho); }
html[data-tema="gam-derbi"] .dr-app-ik { flex: none; width: 96px; height: 96px; border-radius: 22px; background: var(--n5-bg); border: 1px solid var(--n5-linija);
	display: grid; place-items: center; font-size: 2.6rem; color: var(--dr-brend); position: relative; z-index: 1; }
@media (max-width: 575.98px) { html[data-tema="gam-derbi"] .dr-app { flex-direction: column; text-align: center; } html[data-tema="gam-derbi"] .dr-app-ik { display: none; } html[data-tema="gam-derbi"] .dr-app-t p { max-width: none; } }

/* ── Tiket uz tekst u otvorenom članku (v174, Derbi) ── */
html[data-tema="gam-derbi"] .dr-utekstu { margin: 2rem auto; border: 1px solid var(--n5-linija); border-radius: var(--n5-radijus);
	overflow: hidden; background: var(--n5-povrs); }
html[data-tema="gam-derbi"] .dr-utekstu-glava { display: flex; align-items: baseline; gap: .7rem; padding: .7rem 1rem;
	background: color-mix(in srgb, var(--dr-brend) 12%, transparent); border-bottom: 1px solid var(--n5-linija); }
html[data-tema="gam-derbi"] .dr-utekstu-oz { font-family: var(--n5-naslov); font-weight: 800; font-size: .82rem; letter-spacing: .04em;
	text-transform: uppercase; color: var(--dr-brend); display: inline-flex; align-items: center; gap: .35rem; }
html[data-tema="gam-derbi"] .dr-utekstu-pod { font-size: .74rem; color: var(--n5-tiho); margin-left: auto; }
html[data-tema="gam-derbi"] .dr-utekstu-mecevi { display: flex; flex-direction: column; }
html[data-tema="gam-derbi"] .dr-utekstu-mec { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: .5rem .9rem;
	padding: .65rem 1rem; border-bottom: 1px solid var(--n5-linija); text-decoration: none; color: var(--n5-ink); }
html[data-tema="gam-derbi"] .dr-utekstu-mec:last-child { border-bottom: 0; }
html[data-tema="gam-derbi"] a.dr-utekstu-mec:hover { background: color-mix(in srgb, var(--dr-brend) 6%, transparent); }
html[data-tema="gam-derbi"] .dr-utekstu-liga { grid-column: 1; font-size: .72rem; color: var(--n5-tiho); text-transform: uppercase; letter-spacing: .04em; }
html[data-tema="gam-derbi"] .dr-utekstu-timovi { grid-column: 1; font-family: var(--n5-naslov); font-weight: 700; font-size: .98rem; }
html[data-tema="gam-derbi"] .dr-utekstu-timovi i { color: var(--n5-tiho); font-style: normal; }
html[data-tema="gam-derbi"] .dr-utekstu-kvote { grid-column: 2; grid-row: 1 / span 2; display: flex; gap: .3rem; }
html[data-tema="gam-derbi"] .dr-utekstu-kvote b { display: inline-flex; flex-direction: column; align-items: center; min-width: 42px;
	background: var(--n5-bg); border: 1px solid var(--n5-linija); border-radius: 5px; padding: .25rem .3rem; font-family: var(--n5-naslov);
	font-weight: 800; font-size: .92rem; color: var(--n5-ink); font-variant-numeric: tabular-nums; }
html[data-tema="gam-derbi"] .dr-utekstu-kvote b i { font-style: normal; font-size: .6rem; font-weight: 700; color: var(--n5-tiho); letter-spacing: .05em; }
html[data-tema="gam-derbi"] a.dr-utekstu-mec:hover .dr-utekstu-kvote b { border-color: var(--dr-kvota); color: var(--dr-kvota); }
html[data-tema="gam-derbi"] .dr-utekstu-vise { display: flex; align-items: center; justify-content: center; gap: .4rem; padding: .65rem 1rem;
	font-family: var(--n5-naslov); font-weight: 800; text-transform: uppercase; letter-spacing: .03em; font-size: .86rem;
	background: var(--dr-brend); color: var(--dr-brend-ink); text-decoration: none; }
html[data-tema="gam-derbi"] .dr-utekstu-vise:hover { background: var(--dr-brend-jaka); }
html[data-tema="gam-derbi"] .dr-utekstu-dno { padding: .6rem 1rem; font-size: .74rem; color: var(--n5-tiho); border-top: 1px solid var(--n5-linija); }

/* ═══════════════════════════════════════════════════════════════════════════
   POLISH za prezentaciju (v175): ujednačen ritam razmaka + kategorije skin
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Naslovna: dosledan vertikalni ritam između blokova (UX) ──
   Ranije su razmaci bili nasumični (1.1–2.6rem). Sada: predheroj trake su zbijene
   (čitaju se kao jedan kontrolni panel), a sve glavne sekcije imaju isti veći razmak. */
html[data-tema="gam-derbi"] .dr-sportovi,
html[data-tema="gam-derbi"] .dr-katg,
html[data-tema="gam-derbi"] .dr-price,
html[data-tema="gam-derbi"] .dr-danas,
html[data-tema="gam-derbi"] .dr-mecdana { margin-top: 1.3rem; }
html[data-tema="gam-derbi"] .dr-hero { margin-top: 1.7rem; }
html[data-tema="gam-derbi"] .dr-sek,
html[data-tema="gam-derbi"] .dr-sredina,
html[data-tema="gam-derbi"] .dr-podkast-traka,
html[data-tema="gam-derbi"] .dr-autori,
html[data-tema="gam-derbi"] .dr-teme,
html[data-tema="gam-derbi"] .dr-app-traka,
html[data-tema="gam-derbi"] .dr-tamna { margin-top: 2.8rem; }
@media (max-width: 767.98px) {
	html[data-tema="gam-derbi"] .dr-sek,
	html[data-tema="gam-derbi"] .dr-sredina,
	html[data-tema="gam-derbi"] .dr-podkast-traka,
	html[data-tema="gam-derbi"] .dr-autori,
	html[data-tema="gam-derbi"] .dr-teme,
	html[data-tema="gam-derbi"] .dr-app-traka,
	html[data-tema="gam-derbi"] .dr-tamna { margin-top: 2rem; }
}
/* Prvi blok posle trake ponude ne sme da bude zalepljen za nju. */
html[data-tema="gam-derbi"] .dr > .dr-sportovi:first-child { margin-top: 1.5rem; }

/* ── Kategorija (rubrika): Derbi skin, isti tip i akcenti kao naslovna/članak ── */
html[data-tema="gam-derbi"] .trek-rubrika-hero h1 { font-family: var(--n5-naslov); font-weight: 800; letter-spacing: -.01em; }
html[data-tema="gam-derbi"] .trek-rubrika-hero { border-top-color: var(--rc, var(--dr-brend)) !important; }
html[data-tema="gam-derbi"] .trek-kategorija-body .trek-h,
html[data-tema="gam-derbi"] .trek-kategorija-body h2,
html[data-tema="gam-derbi"] .trek-kategorija-body h3 { font-family: var(--n5-naslov); font-weight: 800; }
/* Kartice rubrike: vraćamo suptilan hover (original ga je gasio) i zeleni naslov. */
html[data-tema="gam-derbi"] .trek-kategorija-body .trek-card { transition: transform .15s ease, box-shadow .15s ease; }
html[data-tema="gam-derbi"] .trek-kategorija-body .trek-card:hover { transform: translateY(-3px) !important; box-shadow: 0 12px 28px color-mix(in srgb, var(--dr-brend) 14%, transparent) !important; }
html[data-tema="gam-derbi"] .trek-kategorija-body .trek-card .card-title a:hover { color: var(--dr-brend); }
/* „Učitaj još" i „Prati rubriku": brend zelena. */
html[data-tema="gam-derbi"] .trek-kategorija-body .trek-ucitaj-jos { border-color: var(--dr-brend); color: var(--dr-brend); }
html[data-tema="gam-derbi"] .trek-kategorija-body .trek-ucitaj-jos:hover { background: var(--dr-brend); color: var(--dr-brend-ink); }
/* Čip potkategorija aktivan: brend, ne siva. */
html[data-tema="gam-derbi"] .trek-kategorija-body .trek-potk-chip.is-active { background: var(--dr-brend); border-color: var(--dr-brend); color: var(--dr-brend-ink); }

/* ── Ostale vesti: gusta lista naslova (obrazac velikih sportskih portala, v181) ── */
html[data-tema="gam-derbi"] .dr-ostale-mreza { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 2rem; }
html[data-tema="gam-derbi"] .dr-ostala { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: .2rem .8rem;
	padding: .6rem 0; border-bottom: 1px solid var(--n5-linija); text-decoration: none; color: var(--n5-ink); }
html[data-tema="gam-derbi"] .dr-ostala:hover .dr-ostala-n { color: var(--dr-brend); }
html[data-tema="gam-derbi"] .dr-ostala-rub { grid-column: 1 / -1; font-family: var(--n5-naslov); font-weight: 700; font-size: .68rem;
	letter-spacing: .07em; text-transform: uppercase; color: var(--dr-brend); }
html[data-tema="gam-derbi"] .dr-ostala-n { font-family: var(--n5-naslov); font-weight: 700; font-size: .98rem; line-height: 1.25;
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
html[data-tema="gam-derbi"] .dr-ostala-meta { font-size: .72rem; color: var(--n5-tiho); white-space: nowrap; font-variant-numeric: tabular-nums; }
@media (max-width: 991.98px) { html[data-tema="gam-derbi"] .dr-ostale-mreza { grid-template-columns: repeat(2, 1fr); gap: 0 1.4rem; } }
@media (max-width: 575.98px) { html[data-tema="gam-derbi"] .dr-ostale-mreza { grid-template-columns: 1fr; } }

/* ══════════════════════════════════════════════════════════════════════════
   TALAS 5 — TRI NOVA PUNA IZGLEDA (04.09.2026)

   Atelje (moda-atelje) po predlošku „Deus / fashion", Plakat (mag-plakat) po
   „MAGZY", Semafor (sport-semafor) po „AthletiX". Uzet je vizuelni jezik
   (paleta, pismo, ritam, oblik kartice, potpisni raspored), ne tuđi CSS: on
   cilja tuđe klase, nad našim markupom ne pogađa ništa, a licenca predloška
   ne dozvoljava dalju prodaju kroz Trek.

   Sve tri su članice `n5` porodice pravila (spisak u :is(...) gore), pa nasleđuju
   zajedničku osnovu i definišu SAMO svoje promenljive i svoj potpis.
   ══════════════════════════════════════════════════════════════════════════ */

/* ════════════ ATELJE (moda-atelje) ════════════
   Modni editorijal: Lora za naslove, Barlow za telo, blush kao boja traka.
   ⚠ Blush #f48fb1 na belom daje kontrast 1,9 — zato je akcenat (linkovi, ::selection)
   duboka ruža #c2185b iz iste porodice, a blush ostaje boja površine i oznaka. */
html[data-tema="moda-atelje"] {
	--n5-akcent: #c2185b;
	--n5-akcent-jak: #8c0e40;
	--n5-bg: #ffffff;
	--n5-povrs: #f7f7f7;
	--n5-linija: #e3e4e8;
	--n5-ink: #171821;
	/* ⚠ Predložak nosi #83858f za metu; na belom to je 3,67 — ispod AA. Ista siva
	   porodica, samo tamnija za jedan korak, daje 4,87 i identitet se ne menja. */
	--n5-tiho: #6f7179;
	--n5-traka: #171821;
	--n5-traka-ink: #f7f7f7;
	--n5-radijus: 0px;
	--n5-naslov: "Lora", Georgia, "Times New Roman", serif;
	--n5-telo: "Barlow", -apple-system, "Segoe UI", Roboto, sans-serif;
	--at-blush: #f48fb1;
	--at-blush-mek: #ffebee;
	--at-telo: #54555e;
	--bs-body-bg: #ffffff;
	--bs-body-color: #171821;
	--bs-secondary-bg: #f7f7f7;
	--bs-tertiary-bg: #f7f7f7;
	--bs-border-color: #e3e4e8;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #171821;
	--bs-primary: #c2185b; --bs-primary-rgb: 194,24,91;
	--trek-accent: #c2185b;
	--trek-ink: #171821;
	--trek-ink-2: #6f7179;
	--trek-paper: #ffffff;
	--trek-hairline: #e3e4e8;
	background: var(--n5-bg);
}
html[data-tema="moda-atelje"][data-bs-theme="dark"] {
	--n5-akcent: #f48fb1;
	--n5-akcent-jak: #ffc1d6;
	--n5-bg: #131318;
	--n5-povrs: #1c1c22;
	--n5-linija: rgba(255,255,255,.10);
	--n5-ink: #f4f4f6;
	--n5-tiho: #a1a2ac;
	--n5-traka: #08080b;
	--n5-traka-ink: #e6e6ea;
	--at-blush: #f48fb1;
	--at-blush-mek: #2a1a20;
	--at-telo: #c8c9d0;
	--bs-body-bg: #131318;
	--bs-body-color: #f4f4f6;
	--bs-secondary-bg: #1c1c22;
	--bs-tertiary-bg: #1c1c22;
	--bs-border-color: rgba(255,255,255,.10);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--bs-primary: #f48fb1; --bs-primary-rgb: 244,143,177;
	--trek-accent: #f48fb1;
	--trek-ink: #f4f4f6;
	--trek-ink-2: #a1a2ac;
	--trek-paper: #1c1c22;
	--trek-hairline: rgba(255,255,255,.10);
}

/* ── Zaglavlje: tiha bela traka, vlas ispod, logo u Lori ── */
html[data-tema="moda-atelje"] .at-header { background: var(--n5-bg); border-bottom: 1px solid var(--n5-linija); }
html[data-tema="moda-atelje"] .at-header-red { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; min-height: 76px; }
html[data-tema="moda-atelje"] .at-header-levo { display: flex; align-items: center; gap: 1rem; }
html[data-tema="moda-atelje"] .at-ham { width: 26px; height: 26px; border: 0; background: transparent; padding: 0;
	display: inline-flex; flex-direction: column; justify-content: center; gap: 5px; }
html[data-tema="moda-atelje"] .at-ham span { display: block; height: 2px; background: var(--n5-ink); }
html[data-tema="moda-atelje"] .at-ham span:nth-child(1) { width: 22px; }
html[data-tema="moda-atelje"] .at-ham span:nth-child(2) { width: 16px; }
html[data-tema="moda-atelje"] .at-ham span:nth-child(3) { width: 22px; }
html[data-tema="moda-atelje"] .at-logo { font-family: var(--n5-naslov); font-weight: 700; font-size: 1.9rem; line-height: 1;
	color: var(--n5-ink); text-decoration: none; letter-spacing: -.01em; }
html[data-tema="moda-atelje"] .at-meni { gap: 2rem; }
html[data-tema="moda-atelje"] .at-meni a { font-family: var(--n5-telo); font-weight: 600; font-size: .74rem; letter-spacing: .12em;
	text-transform: uppercase; color: var(--n5-ink); text-decoration: none; }
html[data-tema="moda-atelje"] .at-meni a:hover { color: var(--n5-akcent); }
html[data-tema="moda-atelje"] .at-header-desno { display: flex; align-items: center; }

/* ── Zajednički ritam sekcija ── */
html[data-tema="moda-atelje"] .at-sek { padding: 3.25rem 0 0; }
html[data-tema="moda-atelje"] .at-sek-prva { padding-top: 2.25rem; }
html[data-tema="moda-atelje"] .at-sek-head { display: flex; align-items: baseline; justify-content: space-between;
	gap: 1rem; margin-bottom: 1.5rem; }
/* ⚠ Predložak naslove sekcija NE piše verzalom — to je pola njegovog mirnog karaktera. */
html[data-tema="moda-atelje"] .at-sek-tt { font-family: var(--n5-naslov); font-weight: 700; font-size: 1.5rem;
	text-transform: none; letter-spacing: normal; line-height: 1.2; color: var(--n5-ink); margin: 0; }
html[data-tema="moda-atelje"] .at-sve { font-family: var(--n5-telo); font-weight: 600; font-size: .74rem; letter-spacing: .1em;
	text-transform: uppercase; color: var(--n5-akcent); text-decoration: none; white-space: nowrap; }
html[data-tema="moda-atelje"] .at-sve:hover { color: var(--n5-akcent-jak); }

/* ── Meta iznad naslova ── */
html[data-tema="moda-atelje"] .at-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem;
	font-family: var(--n5-telo); font-weight: 600; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase;
	color: var(--n5-ink); margin-bottom: .7rem; }
html[data-tema="moda-atelje"] .at-meta a { color: inherit; text-decoration: none; }
html[data-tema="moda-atelje"] .at-meta a:hover { color: var(--n5-akcent); }
html[data-tema="moda-atelje"] .at-meta-tacka { color: var(--n5-tiho); }
/* Potpis autora: Lora kurziv, tiho — direktno iz predloška. */
html[data-tema="moda-atelje"] .at-potpis { display: block; font-family: var(--n5-naslov); font-style: italic;
	font-weight: 400; font-size: .84rem; color: var(--n5-tiho); margin-top: .55rem; }
html[data-tema="moda-atelje"] .at-lead { font-family: var(--n5-telo); font-size: .95rem; line-height: 1.65;
	color: var(--at-telo); margin: .55rem 0 0; }
html[data-tema="moda-atelje"] .at-lead-vel { font-size: 1.05rem; }
html[data-tema="moda-atelje"] .at-oznaka { display: inline-block; font-family: var(--n5-telo); font-weight: 700;
	font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--n5-akcent);
	border-bottom: 2px solid var(--at-blush); padding-bottom: .25rem; margin-bottom: 1rem; }

/* ── HERO: fotografija sa belom karticom preko donjeg levog ugla ── */
html[data-tema="moda-atelje"] .at-hero { display: grid; grid-template-columns: minmax(0, 1.85fr) minmax(0, 1fr); gap: 2.5rem; }
html[data-tema="moda-atelje"] .at-hero-glavni { position: relative; padding-bottom: 3.5rem; }
html[data-tema="moda-atelje"] .at-hero-foto { display: block; }
html[data-tema="moda-atelje"] .at-hero-foto img { width: 100%; height: 512px; object-fit: cover; border-radius: 0; display: block; }
html[data-tema="moda-atelje"] .at-hero-kart { position: absolute; left: 0; bottom: 0; width: min(74%, 520px);
	background: var(--n5-bg); padding: 1.9rem 2.1rem 1.7rem 0; }
html[data-tema="moda-atelje"] .at-hero-tt { font-family: var(--n5-naslov); font-weight: 700; font-size: 2rem; line-height: 1.2;
	margin: 0; letter-spacing: normal; }
html[data-tema="moda-atelje"] .at-hero-tt a { color: var(--n5-ink); text-decoration: none; }
html[data-tema="moda-atelje"] .at-hero-tt a:hover { color: var(--n5-akcent); }

/* ── „Najčitanije": uske vodoravne kartice sa vlasima ── */
html[data-tema="moda-atelje"] .at-top-tt { margin-bottom: 1.25rem; }
html[data-tema="moda-atelje"] .at-top-red { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 1rem;
	padding-bottom: 1.15rem; margin-bottom: 1.15rem; border-bottom: 1px solid var(--n5-linija); text-decoration: none; }
html[data-tema="moda-atelje"] .at-top-red:last-child { border-bottom: 0; margin-bottom: 0; }
html[data-tema="moda-atelje"] .at-top-foto img { width: 104px; height: 78px; object-fit: cover; display: block; }
html[data-tema="moda-atelje"] .at-top-red .at-meta { margin-bottom: .35rem; font-size: .62rem; }
html[data-tema="moda-atelje"] .at-top-n { font-family: var(--n5-naslov); font-weight: 700; font-size: .96rem; line-height: 1.3;
	color: var(--n5-ink); display: block; }
html[data-tema="moda-atelje"] .at-top-red:hover .at-top-n { color: var(--n5-akcent); }

/* ── Trek priče: kod nas traka nosi blush, umesto crne iz osnovnog izgleda ── */
html[data-tema="moda-atelje"] .at-price .trek-stories-band { background: var(--at-blush-mek) !important; margin-top: 3rem; }
html[data-tema="moda-atelje"] .at-price .trek-stories-band .trek-h { color: var(--n5-ink) !important;
	font-family: var(--n5-naslov); font-weight: 700; text-transform: none; letter-spacing: normal; font-size: 1.5rem; }
html[data-tema="moda-atelje"] .at-price .trek-h-light::before { background: var(--n5-akcent); }
/* Kartica priče prati oblik ovog izgleda: prav ugao, uži format, naslov u Lori. */
html[data-tema="moda-atelje"] .at-price .trek-story { border-radius: 0; flex-basis: 240px; height: 360px; }
html[data-tema="moda-atelje"] .at-price .trek-story-content h5 { font-family: var(--n5-naslov); font-weight: 700; }
html[data-tema="moda-atelje"] .at-price .trek-kicker { background: var(--n5-akcent); color: #fff; border-radius: 0; }

/* ── Mreža kartica ── */
html[data-tema="moda-atelje"] .at-mreza { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.25rem 2rem; }
html[data-tema="moda-atelje"] .at-mreza-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.75rem 1.5rem; }
html[data-tema="moda-atelje"] .at-kart-foto { display: block; margin-bottom: 1rem; overflow: hidden; }
html[data-tema="moda-atelje"] .at-kart-foto img { width: 100%; height: 232px; object-fit: cover; display: block;
	transition: transform .5s ease; }
html[data-tema="moda-atelje"] .at-kart-foto-uska img { height: 170px; }
html[data-tema="moda-atelje"] .at-kart:hover .at-kart-foto img { transform: scale(1.04); }
html[data-tema="moda-atelje"] .at-kart-tt { font-family: var(--n5-naslov); font-weight: 700; font-size: 1.22rem; line-height: 1.25; margin: 0; }
html[data-tema="moda-atelje"] .at-kart-tt-mala { font-size: 1.02rem; }
html[data-tema="moda-atelje"] .at-kart-tt a { color: var(--n5-ink); text-decoration: none; }
html[data-tema="moda-atelje"] .at-kart-tt a:hover { color: var(--n5-akcent); }

/* ── Lista rubrike: vodoravna kartica sa vlasom ispod (predložak: .post-list) ── */
html[data-tema="moda-atelje"] .at-lista { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2.5rem; }
html[data-tema="moda-atelje"] .at-red { display: grid; grid-template-columns: 208px minmax(0, 1fr); gap: 1.4rem;
	padding-bottom: 1.6rem; margin-bottom: 1.6rem; border-bottom: 1px solid var(--n5-linija); }
html[data-tema="moda-atelje"] .at-red-foto img { width: 208px; height: 152px; object-fit: cover; display: block; }
html[data-tema="moda-atelje"] .at-red-tt { font-family: var(--n5-naslov); font-weight: 700; font-size: 1.12rem; line-height: 1.28; margin: 0; }
html[data-tema="moda-atelje"] .at-red-tt a { color: var(--n5-ink); text-decoration: none; }
html[data-tema="moda-atelje"] .at-red-tt a:hover { color: var(--n5-akcent); }

/* ── Priča nedelje: blush traka preko cele širine ── */
html[data-tema="moda-atelje"] .at-blush { background: var(--at-blush-mek); padding: 3.75rem 0; margin-top: 3.25rem; }
html[data-tema="moda-atelje"] .at-blush-mreza { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
	gap: 3rem; align-items: center; }
html[data-tema="moda-atelje"] .at-blush-tt { font-family: var(--n5-naslov); font-weight: 700; font-size: 2.35rem;
	line-height: 1.15; margin: 0; }
html[data-tema="moda-atelje"] .at-blush-tt a { color: var(--n5-ink); text-decoration: none; }
html[data-tema="moda-atelje"] .at-blush-tt a:hover { color: var(--n5-akcent); }
html[data-tema="moda-atelje"] .at-blush-foto img { width: 100%; height: 400px; object-fit: cover; display: block; }
html[data-tema="moda-atelje"] .at-dugme { display: inline-block; margin-top: 1.4rem; padding: .8rem 2rem;
	background: var(--n5-ink); color: var(--n5-bg); font-family: var(--n5-telo); font-weight: 600; font-size: .76rem;
	letter-spacing: .12em; text-transform: uppercase; text-decoration: none; border-radius: 0; }
html[data-tema="moda-atelje"] .at-dugme:hover { background: var(--n5-akcent); color: #fff; }

/* ── Autori ── */
html[data-tema="moda-atelje"] .at-autori { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1.5rem; }
html[data-tema="moda-atelje"] .at-autor { text-align: center; text-decoration: none; }
html[data-tema="moda-atelje"] .at-autor img,
html[data-tema="moda-atelje"] .at-autor-ini { width: 96px; height: 96px; border-radius: 50%; object-fit: cover;
	display: inline-flex; align-items: center; justify-content: center; margin-bottom: .75rem;
	background: var(--at-blush-mek); color: var(--n5-akcent); font-family: var(--n5-naslov); font-size: 2rem; font-weight: 700; }
html[data-tema="moda-atelje"] .at-autor-ime { display: block; font-family: var(--n5-naslov); font-weight: 700;
	font-size: .95rem; color: var(--n5-ink); }
html[data-tema="moda-atelje"] .at-autor-broj { display: block; font-family: var(--n5-telo); font-size: .72rem;
	letter-spacing: .08em; text-transform: uppercase; color: var(--n5-tiho); margin-top: .2rem; }

/* ── Njuzleter: široka blush traka (predložak: .newsletter-wide) ── */
html[data-tema="moda-atelje"] .at-pret { background: var(--at-blush-mek); padding: 3rem 0; margin-top: 3.5rem; }
html[data-tema="moda-atelje"] .at-pret-mreza { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
	gap: 2.5rem; align-items: center; }
html[data-tema="moda-atelje"] .at-pret-tt { font-family: var(--n5-naslov); font-weight: 700; font-size: 1.75rem;
	line-height: 1.2; margin: 0; color: var(--n5-ink); }
html[data-tema="moda-atelje"] .at-pret-forma { display: flex; gap: .6rem; }
html[data-tema="moda-atelje"] .at-pret-forma input { flex: 1 1 auto; min-width: 0; padding: .85rem 1.1rem;
	border: 1px solid var(--n5-linija); background: var(--n5-bg); color: var(--n5-ink); font-family: var(--n5-telo); border-radius: 0; }
html[data-tema="moda-atelje"] .at-pret-forma button { flex: 0 0 auto; padding: .85rem 1.7rem; border: 0;
	background: var(--n5-ink); color: var(--n5-bg); font-family: var(--n5-telo); font-weight: 600; font-size: .76rem;
	letter-spacing: .12em; text-transform: uppercase; border-radius: 0; }
html[data-tema="moda-atelje"] .at-pret-forma button:hover { background: var(--n5-akcent); color: #fff; }

/* ── Karakter se vidi i van naslovne: članak, rubrika, kartice ── */
html[data-tema="moda-atelje"] .trek-prose h2,
html[data-tema="moda-atelje"] .trek-prose h3,
html[data-tema="moda-atelje"] .trek-rubrika-hero h1,
html[data-tema="moda-atelje"] .card-title,
html[data-tema="moda-atelje"] .tsv-title,
html[data-tema="moda-atelje"] .trek-povezani-tt { font-family: var(--n5-naslov); font-weight: 700; letter-spacing: normal; }
html[data-tema="moda-atelje"] .trek-clanak-cover,
html[data-tema="moda-atelje"] .trek-cover-portret,
html[data-tema="moda-atelje"] .trek-card img { border-radius: 0; }
html[data-tema="moda-atelje"] .trek-prose blockquote { border-left-color: var(--at-blush); }
html[data-tema="moda-atelje"] .trek-kicker { background: var(--n5-akcent); color: #fff; border-radius: 0; }

/* ── Mobilni prelomi ── */
@media (max-width: 1199.98px) {
	html[data-tema="moda-atelje"] .at-mreza-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html[data-tema="moda-atelje"] .at-autori { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991.98px) {
	html[data-tema="moda-atelje"] .at-hero { grid-template-columns: 1fr; gap: 2rem; }
	html[data-tema="moda-atelje"] .at-hero-glavni { padding-bottom: 0; }
	html[data-tema="moda-atelje"] .at-hero-kart { position: static; width: 100%; padding: 1.25rem 0 0; }
	html[data-tema="moda-atelje"] .at-hero-foto img { height: 340px; }
	html[data-tema="moda-atelje"] .at-mreza { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html[data-tema="moda-atelje"] .at-lista { grid-template-columns: 1fr; gap: 0; }
	html[data-tema="moda-atelje"] .at-blush-mreza,
	html[data-tema="moda-atelje"] .at-pret-mreza { grid-template-columns: 1fr; gap: 1.75rem; }
	html[data-tema="moda-atelje"] .at-blush-foto img { height: 280px; }
	html[data-tema="moda-atelje"] .at-header-red { min-height: 62px; }
	html[data-tema="moda-atelje"] .at-logo { font-size: 1.5rem; }
}
@media (max-width: 575.98px) {
	html[data-tema="moda-atelje"] .at-mreza,
	html[data-tema="moda-atelje"] .at-mreza-4 { grid-template-columns: 1fr; }
	html[data-tema="moda-atelje"] .at-autori { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html[data-tema="moda-atelje"] .at-red { grid-template-columns: 116px minmax(0, 1fr); gap: 1rem; }
	html[data-tema="moda-atelje"] .at-red-foto img { width: 116px; height: 92px; }
	html[data-tema="moda-atelje"] .at-red .at-lead { display: none; }
	html[data-tema="moda-atelje"] .at-hero-tt { font-size: 1.5rem; }
	html[data-tema="moda-atelje"] .at-blush-tt { font-size: 1.7rem; }
	html[data-tema="moda-atelje"] .at-pret-forma { flex-direction: column; }
}

/* ════════════ PLAKAT (mag-plakat) ════════════
   „MAGZY / Online Magazine", izvorni .fig. Thunder je kondenzovani grotesk na
   144–615 px; zamena sa Gugla je Big Shoulders Display (isti karakter: uzak,
   visok, zatvorene aperture). Telo je Plus Jakarta Sans, kao u predlošku.
   Mastilo je maslinasto-crno #1e1c0b, ne čisto crno — to daje toplinu papira. */
html[data-tema="mag-plakat"] {
	/* ⚠ Sjajna terakota #e36b45 iz predloška na belom daje 3,25 — ispod AA za tekst.
	   Akcenat je zato tamniji ton iste boje (4,83), a #e36b45 živi kao --pl-narandza:
	   punjenja i veliki brojevi, gde je AA granica 3,0. */
	--n5-akcent: #c44a20;
	--n5-akcent-jak: #a53d18;
	--pl-narandza: #e36b45;
	--n5-bg: #ffffff;
	--n5-povrs: #e8e4df;
	--n5-linija: #e2e0df;
	--n5-ink: #1e1c0b;
	--n5-tiho: #737373;
	--n5-traka: #1e1c0b;
	--n5-traka-ink: #e8e4df;
	--n5-radijus: 0px;
	--n5-naslov: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;
	--n5-telo: "Plus Jakarta Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
	--bs-body-bg: #ffffff;
	--bs-body-color: #1e1c0b;
	--bs-secondary-bg: #e8e4df;
	--bs-tertiary-bg: #f1efec;
	--bs-border-color: #e2e0df;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #1e1c0b;
	--bs-primary: #c44a20; --bs-primary-rgb: 196,74,32;
	--trek-accent: #c44a20;
	--trek-ink: #1e1c0b;
	--trek-ink-2: #737373;
	--trek-paper: #ffffff;
	--trek-hairline: #e2e0df;
	background: var(--n5-bg);
}
html[data-tema="mag-plakat"][data-bs-theme="dark"] {
	--n5-akcent: #ff8a63;
	--n5-akcent-jak: #ffb094;
	--pl-narandza: #ff8a63;
	--n5-bg: #14140c;
	--n5-povrs: #1f1f15;
	--n5-linija: rgba(255,255,255,.11);
	--n5-ink: #f2f0e6;
	--n5-tiho: #a3a294;
	--n5-traka: #000000;
	--n5-traka-ink: #e8e4df;
	--bs-body-bg: #14140c;
	--bs-body-color: #f2f0e6;
	--bs-secondary-bg: #1f1f15;
	--bs-tertiary-bg: #1f1f15;
	--bs-border-color: rgba(255,255,255,.11);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--bs-primary: #ff8a63; --bs-primary-rgb: 255,138,99;
	--trek-accent: #ff8a63;
	--trek-ink: #f2f0e6;
	--trek-ink-2: #a3a294;
	--trek-paper: #1f1f15;
	--trek-hairline: rgba(255,255,255,.11);
}

/* ── Zaglavlje: zamućena traka pa maslinasta traka sa kondenzovanim logotipom ── */
html[data-tema="mag-plakat"] .pl-header { background: var(--n5-bg); }
/* ⚠ Bilo vezano za `--n5-ink`: mastilo se u tamnom režimu preokrene u svetlo, pa je
   traka postajala BELA sa svetlim tekstom (izmereno 1,04). `--n5-traka` je tamna u oba. */
html[data-tema="mag-plakat"] .pl-traka { background: color-mix(in srgb, var(--n5-traka) 92%, transparent);
	backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
html[data-tema="mag-plakat"] .pl-traka-red { display: flex; align-items: center; justify-content: space-between;
	gap: 1.5rem; min-height: 40px; }
html[data-tema="mag-plakat"] .pl-meni { gap: 1.6rem; }
html[data-tema="mag-plakat"] .pl-meni a { font-family: var(--n5-telo); font-weight: 500; font-size: .78rem;
	color: var(--n5-traka-ink); text-decoration: none; }
html[data-tema="mag-plakat"] .pl-meni a:hover { color: var(--n5-akcent); }
html[data-tema="mag-plakat"] .pl-traka-datum { font-family: var(--n5-telo); font-size: .74rem; color: color-mix(in srgb, var(--n5-traka-ink) 65%, transparent); }
html[data-tema="mag-plakat"] .pl-traka-desno .thx-kontrole { --thx-ink: var(--n5-traka-ink); }
html[data-tema="mag-plakat"] .pl-traka-desno .thx-ik { color: var(--n5-traka-ink); }
html[data-tema="mag-plakat"] .pl-znak { border-bottom: 2px solid var(--n5-ink); }
/* ⚠ Logotip je LINIJA TEKSTA, ne slika: veličina prati širinu ekrana, a ne prelama se. */
html[data-tema="mag-plakat"] .pl-logo { display: block; font-family: var(--n5-naslov); font-weight: 800;
	font-size: clamp(3rem, 11vw, 9.5rem); line-height: .82; letter-spacing: -.02em; color: var(--n5-ink);
	text-decoration: none; padding: .35em 0 .18em; white-space: nowrap; overflow: hidden; }

/* ⚠ Na naslovnoj ime lista nosi masthead, pa se traka sa logotipom iz zaglavlja sklanja:
   inače „TREK" stoji dvaput jedno ispod drugog. U predlošku je isto — tanka traka menija
   gore, ogroman znak tek u heru. Na svim ostalim stranama traka ostaje. */
html[data-tema="mag-plakat"] body.tema-pl-home .pl-znak { display: none; }

/* ── Masthead naslovne: fotografija pa ogromno ime lista preko nje ── */
html[data-tema="mag-plakat"] .pl-masthead { position: relative; margin-bottom: 1rem; }
html[data-tema="mag-plakat"] .pl-masthead-foto img { width: 100%; height: clamp(220px, 34vw, 500px);
	object-fit: cover; display: block; }
html[data-tema="mag-plakat"] .pl-masthead-txt { position: relative; margin-top: clamp(-6.5rem, -7vw, -2.5rem); }
html[data-tema="mag-plakat"] .pl-masthead-znak { display: block; font-family: var(--n5-naslov); font-weight: 900;
	font-size: clamp(4.5rem, 20vw, 17rem); line-height: .78; letter-spacing: -.03em; color: var(--n5-ink);
	white-space: nowrap; overflow: hidden; }
html[data-tema="mag-plakat"] .pl-masthead-pod { display: block; font-family: var(--n5-telo); font-weight: 600;
	font-size: clamp(.7rem, 1.1vw, .95rem); letter-spacing: .34em; color: var(--n5-tiho); margin-top: .4rem; }

/* ── Zajednički ritam ── */
html[data-tema="mag-plakat"] .pl-sek { padding: 3.5rem 0 0; }
html[data-tema="mag-plakat"] .pl-sek-head { display: flex; align-items: flex-end; justify-content: space-between;
	gap: 1.5rem; }
/* Naslov sekcije je konstrukcija, ne natpis: puni širinu kontejnera. */
html[data-tema="mag-plakat"] .pl-dzin { font-family: var(--n5-naslov); font-weight: 800;
	font-size: clamp(2.75rem, 9vw, 8rem); line-height: .84; letter-spacing: -.02em; color: var(--n5-ink);
	margin: 0 0 1.75rem; text-transform: uppercase; }
html[data-tema="mag-plakat"] .pl-sek-head .pl-dzin { margin-bottom: 1.25rem; }
html[data-tema="mag-plakat"] .pl-dzin-bela { color: var(--n5-traka-ink); }
html[data-tema="mag-plakat"] .pl-cip { display: inline-block; font-family: var(--n5-telo); font-weight: 700;
	font-size: .66rem; letter-spacing: .12em; text-transform: uppercase; color: #fff; background: var(--n5-akcent);
	padding: .32rem .7rem; margin-bottom: .9rem; }
html[data-tema="mag-plakat"] .pl-lead { font-family: var(--n5-telo); font-size: .96rem; line-height: 1.68;
	color: var(--n5-tiho); margin: .7rem 0 0; }
html[data-tema="mag-plakat"] .pl-meta { display: block; font-family: var(--n5-telo); font-weight: 600;
	font-size: .74rem; color: var(--n5-tiho); margin-top: .9rem; }
html[data-tema="mag-plakat"] .pl-meta i { font-style: normal; margin: 0 .45rem; opacity: .55; }
html[data-tema="mag-plakat"] .pl-dugme-obris { flex: 0 0 auto; font-family: var(--n5-telo); font-weight: 600;
	font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: var(--n5-ink); text-decoration: none;
	border: 2px solid var(--n5-ink); padding: .6rem 1.4rem; margin-bottom: 1.6rem; white-space: nowrap; }
html[data-tema="mag-plakat"] .pl-dugme-obris:hover { background: var(--n5-ink); color: var(--n5-bg); }
html[data-tema="mag-plakat"] .pl-tamna .pl-dugme-obris { color: var(--n5-traka-ink); border-color: var(--n5-traka-ink); }
html[data-tema="mag-plakat"] .pl-tamna .pl-dugme-obris:hover { background: var(--n5-traka-ink); color: var(--n5-traka); }

/* ── Izdvojeno: fotografija levo, tekst i numerisan spisak desno ── */
html[data-tema="mag-plakat"] .pl-izdvojeno { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	gap: 3rem; align-items: start; }
html[data-tema="mag-plakat"] .pl-izdvojeno-foto img { width: 100%; height: 620px; object-fit: cover; display: block; }
html[data-tema="mag-plakat"] .pl-izdvojeno-tt { font-family: var(--n5-naslov); font-weight: 800;
	font-size: clamp(2rem, 4.2vw, 3.6rem); line-height: .94; letter-spacing: -.015em; margin: 0;
	text-transform: uppercase; }
html[data-tema="mag-plakat"] .pl-izdvojeno-tt a { color: var(--n5-ink); text-decoration: none; }
html[data-tema="mag-plakat"] .pl-izdvojeno-tt a:hover { color: var(--n5-akcent); }
html[data-tema="mag-plakat"] .pl-spisak { list-style: none; margin: 2rem 0 0; padding: 0; border-top: 2px solid var(--n5-ink); }
html[data-tema="mag-plakat"] .pl-spisak li { border-bottom: 1px solid var(--n5-linija); }
html[data-tema="mag-plakat"] .pl-spisak a { display: grid; grid-template-columns: 3.2rem minmax(0, 1fr);
	gap: 1rem; align-items: baseline; padding: .9rem 0; text-decoration: none; }
html[data-tema="mag-plakat"] .pl-spisak-br { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.5rem;
	color: var(--pl-narandza); line-height: 1; }
html[data-tema="mag-plakat"] .pl-spisak-n { font-family: var(--n5-telo); font-weight: 600; font-size: .95rem;
	line-height: 1.35; color: var(--n5-ink); }
html[data-tema="mag-plakat"] .pl-spisak a:hover .pl-spisak-n { color: var(--n5-akcent); }

/* ── Trek priče pod džinovskim naslovom; traka bez svoje podloge ── */
html[data-tema="mag-plakat"] .pl-price .trek-stories-band { background: transparent !important; padding-top: 0 !important; margin: 0; }
html[data-tema="mag-plakat"] .pl-price .trek-stories-band .trek-h { display: none; }
html[data-tema="mag-plakat"] .pl-price .trek-story { border-radius: 0; flex-basis: 264px; height: 396px; }
html[data-tema="mag-plakat"] .pl-price .trek-story-content h5 { font-family: var(--n5-naslov); font-weight: 800;
	font-size: 1.45rem; line-height: .96; text-transform: uppercase; letter-spacing: -.01em; }
html[data-tema="mag-plakat"] .pl-price .trek-kicker { background: var(--n5-akcent); color: #fff; border-radius: 0; }

/* ── Rubrike: traka jezičaka pa glavna vest ── */
html[data-tema="mag-plakat"] .pl-jezicci { display: flex; flex-wrap: wrap; border-top: 2px solid var(--n5-ink);
	border-bottom: 2px solid var(--n5-ink); margin-bottom: 2rem; }
html[data-tema="mag-plakat"] .pl-jezicak { flex: 1 1 0; min-width: 140px; padding: 1.1rem .9rem; text-align: center;
	text-decoration: none; border-right: 1px solid var(--n5-linija); }
html[data-tema="mag-plakat"] .pl-jezicak:last-child { border-right: 0; }
html[data-tema="mag-plakat"] .pl-jezicak-n { font-family: var(--n5-naslov); font-weight: 700; font-size: 1.5rem;
	line-height: 1; text-transform: uppercase; color: var(--n5-ink); }
html[data-tema="mag-plakat"] .pl-jezicak.is-aktivan { background: var(--n5-ink); }
html[data-tema="mag-plakat"] .pl-jezicak.is-aktivan .pl-jezicak-n { color: var(--n5-bg); }
html[data-tema="mag-plakat"] .pl-jezicak:hover .pl-jezicak-n { color: var(--n5-akcent); }
html[data-tema="mag-plakat"] .pl-glavna { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 2.5rem; }
html[data-tema="mag-plakat"] .pl-glavna-foto img { width: 100%; height: 460px; object-fit: cover; display: block; }
html[data-tema="mag-plakat"] .pl-glavna-tt { font-family: var(--n5-naslov); font-weight: 800; font-size: 2.4rem;
	line-height: .96; text-transform: uppercase; margin: 0; }
html[data-tema="mag-plakat"] .pl-glavna-tt a { color: var(--n5-ink); text-decoration: none; }
html[data-tema="mag-plakat"] .pl-glavna-tt a:hover { color: var(--n5-akcent); }
html[data-tema="mag-plakat"] .pl-glavna-uz { margin-top: 1.8rem; border-top: 1px solid var(--n5-linija); }
html[data-tema="mag-plakat"] .pl-uz { display: grid; grid-template-columns: 3.4rem minmax(0, 1fr); gap: 1rem;
	padding: .85rem 0; border-bottom: 1px solid var(--n5-linija); text-decoration: none; align-items: baseline; }
html[data-tema="mag-plakat"] .pl-uz-datum { font-family: var(--n5-naslov); font-weight: 700; font-size: 1.1rem; color: var(--n5-tiho); }
html[data-tema="mag-plakat"] .pl-uz-n { font-family: var(--n5-telo); font-weight: 600; font-size: .92rem; line-height: 1.35; color: var(--n5-ink); }
html[data-tema="mag-plakat"] .pl-uz:hover .pl-uz-n { color: var(--n5-akcent); }

/* ── Foto priče: široki redovi sa rednim brojem ── */
html[data-tema="mag-plakat"] .pl-sirok { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	gap: 2.5rem; padding: 2rem 0; border-top: 1px solid var(--n5-linija); align-items: center; }
html[data-tema="mag-plakat"] .pl-siroki .pl-sirok:last-child { border-bottom: 1px solid var(--n5-linija); }
html[data-tema="mag-plakat"] .pl-sirok-foto img { width: 100%; height: 340px; object-fit: cover; display: block; }
html[data-tema="mag-plakat"] .pl-sirok-br { display: block; font-family: var(--n5-naslov); font-weight: 800;
	font-size: 3.4rem; line-height: .8; color: var(--n5-povrs); margin-bottom: .6rem; }
html[data-tema="mag-plakat"] .pl-sirok-tt { font-family: var(--n5-naslov); font-weight: 800; font-size: 2rem;
	line-height: .98; text-transform: uppercase; margin: 0; }
html[data-tema="mag-plakat"] .pl-sirok-tt a { color: var(--n5-ink); text-decoration: none; }
html[data-tema="mag-plakat"] .pl-sirok-tt a:hover { color: var(--n5-akcent); }

/* ── Serijali kao korice, na maslinastoj traci ── */
html[data-tema="mag-plakat"] .pl-tamna { background: var(--n5-traka); padding: 3.5rem 0 4rem; margin-top: 3.5rem; }
html[data-tema="mag-plakat"] .pl-tamna .pl-dzin { color: var(--n5-traka-ink); }
html[data-tema="mag-plakat"] .pl-korice { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
html[data-tema="mag-plakat"] .pl-korica { text-decoration: none; display: block; }
html[data-tema="mag-plakat"] .pl-korica-foto img { width: 100%; height: 420px; object-fit: cover; display: block; }
html[data-tema="mag-plakat"] .pl-korica-broj { display: inline-block; font-family: var(--n5-telo); font-weight: 700;
	font-size: .64rem; letter-spacing: .12em; text-transform: uppercase; color: var(--n5-traka); background: var(--n5-akcent);
	padding: .3rem .65rem; margin: 1rem 0 .6rem; }
html[data-tema="mag-plakat"] .pl-korica-tt { display: block; font-family: var(--n5-naslov); font-weight: 800;
	font-size: 1.9rem; line-height: .98; text-transform: uppercase; color: var(--n5-traka-ink); }
html[data-tema="mag-plakat"] .pl-korica:hover .pl-korica-tt { color: var(--n5-akcent); }
html[data-tema="mag-plakat"] .pl-korica-od { display: block; font-family: var(--n5-telo); font-size: .82rem;
	color: color-mix(in srgb, var(--n5-traka-ink) 62%, transparent); margin-top: .5rem; }

/* ── Pretplata kao plakat ── */
html[data-tema="mag-plakat"] .pl-pret { background: var(--n5-traka); padding: 3.5rem 0 4rem; margin-top: 3.5rem; }
html[data-tema="mag-plakat"] .pl-pret-red { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 2.5rem; align-items: center; }
html[data-tema="mag-plakat"] .pl-pret-opis { font-family: var(--n5-telo); font-size: 1rem; line-height: 1.7;
	color: color-mix(in srgb, var(--n5-traka-ink) 78%, transparent); margin: 0; }
html[data-tema="mag-plakat"] .pl-pret-forma { display: flex; gap: 0; }
html[data-tema="mag-plakat"] .pl-pret-forma input { flex: 1 1 auto; min-width: 0; padding: 1rem 1.2rem; border: 0;
	background: var(--n5-traka-ink); color: var(--n5-traka); font-family: var(--n5-telo); border-radius: 0; }
html[data-tema="mag-plakat"] .pl-pret-forma button { flex: 0 0 auto; padding: 1rem 1.9rem; border: 0;
	background: var(--n5-akcent); color: #fff; font-family: var(--n5-telo); font-weight: 700; font-size: .78rem;
	letter-spacing: .1em; text-transform: uppercase; border-radius: 0; }
html[data-tema="mag-plakat"] .pl-pret-forma button:hover { background: var(--n5-akcent-jak); }

/* ── Karakter van naslovne ── */
html[data-tema="mag-plakat"] .trek-rubrika-hero h1,
html[data-tema="mag-plakat"] .card-title,
html[data-tema="mag-plakat"] .tsv-title,
html[data-tema="mag-plakat"] .trek-povezani-tt { font-family: var(--n5-naslov); font-weight: 800;
	text-transform: uppercase; letter-spacing: -.01em; line-height: 1; }
html[data-tema="mag-plakat"] .trek-prose h2,
html[data-tema="mag-plakat"] .trek-prose h3 { font-family: var(--n5-naslov); font-weight: 800;
	text-transform: uppercase; letter-spacing: -.01em; }
/* ⚠ Telo teksta OSTAJE Plus Jakarta: kondenzovani grotesk je za naslove, u pasusu se ne čita. */
html[data-tema="mag-plakat"] .trek-prose { font-family: var(--n5-telo); }
html[data-tema="mag-plakat"] .trek-clanak-cover,
html[data-tema="mag-plakat"] .trek-cover-portret,
html[data-tema="mag-plakat"] .trek-card img { border-radius: 0; }
html[data-tema="mag-plakat"] .trek-kicker { background: var(--n5-akcent); color: #fff; border-radius: 0; }

/* ── Mobilni prelomi ── */
@media (max-width: 991.98px) {
	html[data-tema="mag-plakat"] .pl-izdvojeno,
	html[data-tema="mag-plakat"] .pl-glavna,
	html[data-tema="mag-plakat"] .pl-sirok,
	html[data-tema="mag-plakat"] .pl-pret-red { grid-template-columns: 1fr; gap: 1.75rem; }
	html[data-tema="mag-plakat"] .pl-izdvojeno-foto img { height: 380px; }
	html[data-tema="mag-plakat"] .pl-glavna-foto img { height: 300px; }
	html[data-tema="mag-plakat"] .pl-sirok-foto img { height: 260px; }
	html[data-tema="mag-plakat"] .pl-korice { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html[data-tema="mag-plakat"] .pl-korica-foto img { height: 320px; }
	html[data-tema="mag-plakat"] .pl-sek-head { flex-direction: column; align-items: flex-start; gap: 0; }
	html[data-tema="mag-plakat"] .pl-jezicak { min-width: 50%; border-bottom: 1px solid var(--n5-linija); }
}
@media (max-width: 575.98px) {
	html[data-tema="mag-plakat"] .pl-korice { grid-template-columns: 1fr; }
	html[data-tema="mag-plakat"] .pl-spisak a { grid-template-columns: 2.4rem minmax(0, 1fr); }
	html[data-tema="mag-plakat"] .pl-jezicak { min-width: 100%; }
}

/* ════════════ SEMAFOR (sport-semafor) ════════════
   „Website Sport News / AthletiX", izvorni .fig. Manrope je telo (dominira u fajlu),
   Satoshi je naslov — zamena sa Gugla je Figtree, isti geometrijski grotesk.
   ⚠ Žuta #edb92e na belom daje kontrast 1,9, pa NIJE boja teksta: u svetlom režimu
   akcenat je tamno zlato #8a6d00 (AA na belom), a #edb92e ostaje boja PUNJENJA sa
   crnim tekstom preko — tačno kako je u predlošku. U tamnom režimu žuta postaje
   akcenat, jer na crnom daje 9,5. */
html[data-tema="sport-semafor"] {
	--n5-akcent: #8a6d00;
	--n5-akcent-jak: #6d5600;
	--n5-bg: #ffffff;
	--n5-povrs: #fafafa;
	--n5-linija: #e0e0e1;
	--n5-ink: #1e1e1f;
	--n5-tiho: #6f7174;
	--n5-traka: #1e1e1f;
	--n5-traka-ink: #fafafa;
	--n5-radijus: 12px;
	--n5-naslov: "Figtree", -apple-system, "Segoe UI", Roboto, sans-serif;
	--n5-telo: "Manrope", -apple-system, "Segoe UI", Roboto, sans-serif;
	--sf-zuta: #edb92e;
	--sf-zuta-ink: #1e1e1f;
	--bs-body-bg: #ffffff;
	--bs-body-color: #1e1e1f;
	--bs-secondary-bg: #fafafa;
	--bs-tertiary-bg: #fafafa;
	--bs-border-color: #e0e0e1;
	--bs-emphasis-color: #000000;
	--bs-heading-color: #1e1e1f;
	--bs-primary: #8a6d00; --bs-primary-rgb: 138,109,0;
	--trek-accent: #8a6d00;
	--trek-ink: #1e1e1f;
	--trek-ink-2: #6f7174;
	--trek-paper: #ffffff;
	--trek-hairline: #e0e0e1;
	background: var(--n5-bg);
}
html[data-tema="sport-semafor"][data-bs-theme="dark"] {
	--n5-akcent: #edb92e;
	--n5-akcent-jak: #ffd15c;
	--n5-bg: #101118;
	--n5-povrs: #1d1e1f;
	--n5-linija: rgba(255,255,255,.10);
	--n5-ink: #fcfcfd;
	--n5-tiho: #bdbac0;
	--n5-traka: #000000;
	--n5-traka-ink: #fcfcfd;
	--bs-body-bg: #101118;
	--bs-body-color: #fcfcfd;
	--bs-secondary-bg: #1d1e1f;
	--bs-tertiary-bg: #1d1e1f;
	--bs-border-color: rgba(255,255,255,.10);
	--bs-emphasis-color: #ffffff;
	--bs-heading-color: #ffffff;
	--bs-primary: #edb92e; --bs-primary-rgb: 237,185,46;
	--trek-accent: #edb92e;
	--trek-ink: #fcfcfd;
	--trek-ink-2: #bdbac0;
	--trek-paper: #1d1e1f;
	--trek-hairline: rgba(255,255,255,.10);
}
/* ⚠ Zajedničko pravilo boji izbor belim preko akcenta; preko žute se ne vidi. */
html[data-tema="sport-semafor"] ::selection { background: var(--sf-zuta); color: var(--sf-zuta-ink); }

/* ── Zaglavlje: jedna crna traka, znak sa žutim svetlom ── */
html[data-tema="sport-semafor"] .sf-header { background: var(--n5-traka); }
html[data-tema="sport-semafor"] .sf-header-red { display: flex; align-items: center; justify-content: space-between;
	gap: 1.5rem; min-height: 72px; }
html[data-tema="sport-semafor"] .sf-logo { display: inline-flex; align-items: center; gap: .6rem;
	font-family: var(--n5-naslov); font-weight: 800; font-size: 1.5rem; letter-spacing: -.02em;
	color: var(--n5-traka-ink); text-decoration: none; }
html[data-tema="sport-semafor"] .sf-logo-tacka { width: 12px; height: 12px; border-radius: 3px; background: var(--sf-zuta); }
html[data-tema="sport-semafor"] .sf-meni { gap: 1.9rem; }
html[data-tema="sport-semafor"] .sf-meni a { font-family: var(--n5-telo); font-weight: 600; font-size: .92rem;
	color: color-mix(in srgb, var(--n5-traka-ink) 74%, transparent); text-decoration: none; }
html[data-tema="sport-semafor"] .sf-meni a:hover { color: var(--sf-zuta); }
html[data-tema="sport-semafor"] .sf-header-desno { display: flex; align-items: center; gap: .9rem; }
html[data-tema="sport-semafor"] .sf-header-desno .thx-ik { color: var(--n5-traka-ink); }
html[data-tema="sport-semafor"] .sf-uzivo { display: inline-flex; align-items: center; gap: .45rem;
	font-family: var(--n5-telo); font-weight: 700; font-size: .78rem; color: var(--n5-traka-ink); text-decoration: none;
	background: rgba(255,255,255,.08); border-radius: 999px; padding: .42rem .9rem; }
html[data-tema="sport-semafor"] .sf-uzivo-tacka { width: 7px; height: 7px; border-radius: 50%; background: var(--sf-zuta);
	animation: trek-puls 1.6s infinite; }

/* ── Okvir: lepljiva leva šina uz glavnu kolonu ── */
html[data-tema="sport-semafor"] .sf-okvir { display: grid; grid-template-columns: 300px minmax(0, 1fr);
	gap: 2rem; padding-top: 1.75rem; align-items: start; }
/* ⚠ Oba stuba MORAJU imati min-width: 0. Grid stavka podrazumevano ima `min-width: auto`,
   pa `white-space: nowrap` na imenu rubrike odredi min-content celog stuba: bez ovoga je
   naslovna na 375 px bila široka 4703 px. `minmax(0, 1fr)` na stazi sam po sebi ne pomaže. */
html[data-tema="sport-semafor"] .sf-sina,
html[data-tema="sport-semafor"] .sf-glavna { min-width: 0; }
html[data-tema="sport-semafor"] .sf-sina { position: sticky; top: 88px; display: grid; gap: 1rem; }
html[data-tema="sport-semafor"] .sf-kutija { background: var(--n5-povrs); border: 1px solid var(--n5-linija);
	border-radius: var(--n5-radijus); padding: 1.1rem 1.15rem; }
html[data-tema="sport-semafor"] .sf-kutija-tt { font-family: var(--n5-naslov); font-weight: 800; font-size: 1rem;
	color: var(--n5-ink); margin: 0 0 .85rem; }
html[data-tema="sport-semafor"] .sf-liga,
html[data-tema="sport-semafor"] .sf-top { list-style: none; margin: 0; padding: 0; }
html[data-tema="sport-semafor"] .sf-liga a { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto;
	align-items: center; gap: .7rem; height: 44px; text-decoration: none; border-radius: 8px; padding: 0 .45rem; }
html[data-tema="sport-semafor"] .sf-liga a:hover { background: var(--n5-bg); }
html[data-tema="sport-semafor"] .sf-liga-znak { width: 28px; height: 28px; border-radius: 8px; background: var(--n5-ink);
	color: var(--n5-bg); font-family: var(--n5-naslov); font-weight: 800; font-size: .82rem;
	display: inline-flex; align-items: center; justify-content: center; }
html[data-tema="sport-semafor"] .sf-liga-n { font-family: var(--n5-telo); font-weight: 600; font-size: .9rem;
	color: var(--n5-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-tema="sport-semafor"] .sf-liga-br { font-family: var(--n5-telo); font-weight: 700; font-size: .74rem;
	color: var(--n5-tiho); font-variant-numeric: tabular-nums; }
html[data-tema="sport-semafor"] .sf-liga a:hover .sf-liga-znak { background: var(--sf-zuta); color: var(--sf-zuta-ink); }
html[data-tema="sport-semafor"] .sf-top li + li { margin-top: .2rem; }
html[data-tema="sport-semafor"] .sf-top a { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: .6rem;
	padding: .5rem .45rem; border-radius: 8px; text-decoration: none; align-items: start; }
html[data-tema="sport-semafor"] .sf-top a:hover { background: var(--n5-bg); }
html[data-tema="sport-semafor"] .sf-top-br { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.05rem;
	color: var(--sf-zuta); line-height: 1.25; }
html[data-tema="sport-semafor"] .sf-top-n { font-family: var(--n5-telo); font-weight: 600; font-size: .84rem;
	line-height: 1.35; color: var(--n5-ink); }

/* ── Pilule ── */
html[data-tema="sport-semafor"] .sf-cipovi { display: flex; gap: .5rem; overflow-x: auto; scrollbar-width: none;
	padding-bottom: .35rem; margin-bottom: 1.25rem; }
html[data-tema="sport-semafor"] .sf-cipovi::-webkit-scrollbar { display: none; }
html[data-tema="sport-semafor"] .sf-cip { flex: 0 0 auto; font-family: var(--n5-telo); font-weight: 600; font-size: .84rem;
	color: var(--n5-ink); text-decoration: none; background: var(--n5-povrs); border: 1px solid var(--n5-linija);
	border-radius: 999px; padding: .5rem 1.05rem; }
html[data-tema="sport-semafor"] .sf-cip:hover { border-color: var(--n5-ink); }
html[data-tema="sport-semafor"] .sf-cip.is-aktivan { background: var(--n5-ink); border-color: var(--n5-ink); color: var(--n5-bg); }

/* ── „U minut": traka kompaktnih kartica (u predlošku rezultati mečeva) ── */
html[data-tema="sport-semafor"] .sf-minut { display: flex; gap: .75rem; overflow-x: auto; scrollbar-width: none;
	padding-bottom: .35rem; margin-bottom: 1.5rem; }
html[data-tema="sport-semafor"] .sf-minut::-webkit-scrollbar { display: none; }
html[data-tema="sport-semafor"] .sf-minut-k { flex: 0 0 194px; min-height: 116px; display: flex; flex-direction: column;
	justify-content: space-between; gap: .55rem; background: var(--n5-povrs); border: 1px solid var(--n5-linija);
	border-radius: var(--n5-radijus); padding: .8rem .9rem; text-decoration: none; }
html[data-tema="sport-semafor"] .sf-minut-k:hover { border-color: var(--sf-zuta); }
html[data-tema="sport-semafor"] .sf-minut-vrh { display: flex; align-items: center; justify-content: space-between;
	gap: .5rem; font-family: var(--n5-telo); font-weight: 700; font-size: .66rem; letter-spacing: .04em;
	text-transform: uppercase; color: var(--n5-tiho); }
html[data-tema="sport-semafor"] .sf-minut-rub { color: var(--n5-akcent); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-tema="sport-semafor"] .sf-minut-n { font-family: var(--n5-telo); font-weight: 600; font-size: .86rem;
	line-height: 1.3; color: var(--n5-ink); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* ── Krupna vest ── */
html[data-tema="sport-semafor"] .sf-hero { position: relative; border-radius: var(--n5-radijus); overflow: hidden; }
html[data-tema="sport-semafor"] .sf-hero-foto img { width: 100%; height: 460px; object-fit: cover; display: block; }
html[data-tema="sport-semafor"] .sf-hero-txt { position: absolute; inset: auto 0 0 0; padding: 2rem;
	background: linear-gradient(to top, rgba(0,0,0,.88), rgba(0,0,0,.55) 55%, transparent); }
html[data-tema="sport-semafor"] .sf-hero-tt { font-family: var(--n5-naslov); font-weight: 800; font-size: 2.1rem;
	line-height: 1.12; letter-spacing: -.02em; margin: .7rem 0 0; }
html[data-tema="sport-semafor"] .sf-hero-tt a { color: #fff; text-decoration: none; }
html[data-tema="sport-semafor"] .sf-hero-txt .sf-meta { color: rgba(255,255,255,.78); }
html[data-tema="sport-semafor"] .sf-znak { display: inline-block; font-family: var(--n5-telo); font-weight: 700;
	font-size: .66rem; letter-spacing: .1em; text-transform: uppercase; background: var(--sf-zuta);
	color: var(--sf-zuta-ink); border-radius: 6px; padding: .3rem .65rem; }
html[data-tema="sport-semafor"] .sf-znak-tih { background: transparent; color: var(--n5-akcent); padding: 0; }
html[data-tema="sport-semafor"] .sf-meta { display: block; font-family: var(--n5-telo); font-weight: 500;
	font-size: .76rem; color: var(--n5-tiho); margin-top: .55rem; }
html[data-tema="sport-semafor"] .sf-meta i { font-style: normal; margin: 0 .4rem; opacity: .6; }

/* ── Sekcije ── */
html[data-tema="sport-semafor"] .sf-sek { margin-top: 2.5rem; }
html[data-tema="sport-semafor"] .sf-sek-head { display: flex; align-items: baseline; justify-content: space-between;
	gap: 1rem; margin-bottom: 1.1rem; }
html[data-tema="sport-semafor"] .sf-sek-tt { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.35rem;
	letter-spacing: -.02em; color: var(--n5-ink); margin: 0; }
html[data-tema="sport-semafor"] .sf-vise { font-family: var(--n5-telo); font-weight: 600; font-size: .8rem;
	color: var(--n5-akcent); text-decoration: none; white-space: nowrap; }
html[data-tema="sport-semafor"] .sf-vise:hover { color: var(--n5-akcent-jak); }

/* ── Trek priče: traka bez svoje podloge, kartice u obliku ovog izgleda ── */
html[data-tema="sport-semafor"] .sf-price .trek-stories-band { background: transparent !important; padding: 0 !important; margin: 0; }
html[data-tema="sport-semafor"] .sf-price .trek-stories-band .container { padding-left: 0; padding-right: 0; max-width: none; }
html[data-tema="sport-semafor"] .sf-price .trek-stories-band .trek-h { display: none; }
html[data-tema="sport-semafor"] .sf-price .trek-story { border-radius: var(--n5-radijus); flex-basis: 208px; height: 312px; }
html[data-tema="sport-semafor"] .sf-price .trek-story-content h5 { font-family: var(--n5-naslov); font-weight: 800; font-size: 1.02rem; }
html[data-tema="sport-semafor"] .sf-price .trek-kicker { background: var(--sf-zuta); color: var(--sf-zuta-ink); border-radius: 6px; }

/* ── U trendu: dve kolone, slika levo ── */
html[data-tema="sport-semafor"] .sf-trend { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
html[data-tema="sport-semafor"] .sf-trend-k { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 1rem;
	background: var(--n5-povrs); border: 1px solid var(--n5-linija); border-radius: var(--n5-radijus);
	padding: .8rem; text-decoration: none; }
html[data-tema="sport-semafor"] .sf-trend-k:hover { border-color: var(--sf-zuta); }
html[data-tema="sport-semafor"] .sf-trend-foto img { width: 132px; height: 104px; object-fit: cover; border-radius: 8px; display: block; }
html[data-tema="sport-semafor"] .sf-trend-n { display: block; font-family: var(--n5-naslov); font-weight: 700;
	font-size: 1rem; line-height: 1.28; color: var(--n5-ink); margin-top: .35rem; }

/* ── Traka snimaka: signal „ima još" bez strelica ──
   ⚠ Prvo je pisano `margin-right: calc(-1 * (100vw - 100%) / 2)` da traka probije desnu
   ivicu kolone kao u predlošku. To NE radi ovde: `100%` je širina same trake, ne
   kontejnera, pa je strana dobila 166 px vodoravnog prelivanja. Bleed preko negativne
   margine u ovoj mreži nije bezbedan (roditelj sa `overflow-x: hidden` bi ubio
   `position: sticky` na levoj šini). Isti utisak daje maska koja gasi desnu ivicu. */
html[data-tema="sport-semafor"] .sf-rail { display: flex; gap: 1rem; overflow-x: auto; scrollbar-width: none;
	padding-bottom: .5rem; scroll-snap-type: x proximity;
	-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 72px), transparent);
	mask-image: linear-gradient(to right, #000 calc(100% - 72px), transparent); }
html[data-tema="sport-semafor"] .sf-rail-k { scroll-snap-align: start; }
html[data-tema="sport-semafor"] .sf-rail::-webkit-scrollbar { display: none; }
html[data-tema="sport-semafor"] .sf-rail-k { flex: 0 0 268px; text-decoration: none; }
html[data-tema="sport-semafor"] .sf-rail-foto { position: relative; display: block; }
html[data-tema="sport-semafor"] .sf-rail-foto img { width: 268px; height: 158px; object-fit: cover;
	border-radius: var(--n5-radijus); display: block; }
html[data-tema="sport-semafor"] .sf-rail-min { position: absolute; right: .55rem; bottom: .55rem;
	font-family: var(--n5-telo); font-weight: 700; font-size: .68rem; color: #fff; background: rgba(0,0,0,.72);
	border-radius: 6px; padding: .2rem .5rem; }
html[data-tema="sport-semafor"] .sf-rail-n { display: block; font-family: var(--n5-naslov); font-weight: 700;
	font-size: .96rem; line-height: 1.28; color: var(--n5-ink); margin-top: .65rem; }
html[data-tema="sport-semafor"] .sf-rail-k:hover .sf-rail-n { color: var(--n5-akcent); }

/* ── Gusta lista naslova ── */
html[data-tema="sport-semafor"] .sf-lista { border-top: 1px solid var(--n5-linija); }
html[data-tema="sport-semafor"] .sf-lista-r { display: flex; align-items: baseline; justify-content: space-between;
	gap: 1rem; padding: .85rem .25rem; border-bottom: 1px solid var(--n5-linija); text-decoration: none; }
html[data-tema="sport-semafor"] .sf-lista-r:hover { background: var(--n5-povrs); }
html[data-tema="sport-semafor"] .sf-lista-n { font-family: var(--n5-telo); font-weight: 600; font-size: .95rem;
	line-height: 1.35; color: var(--n5-ink); }
html[data-tema="sport-semafor"] .sf-lista-r:hover .sf-lista-n { color: var(--n5-akcent); }
html[data-tema="sport-semafor"] .sf-lista-meta { font-family: var(--n5-telo); font-weight: 600; font-size: .74rem;
	color: var(--n5-tiho); white-space: nowrap; font-variant-numeric: tabular-nums; }

/* ── Karakter van naslovne ── */
html[data-tema="sport-semafor"] .trek-rubrika-hero h1,
html[data-tema="sport-semafor"] .card-title,
html[data-tema="sport-semafor"] .tsv-title,
html[data-tema="sport-semafor"] .trek-povezani-tt,
html[data-tema="sport-semafor"] .trek-prose h2,
html[data-tema="sport-semafor"] .trek-prose h3 { font-family: var(--n5-naslov); font-weight: 800; letter-spacing: -.02em; }
html[data-tema="sport-semafor"] .trek-clanak-cover,
html[data-tema="sport-semafor"] .trek-cover-portret,
html[data-tema="sport-semafor"] .trek-card img { border-radius: var(--n5-radijus); }
html[data-tema="sport-semafor"] .trek-kicker { background: var(--sf-zuta); color: var(--sf-zuta-ink); border-radius: 6px; }

/* ── Mobilni prelomi: šina se sklanja iznad sadržaja, rail ostaje ── */
@media (max-width: 1199.98px) {
	html[data-tema="sport-semafor"] .sf-okvir { grid-template-columns: minmax(0, 1fr); }
	html[data-tema="sport-semafor"] .sf-sina { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991.98px) {
	html[data-tema="sport-semafor"] .sf-sina { grid-template-columns: minmax(0, 1fr); }
	html[data-tema="sport-semafor"] .sf-trend { grid-template-columns: 1fr; }
	html[data-tema="sport-semafor"] .sf-hero-foto img { height: 320px; }
	html[data-tema="sport-semafor"] .sf-hero-tt { font-size: 1.5rem; }
	html[data-tema="sport-semafor"] .sf-hero-txt { padding: 1.25rem; }
	html[data-tema="sport-semafor"] .sf-header-red { min-height: 60px; }
}
@media (max-width: 575.98px) {
	html[data-tema="sport-semafor"] .sf-trend-k { grid-template-columns: 96px minmax(0, 1fr); }
	html[data-tema="sport-semafor"] .sf-trend-foto img { width: 96px; height: 82px; }
	html[data-tema="sport-semafor"] .sf-rail-k,
	html[data-tema="sport-semafor"] .sf-rail-foto img { flex-basis: 220px; width: 220px; }
}

/* ══════════════════════════════════════════════════════════════════════════
   TREK PRIČE U SVAKOJ TEMI (04.09.2026)

   Sekcija dolazi iz `partials/price-sekcija.html.twig`, isti parcijal za svih 24
   izgleda; ovde se samo oboji. Klasa `trek-price-tema` stoji na traci.

   ⚠⚠ Osnovno pravilo u trek.css je `.trek-stories-band { background: var(--trek-ink)
   !important }`. U tamnom režimu `--trek-ink` postaje SVETLA boja, pa je beli naslov
   ostajao na svetloj traci: izmeren kontrast **1,13** u svih 20 tema. Zato traka ovde
   dobija boju koja je tamna u OBA režima — traka teme (`--n5-traka`) gde postoji,
   inače tamna rezerva. `!important` je nužan da nadjača ono pravilo.
   ══════════════════════════════════════════════════════════════════════════ */
.trek-price-tema { background: var(--n5-traka, #14161d) !important; }
[data-bs-theme="dark"] .trek-price-tema { background: var(--n5-traka, #0b0d12) !important; }

/* Naslov trake nosi pismo teme, da traka ne izgleda kao da je nalepljena. */
.trek-price-tema .trek-h { font-family: var(--n5-naslov, var(--trek-serif, Georgia, serif)); }
.trek-price-tema .trek-story-content h5 { font-family: var(--n5-naslov, inherit); }
/* Oblik kartice prati oblik teme: Gazeta i Prelom su pravougli, Kiosk je zaobljen. */
.trek-price-tema .trek-story { border-radius: var(--n5-radijus, 1.25rem); }
.trek-price-tema .trek-kicker { background: var(--n5-akcent, var(--trek-accent)); color: #fff; }

/* Tri teme kojima traka NE ide preko cele širine ekrana nego u ritmu strane. */
html[data-tema="n5-blog"] .trek-price-tema { margin-top: 0; margin-bottom: 2rem; }
html[data-tema="travel"] .trek-price-tema,
html[data-tema="lifestyle"] .trek-price-tema { border-radius: 0; }

/* ══════════════════════════════════════════════════════════════════════════
   LEPLJIVO ZAGLAVLJE PO TEMI (04.09.2026)

   `functions.js` na 400 px doda `.navbar-sticky-on`, što zaglavlje pretvara u
   `position: fixed`. Zajedničko pravilo iz style.css tada krije SAMO `.navbar-top`
   i smanjuje `.navbar-brand` — a to su klase News zaglavlja. Teme sa sopstvenim
   zaglavljem zato ostaju pune visine i kao fiksna traka pokriju vrh strane:
   izmereno Indeks 272 px, Derbi 236 px, Podijum 221 px, Plakat 232 px na
   podstranama. Ovde svaka tema kaže ŠTA da skloni kad se zalepi, da ostane
   traka sa logotipom i menijem, a ukrasni pojas (datum, kurs, tiker, veliki
   znak) da se skloni — isto načelo kao kod News-a.

   ⚠ Visinu razmaknice `#sticky-space` sada meri `functions.js` POSLE dodavanja
   klase, pa skupljanje više ne pravi prazninu.
   ══════════════════════════════════════════════════════════════════════════ */

/* Indeks: sklanja se gornja traka (datum, kurs) i živa berzanska traka. */
html[data-tema="biz-indeks"] .bi-header.navbar-sticky-on .bi-topbar,
html[data-tema="biz-indeks"] .bi-header.navbar-sticky-on .trek-brz { display: none !important; }
html[data-tema="biz-indeks"] .bi-header.navbar-sticky-on .bi-mast { padding-block: .35rem; }

/* Derbi: sklanja se podtraka sa tikerom i „uživo" rezultatima. */
html[data-tema="gam-derbi"] .navbar-sticky-on .dr-pod,
html[data-tema="gam-derbi"] .navbar-sticky-on .dr-ponuda { display: none !important; }

/* Podijum: sklanja se gornja traka, a ogroman serifni logotip se svodi na traku. */
html[data-tema="moda-podijum"] .navbar-sticky-on .mp-topbar { display: none !important; }
html[data-tema="moda-podijum"] .navbar-sticky-on .mp-logo { font-size: clamp(1.6rem, 3vw, 2.4rem); padding-block: .3rem; }

/* Plakat: na podstranama zaglavlje nosi pojas sa znakom od 152 px — kad se zalepi,
   ostaje samo tanka traka menija (na naslovnoj je pojas ionako skriven). */
html[data-tema="mag-plakat"] .navbar-sticky-on .pl-znak { display: none !important; }

/* Mandat: gornja traka sa izdanjem se sklanja. */
html[data-tema="biz-mandat"] .navbar-sticky-on .bm-topbar { display: none !important; }

/* Sigurnosna kočnica: nijedno zalepljeno zaglavlje ne sme da pojede pola ekrana. */
.navbar-sticky-on { max-height: 42vh; overflow: hidden; }

/* ── Tamni režim: akcenat koji je zatamnjen zbog belog ne valja na crnom ──
   Sitni natpisi u Depeši i Stadionu su prebačeni na `--n5-akcent-jak` da prođu AA na
   beloj podlozi (2,65 → 4,9 i 3,02 → 5,4). Na tamnoj podlozi je taj isti ton pretaman
   (4,15 i 3,74), pa se tamo vraća osnovni, svetliji akcenat. */
html[data-tema="n5-vesti"][data-bs-theme="dark"] .dp-logo-sub { color: var(--n5-akcent); }
html[data-tema="n5-sport"][data-bs-theme="dark"] .st-nav a b { color: var(--n5-akcent); }

/* Trpeza: isti obrazac kao Depeša i Stadion — zatamnjeni akcenat treba belom, ne crnom. */
html[data-tema="n5-hrana"][data-bs-theme="dark"] .tp-logo span { color: var(--n5-akcent); }

/* ── Poslednja tri nalaza revizije tamnog režima ── */
/* Indeks: strelice rasta i pada dolaze iz trek-blokovi.css u tonu za belu podlogu
   (#16a34a / #dc2626); na tamnoj traci pad daje 2,9. Svetliji tonovi daju 6,8 i 5,4. */
html[data-tema="biz-indeks"][data-bs-theme="dark"] .trek-brz-stavka.je-gore .trek-brz-promena { color: #4ade80; }
html[data-tema="biz-indeks"][data-bs-theme="dark"] .trek-brz-stavka.je-dole .trek-brz-promena { color: #ff8a8a; }

/* Mandat: kocka logotipa nosi akcenat kao podlogu, a u tamnom je akcenat posvetlio,
   pa belo na njemu pada na 2,44. Tekst prelazi u tamno mastilo (11,4). */
html[data-tema="biz-mandat"][data-bs-theme="dark"] .bm-logo-kocka { color: #14100f; }

/* Derbi „uživo" minut: pošto je traka ponude sada tamnozelena i u tamnom režimu,
   beo tekst je ispravan (6,4). Ranije postavljeno tamno mastilo bilo je tamno na tamnom. */

/* ══════════════════════════════════════════════════════════════════════════
   DOPUNA NASLOVNE (04.09.2026) — sekcije iz `partials/naslovna-dopuna.html.twig`

   Pisane JEDNOM, obojene tokenima teme. Rezerve (`var(--n5-x, var(--trek-y))`)
   postoje jer News, Tribina, Salon i Meridijan nisu članovi n5 porodice pa nemaju
   `--n5-*`; tako iste sekcije rade u svih 24 izgleda bez ijedne linije po temi.
   ══════════════════════════════════════════════════════════════════════════ */
.trek-ns { padding: 2.75rem 0 0; }
.trek-ns-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.trek-ns-tt { font-family: var(--n5-naslov, var(--trek-serif, Georgia, serif));
	font-size: clamp(1.25rem, 2.2vw, 1.6rem); font-weight: 700; line-height: 1.15;
	color: var(--n5-ink, var(--trek-ink)); margin: 0 0 1.25rem; }
.trek-ns-head .trek-ns-tt { margin-bottom: 0; }
.trek-ns-sve { flex: 0 0 auto; font-family: var(--n5-telo, inherit); font-weight: 600; font-size: .78rem;
	letter-spacing: .06em; text-transform: uppercase; text-decoration: none; white-space: nowrap;
	color: var(--n5-akcent, var(--trek-accent)); }
.trek-ns-sve:hover { color: var(--n5-akcent-jak, var(--trek-accent)); }
.trek-ns-meta { display: block; font-family: var(--n5-telo, inherit); font-size: .74rem;
	color: var(--n5-tiho, var(--trek-ink-2)); margin-top: .3rem; }

/* Najčitanije: numerisana lista u dve kolone */
.trek-ns-top-lista { list-style: none; margin: 0; padding: 0; display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2.5rem; }
.trek-ns-top-lista li { border-bottom: 1px solid var(--n5-linija, var(--trek-hairline)); }
.trek-ns-top-lista a { display: grid; grid-template-columns: 2.6rem minmax(0, 1fr); gap: .9rem;
	align-items: baseline; padding: .8rem 0; text-decoration: none; }
.trek-ns-br { font-family: var(--n5-naslov, var(--trek-serif, Georgia, serif)); font-weight: 800;
	font-size: 1.25rem; line-height: 1; color: var(--n5-akcent, var(--trek-accent)); font-variant-numeric: tabular-nums; }
.trek-ns-top-n { font-family: var(--n5-telo, inherit); font-weight: 600; font-size: .95rem; line-height: 1.35;
	color: var(--n5-ink, var(--trek-ink)); display: block; }
.trek-ns-top-lista a:hover .trek-ns-top-n { color: var(--n5-akcent, var(--trek-accent)); }

/* Rubrika: mreža od četiri kartice */
.trek-ns-mreza { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; }
.trek-ns-foto { display: block; margin-bottom: .75rem; overflow: hidden; border-radius: var(--n5-radijus, .5rem); }
.trek-ns-foto img { width: 100%; height: 160px; object-fit: cover; display: block; transition: transform .5s ease; }
.trek-ns-kart:hover .trek-ns-foto img { transform: scale(1.05); }
.trek-ns-kart-tt { font-family: var(--n5-naslov, var(--trek-serif, Georgia, serif)); font-weight: 700;
	font-size: 1rem; line-height: 1.3; margin: 0; }
.trek-ns-kart-tt a { color: var(--n5-ink, var(--trek-ink)); text-decoration: none; }
.trek-ns-kart-tt a:hover { color: var(--n5-akcent, var(--trek-accent)); }

/* Nedelja: šest uspravnih kartica */
.trek-ns-ned-red { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1.25rem; }
.trek-ns-ned { text-decoration: none; }
.trek-ns-ned-foto img { width: 100%; height: 128px; object-fit: cover; display: block;
	border-radius: var(--n5-radijus, .5rem); }
.trek-ns-ned-n { display: block; font-family: var(--n5-telo, inherit); font-weight: 600; font-size: .88rem;
	line-height: 1.3; color: var(--n5-ink, var(--trek-ink)); margin-top: .6rem; }
.trek-ns-ned:hover .trek-ns-ned-n { color: var(--n5-akcent, var(--trek-accent)); }

/* Serijali: korice */
.trek-ns-ser-red { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; }
.trek-ns-ser { text-decoration: none; display: block; }
.trek-ns-ser-foto img { width: 100%; height: 230px; object-fit: cover; display: block;
	border-radius: var(--n5-radijus, .5rem); }
.trek-ns-ser-oznaka { display: inline-block; margin: .7rem 0 .35rem; font-family: var(--n5-telo, inherit);
	font-weight: 700; font-size: .64rem; letter-spacing: .1em; text-transform: uppercase;
	color: var(--n5-akcent, var(--trek-accent)); }
.trek-ns-ser-tt { display: block; font-family: var(--n5-naslov, var(--trek-serif, Georgia, serif));
	font-weight: 700; font-size: 1.05rem; line-height: 1.25; color: var(--n5-ink, var(--trek-ink)); }
.trek-ns-ser:hover .trek-ns-ser-tt { color: var(--n5-akcent, var(--trek-accent)); }

/* Autori */
.trek-ns-aut-red { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1.25rem; }
.trek-ns-aut { text-align: center; text-decoration: none; }
.trek-ns-aut img, .trek-ns-aut-ini { width: 84px; height: 84px; border-radius: 50%; object-fit: cover;
	display: inline-flex; align-items: center; justify-content: center; margin-bottom: .6rem;
	background: var(--n5-povrs, var(--trek-paper)); color: var(--n5-akcent, var(--trek-accent));
	font-family: var(--n5-naslov, inherit); font-size: 1.8rem; font-weight: 700; }
.trek-ns-aut-ime { display: block; font-family: var(--n5-telo, inherit); font-weight: 700; font-size: .88rem;
	color: var(--n5-ink, var(--trek-ink)); }
.trek-ns-aut .trek-ns-meta { margin-top: .15rem; }

@media (max-width: 1199.98px) {
	.trek-ns-mreza, .trek-ns-ser-red { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.trek-ns-ned-red, .trek-ns-aut-red { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
	.trek-ns-top-lista { grid-template-columns: 1fr; gap: 0; }
	.trek-ns-ned-red, .trek-ns-aut-red { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
	.trek-ns-mreza, .trek-ns-ser-red { grid-template-columns: 1fr; }
	.trek-ns-foto img { height: 200px; }
}

/* ── Zaglavlja tema na 992–1280 px ──
   ⚠ Meni teme je na 1024 px širi nego što ima mesta, pa gura zajedničku grupu kontrola
   (`.thx-kontrole`: pretraga, svetlo/tamno, nalog, hamburger) van ekrana i strana dobija
   vodoravnu traku — izmereno Tribina 107 px, Signal 67, Depeša 27. Meni sme da se skrati
   (rubrike ostaju u hamburgeru), kontrole ne smeju da se pomere. */
@media (min-width: 992px) and (max-width: 1279.98px) {
	html[data-tema] header nav { min-width: 0; overflow: hidden; }
	html[data-tema] header .thx-kontrole { flex: 0 0 auto; }
}