/* Albion — tamno, gusto, brojke u prvom planu.
   Ćilibar na škriljcu: boja starih semafora i subotnjeg vidiprintera. */

:root {
	--tinta: #0d181d;      /* podloga strane */
	--ploca: #14242b;      /* paneli */
	--ploca-2: #1a2e36;    /* red na prelasku mišem, zaglavlja tabela */
	--linija: #25404a;
	--kreda: #e8eef0;      /* glavni tekst */
	--magla: #8da3ab;      /* sporedni tekst */
	--cilibar: #f3c02f;    /* jedini naglasak: najbolja kvota, akcija */
	--cilibar-tamno: #3a3010;
	--rast: #43c483;
	--pad: #ee5a5f;

	--f-naslov: "Barlow Condensed", "Arial Narrow", sans-serif;
	--f-tekst: "Barlow", system-ui, sans-serif;
	--f-broj: "IBM Plex Mono", ui-monospace, monospace;
	--okvir: 1760px;   /* širina sadržaja; do 22.9.2026 bilo 1320px */
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body.alb {
	margin: 0; background: var(--tinta); color: var(--kreda);
	font: 400 15px/1.5 var(--f-tekst);
}
body.alb a { color: inherit; text-decoration: none; }
body.alb h1, body.alb h2, body.alb h3 { margin: 0; font-family: var(--f-naslov); font-weight: 700; line-height: 1.05; letter-spacing: .005em; }
body.alb p { margin: 0; }
body.alb :focus-visible { outline: 2px solid var(--cilibar); outline-offset: 2px; border-radius: 2px; }

.preskoci { position: absolute; left: -9999px; }
.preskoci:focus { left: 12px; top: 12px; z-index: 50; background: var(--cilibar); color: #111; padding: 8px 12px; }

/* ---------- vidiprinter traka ---------- */
.traka {
	display: flex; align-items: stretch; height: 34px; overflow: hidden;
	background: #070e11; border-bottom: 1px solid var(--linija);
	font: 500 12.5px/34px var(--f-broj); color: var(--cilibar);
}
.traka__oznaka {
	flex: none; padding: 0 14px; background: var(--cilibar); color: #161203;
	font: 700 13px/34px var(--f-naslov); letter-spacing: .08em; text-transform: uppercase;
}
.traka__prozor { flex: 1; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 40px, #000 calc(100% - 40px), transparent); }
.traka__tok { display: inline-flex; white-space: nowrap; animation: kucaj 90s linear infinite; }
.traka:hover .traka__tok { animation-play-state: paused; }
.traka__stavka { display: inline-flex; gap: 9px; padding: 0 22px; border-right: 1px solid #1b2a2f; }
.traka__kl { color: var(--magla); text-transform: uppercase; letter-spacing: .04em; }
.traka__tip { color: #161203; background: var(--cilibar); padding: 0 6px; height: 18px; line-height: 18px; align-self: center; font-weight: 600; }
.traka__pre { color: var(--magla); text-decoration: line-through; }
.gore { color: var(--rast); }
.dole { color: var(--pad); }
@keyframes kucaj { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .traka__tok { animation: none; } .traka__prozor { overflow-x: auto; } }

/* ---------- zaglavlje ---------- */
.glava { background: var(--ploca); border-bottom: 1px solid var(--linija); position: sticky; top: 0; z-index: 20; }
.glava__unutra { max-width: var(--okvir); margin: 0 auto; padding: 0 20px; height: 58px; display: flex; align-items: center; gap: 28px; }
.znak { display: inline-flex; align-items: center; gap: 10px; }
.znak__ploca {
	width: 30px; height: 30px; display: grid; place-items: center; background: var(--cilibar); color: #161203;
	font: 800 22px/1 var(--f-naslov); clip-path: polygon(0 0, 100% 0, 100% 72%, 50% 100%, 0 72%);
}
.znak__ime { font: 800 25px/1 var(--f-naslov); letter-spacing: .14em; }
.znak--malo .znak__ime { font-size: 20px; }
.meni { display: flex; gap: 2px; flex: 1; overflow-x: auto; scrollbar-width: none; }
.meni::-webkit-scrollbar { display: none; }
.meni a {
	padding: 0 14px; height: 58px; display: grid; place-items: center; white-space: nowrap;
	font: 600 17px/1 var(--f-naslov); letter-spacing: .06em; text-transform: uppercase; color: var(--magla);
	border-bottom: 3px solid transparent;
}
.meni a:hover { color: var(--kreda); }
.meni a[aria-current="page"] { color: var(--kreda); border-bottom-color: var(--cilibar); }

.dugme {
	display: inline-block; padding: 11px 18px; background: var(--cilibar); color: #161203 !important;
	font: 700 16px/1 var(--f-naslov); letter-spacing: .06em; text-transform: uppercase; border: 0; cursor: pointer;
}
.dugme:hover { background: #ffd24d; }
.dugme--tiho { background: transparent; color: var(--kreda) !important; border: 1px solid var(--linija); flex: none; }
.dugme--tiho:hover { background: var(--ploca-2); border-color: var(--magla); }

/* ---------- raspored ---------- */
.okvir { max-width: var(--okvir); margin: 0 auto; padding: 22px 20px 60px; }
.tri { display: grid; grid-template-columns: 248px minmax(0, 1fr) 320px; gap: 24px; align-items: start; }
/* klizač levе kolone je pokrivao dugme „Naredna 3 dana": mesto za njega se sada uvek ostavlja */
.tri__levo { position: sticky; top: 80px; max-height: calc(100vh - 100px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-gutter: stable; padding-right: 8px; }
/* desna kolona teče do kraja strane: vesti pa baner pa vesti, bez sopstvenog klizača */
.jedna { max-width: 980px; margin: 0 auto; }
.jedna--uska { max-width: 900px; }

.naslov-male {
	font: 700 14px/1 var(--f-naslov) !important; letter-spacing: .14em !important; text-transform: uppercase;
	color: var(--magla); padding-bottom: 10px; margin-bottom: 8px !important; border-bottom: 1px solid var(--linija);
}

.uvod { margin-bottom: 22px; }
.uvod h1 { font-size: clamp(30px, 4vw, 46px); text-wrap: balance; }
.uvod p { color: var(--magla); margin-top: 10px; max-width: 62ch; }
.uvod a { color: var(--cilibar); border-bottom: 1px solid currentColor; }

/* ---------- meni takmičenja ---------- */
.lige-meni a {
	display: flex; justify-content: space-between; gap: 10px; padding: 8px 10px; color: var(--kreda);
	font-size: 14px; border-left: 2px solid transparent;
}
.lige-meni a:hover { background: var(--ploca); border-left-color: var(--cilibar); }
.lige-meni b { font: 500 12px/1.7 var(--f-broj); color: var(--magla); }

/* ---------- tabela mečeva ---------- */
.liga { margin-bottom: 26px; scroll-margin-top: 90px; }
.liga__ime {
	display: flex; align-items: baseline; gap: 10px; padding: 9px 12px; background: var(--ploca-2);
	font-size: 19px !important; letter-spacing: .04em !important; text-transform: uppercase; border-left: 3px solid var(--cilibar);
}
.liga__ime span { font: 500 12px/1 var(--f-broj); color: var(--magla); }

.mec {
	display: grid; grid-template-columns: 70px minmax(0, 1fr) repeat(3, 84px) 62px; align-items: center;
	background: var(--ploca); border-bottom: 1px solid var(--tinta); min-height: 58px;
}
a.mec:hover { background: var(--ploca-2); }
.mec--glava {
	min-height: 0; padding: 6px 0; background: transparent;
	font: 600 11px/1 var(--f-tekst); letter-spacing: .1em; text-transform: uppercase; color: var(--magla);
}
.mec--glava span { text-align: center; }
.mec--glava span:nth-child(1), .mec--glava span:nth-child(2) { text-align: left; padding-left: 12px; }
.mec__kad { padding-left: 12px; font-size: 11.5px; color: var(--magla); line-height: 1.25; }
.mec__kad b { display: block; font: 600 15px/1.2 var(--f-broj); color: var(--kreda); }
.mec__ko { padding: 0 12px; min-width: 0; }
.mec__ko i { display: block; font-style: normal; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.35; }
.kv { text-align: center; padding: 6px 2px; border-left: 1px solid var(--tinta); align-self: stretch; display: grid; align-content: center; }
.kv b { font: 600 16px/1.15 var(--f-broj); color: var(--cilibar); }
.kv small { display: block; font-size: 10.5px; color: var(--magla); letter-spacing: .02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mec__jos { text-align: center; font: 600 15px/1.1 var(--f-broj); color: var(--magla); border-left: 1px solid var(--tinta); align-self: stretch; display: grid; align-content: center; }
.mec__jos small { display: block; font: 400 9.5px/1.2 var(--f-tekst); letter-spacing: .03em; }

/* ---------- tok vesti ---------- */
.tok { list-style: none; margin: 0; padding: 0; }
.tok li { display: grid; grid-template-columns: 44px 1fr; column-gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--linija); }
.tok time { font: 500 12px/1.6 var(--f-broj); color: var(--cilibar); }
.tok a { font-weight: 500; line-height: 1.32; }
.tok a:hover { color: var(--cilibar); }
.tok__izvor { grid-column: 2; font-size: 11.5px; color: var(--magla); margin-top: 2px; }
.vise { display: inline-block; margin-top: 12px; font: 600 14px/1 var(--f-naslov); letter-spacing: .1em; text-transform: uppercase; color: var(--cilibar); }
.vise:hover { text-decoration: underline; }

/* ---------- strana meča ---------- */
.mrvice { font-size: 13px; color: var(--magla); margin-bottom: 14px; }
.mrvice a:hover { color: var(--cilibar); }
.mrvice span { margin: 0 6px; opacity: .5; }

.duel { padding: 26px 0 28px; border-bottom: 1px solid var(--linija); margin-bottom: 24px; }
.duel__kad { font: 500 13px/1 var(--f-broj); color: var(--cilibar); margin-bottom: 12px !important; letter-spacing: .04em; }
.duel h1 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; font-size: clamp(32px, 6vw, 60px); text-transform: uppercase; letter-spacing: .01em; }
.duel h1 em { font: 500 15px/1 var(--f-tekst); font-style: normal; color: var(--magla); text-transform: none; letter-spacing: 0; }

.ploca { background: var(--ploca); padding: 18px 18px 16px; margin-bottom: 22px; }
.pr { display: grid; grid-template-columns: minmax(0, 1fr) repeat(3, 88px) 78px 70px; align-items: center; border-bottom: 1px solid var(--linija); min-height: 46px; }
.pr:last-child { border-bottom: 0; }
.pr--glava { min-height: 0; padding: 4px 0 8px; font: 600 11px/1 var(--f-tekst); letter-spacing: .1em; text-transform: uppercase; color: var(--magla); }
.pr--glava span { text-align: center; }
.pr--glava span:first-child { text-align: left; }
.pr__ime { font: 600 18px/1 var(--f-naslov); letter-spacing: .03em; }
.pr .kv { border-left: 0; }
.pr .kv b { color: var(--kreda); font-size: 17px; }
.pr .kv--naj b { background: var(--cilibar); color: #161203; padding: 5px 0; display: block; margin: 0 8px; }
.pr__marza, .pr__tipova { text-align: center; font: 500 13px/1 var(--f-broj); color: var(--magla); }
.napomena { margin-top: 12px !important; font-size: 12.5px; color: var(--magla); }

.promene { list-style: none; margin: 0; padding: 0; font: 500 13px/1 var(--f-broj); }
.promene li { display: grid; grid-template-columns: 92px minmax(0, 1fr) 28px 56px 72px; gap: 8px; align-items: center; padding: 9px 0; border-bottom: 1px solid var(--linija); }
.promene li:last-child { border-bottom: 0; }
.promene time, .promene__pre { color: var(--magla); }
.promene__pre { text-decoration: line-through; text-align: right; }
.promene__kl { font: 600 15px/1 var(--f-naslov); letter-spacing: .03em; color: var(--kreda); }
.promene__tip { background: var(--cilibar-tamno); color: var(--cilibar); text-align: center; padding: 3px 0; }

/* ---------- vesti ---------- */
.vest-kartica { background: var(--ploca); padding: 18px 20px 16px; margin-bottom: 12px; border-left: 3px solid transparent; }
.vest-kartica:hover { border-left-color: var(--cilibar); }
.vest-kartica__meta { font: 500 13.5px/1 var(--f-broj); color: var(--cilibar); margin-bottom: 9px !important; display: flex; gap: 6px; align-items: baseline; }
.vest-kartica__dan { margin-left: auto; color: var(--magla); }
.vest-kartica h2 { font-size: 29px; line-height: 1.08 !important; }
.vest-kartica h2 a:hover { color: var(--cilibar); }
.vest-kartica__tekst { color: #c4d1d6; margin-top: 10px !important; font-size: 17px; line-height: 1.55; }
.vest-kartica__dalje { text-align: right; margin-top: 12px !important; }
.opsirnije { display: inline-block; padding: 8px 14px; border: 1px solid var(--cilibar); color: var(--cilibar) !important; font: 600 16px/1 var(--f-naslov); letter-spacing: .05em; }
.opsirnije:hover { background: var(--cilibar); color: #161203 !important; }
.vest h1 { font-size: clamp(30px, 5vw, 48px); margin: 6px 0 18px; text-wrap: balance; }
.vest__izvod { font-size: 18px; line-height: 1.55; color: #c9d5d9; margin-bottom: 24px !important; }
.strane { display: flex; gap: 8px; margin-top: 24px; font: 500 13px/1 var(--f-broj); }
.strane .page-numbers { padding: 9px 12px; background: var(--ploca); }
.strane .current { background: var(--cilibar); color: #161203; }

.prazno { color: var(--magla); font-size: 14px; padding: 8px 0; }
.prazno--veliko { background: var(--ploca); padding: 28px; text-align: center; }

/* ---------- klubovi i lige ---------- */
.trazi { display: block; margin-bottom: 22px; }
.trazi span { display: block; font: 700 13px/1 var(--f-naslov); letter-spacing: .14em; text-transform: uppercase; color: var(--magla); margin-bottom: 8px; }
.trazi input {
	width: 100%; max-width: 440px; padding: 12px 14px; background: var(--ploca); color: var(--kreda);
	border: 1px solid var(--linija); font: 500 16px/1.2 var(--f-tekst);
}
.trazi input::placeholder { color: #5f7780; }
.trazi input:focus { border-color: var(--cilibar); outline: none; }

.zemlja { margin-bottom: 28px; }
.klubovi { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 1px; background: var(--tinta); margin-top: 1px; }
.klub-kartica { display: grid; grid-template-columns: 38px minmax(0, 1fr); column-gap: 12px; align-items: center; padding: 11px 12px; background: var(--ploca); }
.klub-kartica:hover { background: var(--ploca-2); }
.klub-kartica[hidden] { display: none; }
.klub-kartica .grb { grid-row: span 2; }
.klub-kartica__ime { font: 600 18px/1.1 var(--f-naslov); letter-spacing: .02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; align-self: end; }
.klub-kartica small { color: var(--magla); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; align-self: start; }

.grb { width: 38px; height: 38px; object-fit: contain; display: block; }
.grb--prazan { background: var(--ploca-2); clip-path: polygon(0 0, 100% 0, 100% 72%, 50% 100%, 0 72%); }
.grb--veliki { width: 104px; height: 104px; }

.klub-glava { display: flex; align-items: center; gap: 24px; padding: 18px 0 26px; border-bottom: 1px solid var(--linija); margin-bottom: 24px; }
.klub-glava h1 { font-size: clamp(34px, 6vw, 58px); text-transform: uppercase; }
.cinjenice { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 14px 0 0; }
.cinjenice div { display: flex; flex-direction: column; }
.cinjenice dt { font: 600 11px/1 var(--f-tekst); letter-spacing: .1em; text-transform: uppercase; color: var(--magla); }
.cinjenice dd { margin: 5px 0 0; font: 500 16px/1.1 var(--f-broj); color: var(--kreda); }

.tok--siroko li { grid-template-columns: 54px 1fr; }

.lige-spisak { display: grid; gap: 1px; background: var(--tinta); }
.liga-red { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 12px 14px; background: var(--ploca); }
.liga-red:hover { background: var(--ploca-2); }
.liga-red__ime { font: 600 21px/1.1 var(--f-naslov); letter-spacing: .03em; text-transform: uppercase; }
.liga-red__br { font: 500 12.5px/1 var(--f-broj); color: var(--magla); }
.liga-red__br.ima { color: var(--cilibar); }

@media (max-width: 760px) {
	.klubovi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.klub-glava { gap: 16px; }
	.grb--veliki { width: 72px; height: 72px; }
	.liga-red__ime { font-size: 18px; }
}

/* ---------- baneri ---------- */
.baner-traka { max-width: var(--okvir); margin: 0 auto; padding: 0 20px; }
.baner-traka .baner { margin: 16px auto 0; }
.baner { position: relative; margin: 0 auto 22px; max-width: 100%; text-align: center; line-height: 0; }
.baner img { max-width: 100%; height: auto; display: inline-block; }
.baner__oznaka { position: absolute; right: 0; bottom: 0; padding: 3px 6px; background: rgba(7, 14, 17, .82); color: var(--magla); font: 500 9.5px/1 var(--f-tekst); letter-spacing: .08em; text-transform: uppercase; }
.baner--desno, .baner--desno-2 { margin-bottom: 18px; }
.baner--desno-2 { margin-top: 20px; }
.baner--prazan { border: 1px dashed var(--linija); padding: 18px 10px; line-height: 1.4; }
.baner--prazan a { color: var(--magla) !important; font: 500 12px/1.4 var(--f-broj); }
.baner--prazan a:hover { color: var(--cilibar) !important; }

.pr { grid-template-columns: minmax(0, 1fr) repeat(3, 88px) 78px 70px 84px; }
.pr__igraj { text-align: right; }
.igraj { display: inline-block; padding: 7px 12px; background: var(--cilibar); color: #161203 !important; font: 700 14px/1 var(--f-naslov); letter-spacing: .08em; text-transform: uppercase; }
.igraj:hover { background: #ffd24d; }
@media (max-width: 760px) {
	.baner-traka { padding: 0 12px; }
	.pr { grid-template-columns: minmax(0, 1fr) repeat(3, 54px) 62px; }
	.pr__marza, .pr--glava span:nth-child(5) { display: none; }
	.igraj { padding: 7px 8px; font-size: 13px; }
}

/* ---------- zajednica: obrasci, tipovi, rang ---------- */
.jedna--obrazac { max-width: 460px; }
.obrazac, .tip-obrazac { display: grid; gap: 16px; }
.obrazac label, .tip-obrazac > label { display: grid; gap: 6px; font: 600 14px/1.2 var(--f-tekst); }
.obrazac small, .tip-obrazac small { font-weight: 400; color: var(--magla); font-size: 12.5px; }
.obrazac input[type=text], .obrazac input[type=email], .obrazac input[type=password], .tip-obrazac input[type=number], .tip-obrazac textarea {
	width: 100%; padding: 12px 14px; background: var(--ploca); color: var(--kreda); border: 1px solid var(--linija); font: 500 16px/1.3 var(--f-tekst);
}
.tip-obrazac input[type=number], .tip-obrazac textarea { background: var(--tinta); }
.tip-obrazac input[type=number] { max-width: 110px; font-family: var(--f-broj); }
.obrazac input:focus, .tip-obrazac input:focus, .tip-obrazac textarea:focus { border-color: var(--cilibar); outline: none; }
.obrazac .stikla { display: flex; align-items: center; gap: 10px; font-weight: 500; }
.obrazac .stikla input { width: 18px; height: 18px; accent-color: var(--cilibar); }
.zamka { position: absolute !important; left: -9999px; }
.ispod-obrasca { margin-top: 18px !important; color: var(--magla); font-size: 14px; }
.ispod-obrasca a, .veza { color: var(--cilibar) !important; border-bottom: 1px solid currentColor; }
.poruka { padding: 12px 14px; margin-bottom: 16px !important; font-size: 14.5px; border-left: 3px solid; }
.poruka--greska { background: #2a1517; border-color: var(--pad); color: #ffd9da; }
.poruka--ok { background: #12281d; border-color: var(--rast); color: #d3f5e2; }

.tip-izbor { border: 0; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.tip-izbor legend { font: 600 14px/1.2 var(--f-tekst); margin-bottom: 8px; padding: 0; }
.tip-izbor input { position: absolute; opacity: 0; }
.tip-izbor span { display: grid; gap: 3px; padding: 12px 10px; background: var(--tinta); border: 1px solid var(--linija); text-align: center; cursor: pointer; }
.tip-izbor b { font: 700 22px/1 var(--f-naslov); }
.tip-izbor i { font-style: normal; font-size: 12.5px; color: var(--magla); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tip-izbor em { font: 600 17px/1.2 var(--f-broj); font-style: normal; color: var(--cilibar); }
.tip-izbor input:checked + span { border-color: var(--cilibar); background: var(--cilibar-tamno); }
.tip-izbor input:focus-visible + span { outline: 2px solid var(--cilibar); outline-offset: 2px; }

.tipovi { list-style: none; margin: 0; padding: 0; }
.tip-red { display: grid; grid-template-columns: 38px minmax(0, 1fr) 78px 46px 84px; gap: 4px 12px; align-items: center; padding: 11px 0; border-bottom: 1px solid var(--linija); }
.tip-red:last-child { border-bottom: 0; }
.tip-red__tip { display: grid; place-items: center; width: 38px; height: 38px; background: var(--cilibar); color: #161203; font: 800 20px/1 var(--f-naslov); }
.tip-red__mec a { font: 600 18px/1.15 var(--f-naslov); letter-spacing: .02em; }
.tip-red__mec a:hover { color: var(--cilibar); }
.tip-red__mec small { display: block; color: var(--magla); font-size: 12px; margin-top: 2px; }
.tip-red__mec small a { font: inherit; color: var(--kreda); letter-spacing: 0; }
.tip-red__kvota, .tip-red__ulog { text-align: center; font: 600 15px/1.1 var(--f-broj); }
.tip-red__kvota b { color: var(--cilibar); }
.tip-red__kvota small, .tip-red__ulog small { display: block; font: 400 10px/1.3 var(--f-tekst); color: var(--magla); }
.tip-red__tekst { grid-column: 2 / -1; color: #c4d1d6; font-size: 14.5px; margin-top: 2px !important; }
.ishod { justify-self: end; padding: 5px 8px; font: 600 11px/1 var(--f-tekst); letter-spacing: .06em; text-transform: uppercase; border: 1px solid var(--linija); color: var(--magla); white-space: nowrap; }
.ishod--dobitan { border-color: var(--rast); color: var(--rast); }
.ishod--gubitan { border-color: var(--pad); color: var(--pad); }

.rg { display: grid; grid-template-columns: 44px minmax(0, 1fr) 70px 86px 86px 80px; align-items: center; min-height: 46px; border-bottom: 1px solid var(--linija); font: 500 14px/1 var(--f-broj); }
.rg:last-child { border-bottom: 0; }
a.rg:hover { background: var(--ploca-2); }
.rg span { text-align: center; }
.rg--glava { min-height: 0; padding-bottom: 8px; font: 600 11px/1 var(--f-tekst); letter-spacing: .1em; text-transform: uppercase; color: var(--magla); }
.rg__mesto { color: var(--cilibar); font-weight: 600; }
.rg .rg__ime, .rg--glava span:nth-child(2) { text-align: left; }
.rg__ime { font: 600 18px/1 var(--f-naslov); letter-spacing: .03em; color: var(--kreda); }

.avatar { width: 88px; height: 88px; flex: none; display: grid; place-items: center; background: var(--cilibar); color: #161203; font: 800 46px/1 var(--f-naslov); clip-path: polygon(0 0, 100% 0, 100% 72%, 50% 100%, 0 72%); }
.klub-glava__desno { margin-left: auto; align-self: flex-start; }
button.dugme[disabled] { opacity: .6; cursor: wait; }

@media (max-width: 760px) {
	.tip-red { grid-template-columns: 34px minmax(0, 1fr) 62px; }
	.tip-red__tip { width: 34px; height: 34px; font-size: 18px; }
	.tip-red__ulog { display: none; }
	.tip-red .ishod { grid-column: 2 / -1; justify-self: start; }
	.rg { grid-template-columns: 30px minmax(0, 1fr) 56px 66px; }
	.rg span:nth-child(3), .rg span:nth-child(6) { display: none; }
	.klub-glava { flex-wrap: wrap; }
	.klub-glava__desno { margin-left: 0; width: 100%; }
	.avatar { width: 64px; height: 64px; font-size: 34px; }
}

/* ---------- rezultati ---------- */
.rz { display: grid; grid-template-columns: 70px minmax(0, 1fr) 62px 96px 84px 70px; align-items: center; background: var(--ploca); border-bottom: 1px solid var(--tinta); min-height: 56px; }
.rz--glava { min-height: 0; padding: 6px 0; background: transparent; font: 600 11px/1 var(--f-tekst); letter-spacing: .1em; text-transform: uppercase; color: var(--magla); }
.rz--glava span { text-align: center; }
.rz--glava span:nth-child(1), .rz--glava span:nth-child(2) { text-align: left; padding-left: 12px; }
.rz .mec__ko i { color: var(--magla); }
.rz .mec__ko i.pobednik { color: var(--kreda); font-weight: 600; }
.rz__kraj { display: grid; text-align: center; border-left: 1px solid var(--tinta); align-self: stretch; align-content: center; }
.rz__kraj b { font: 600 17px/1.3 var(--f-broj); color: var(--cilibar); }
.rz__kraj small { font-size: 9.5px; color: var(--rast); text-transform: uppercase; letter-spacing: .06em; }
.rz__malo { text-align: center; font: 500 13.5px/1 var(--f-broj); color: var(--magla); border-left: 1px solid var(--tinta); align-self: stretch; display: grid; align-content: center; }
.duel__rez { margin-top: 16px !important; display: flex; align-items: baseline; gap: 16px; flex-wrap: wrap; }
.duel__rez b { font: 700 46px/1 var(--f-broj); color: var(--cilibar); }
.duel__rez span { font: 500 13px/1.4 var(--f-broj); color: var(--magla); }

/* ---------- grupe i razgovor ---------- */
.uvod__dugmad { margin-top: 16px !important; display: flex; gap: 10px; flex-wrap: wrap; }
.dve { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.grupe { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1px; background: var(--tinta); }
.grupa-kartica { display: grid; gap: 6px; padding: 0 16px 16px; background: var(--tinta); border: 1px solid var(--linija); overflow: hidden; align-content: start; }
.grupa-kartica__slika { display: block; width: calc(100% + 32px); max-width: none; margin: 0 -16px 8px; height: 132px; object-fit: cover; filter: saturate(.75) contrast(1.05) brightness(.82); transition: filter .25s; }
.grupa-kartica:hover .grupa-kartica__slika { filter: none; }
.grupa-kartica:not(:has(img)) { padding-top: 16px; }
.grupa-slika { margin: 0 0 22px; }
.grupa-slika img { display: block; width: 100%; height: 300px; object-fit: cover; }
.grupa-slika figcaption { margin-top: 6px; font: 400 11px/1.3 var(--f-broj); color: var(--magla); text-align: right; }
.grupa-slika figcaption a { border-bottom: 1px solid currentColor; }
@media (prefers-reduced-motion: reduce) { .grupa-kartica__slika { transition: none; } }
.grupa-kartica:hover { border-color: var(--cilibar); }
.grupa-kartica__ime { font: 700 22px/1.05 var(--f-naslov); letter-spacing: .02em; text-transform: uppercase; }
.grupa-kartica__opis { color: var(--magla); font-size: 13.5px; line-height: 1.4; }
.grupa-kartica__br { font: 500 12px/1 var(--f-broj); color: var(--cilibar); margin-top: 4px; }
.rg--kratko { grid-template-columns: 34px minmax(0, 1fr) 56px 74px; }

.poruke, .poruke ol { list-style: none; margin: 0; padding: 0; }
.poruka-red { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--linija); }
.poruke .children { margin-left: 50px; }
.poruka-red--odgovor { border-bottom: 0; padding: 10px 0 4px; }
.poruka-red__slovo { width: 38px; height: 38px; display: grid; place-items: center; background: var(--ploca-2); color: var(--cilibar); font: 700 20px/1 var(--f-naslov); }
.poruka-red__ko { font: 600 16px/1 var(--f-naslov); letter-spacing: .03em; display: flex; gap: 10px; align-items: baseline; }
.poruka-red__ko a:hover { color: var(--cilibar); }
.poruka-red__ko time { font: 400 11.5px/1 var(--f-broj); color: var(--magla); letter-spacing: 0; }
.poruka-red__tekst { margin-top: 6px; color: #d0dadd; line-height: 1.5; overflow-wrap: anywhere; }
.poruka-red__odg { margin-top: 6px !important; }
.poruka-red__odg a { font: 600 12px/1 var(--f-tekst); letter-spacing: .08em; text-transform: uppercase; color: var(--magla) !important; }
.poruka-red__odg a:hover { color: var(--cilibar) !important; }
.poruka-obrazac { margin-top: 18px; }
.poruka-obrazac textarea { width: 100%; padding: 12px 14px; background: var(--tinta); color: var(--kreda); border: 1px solid var(--linija); font: 400 16px/1.45 var(--f-tekst); resize: vertical; }
.poruka-obrazac textarea:focus { border-color: var(--cilibar); outline: none; }
.poruka-obrazac .form-submit { margin: 0; }
#reply-title { font: 600 14px/1.2 var(--f-tekst) !important; margin-bottom: 8px !important; }
#reply-title small a { color: var(--cilibar) !important; margin-left: 8px; }
.sadrzaj { line-height: 1.65; font-size: 17px; }
.sadrzaj p { margin: 0 0 1em !important; }

@media (max-width: 760px) {
	.rz { grid-template-columns: 52px minmax(0, 1fr) 46px 58px; }
	.rz span:nth-child(5), .rz span:nth-child(6) { display: none; }
	.dve { grid-template-columns: 1fr; gap: 0; }
	.grupa-slika img { height: 190px; }
	.poruke .children { margin-left: 22px; }
	.duel__rez b { font-size: 36px; }
}

/* ---------- struktura: kladionice, jezičci, pitanja, veze u podnožju ---------- */
.kt { display: grid; grid-template-columns: minmax(0, 1fr) 90px 130px 84px 84px 84px; align-items: center; min-height: 50px; border-bottom: 1px solid var(--linija); }
.kt:last-child { border-bottom: 0; }
.kt--glava { min-height: 0; padding-bottom: 8px; font: 600 11px/1.2 var(--f-tekst); letter-spacing: .1em; text-transform: uppercase; color: var(--magla); }
.kt--glava span { text-align: center; } .kt--glava span:first-child { text-align: left; }
.kt__ime { font: 600 20px/1 var(--f-naslov); letter-spacing: .03em; }
.kt__ime:hover { color: var(--cilibar); }
.kt__broj { text-align: center; font: 500 15px/1 var(--f-broj); color: var(--magla); }
.kt__broj--jako { color: var(--cilibar); font-weight: 600; }
.kv--tiho b { color: var(--magla); }
.kv small:empty { display: none; }
.kv small:has(em) { display: flex; justify-content: center; gap: 3px; overflow: visible; min-width: 0; max-width: 100%; }
.kv__ko { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.kv small em { flex: none; font-style: normal; color: var(--cilibar); font-weight: 600; }
.uvodni { color: #c4d1d6; max-width: 70ch; margin-bottom: 22px !important; }
.jezicci a { padding: 9px 14px; border: 1px solid var(--linija); font: 600 15px/1 var(--f-naslov); letter-spacing: .06em; text-transform: uppercase; color: var(--magla) !important; border-bottom-width: 1px; }
.jezicci a:hover { color: var(--kreda) !important; border-color: var(--magla); }
.jezicci a[aria-current="page"] { background: var(--cilibar); border-color: var(--cilibar); color: #161203 !important; }
.pitanja details { border-bottom: 1px solid var(--linija); padding: 12px 0; }
.pitanja details:last-child { border-bottom: 0; }
.pitanja summary { cursor: pointer; font: 600 18px/1.2 var(--f-naslov); letter-spacing: .02em; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.pitanja summary::after { content: "+"; color: var(--cilibar); font: 600 20px/1 var(--f-broj); }
.pitanja details[open] summary::after { content: "–"; }
.pitanja summary::-webkit-details-marker { display: none; }
.pitanja p { margin-top: 8px !important; color: #c4d1d6; max-width: 72ch; }
.oblak { display: flex; flex-wrap: wrap; gap: 8px; }
.oblak a { padding: 8px 12px; background: var(--tinta); border: 1px solid var(--linija); font-size: 14px; }
.oblak a:hover { border-color: var(--cilibar); color: var(--cilibar); }
.klub-glava__orig { color: var(--magla); font: 500 14px/1 var(--f-broj); margin-top: 6px !important; }
.duel h1 a:hover { color: var(--cilibar); }
.mrvice span[aria-current] { color: var(--kreda); }
.dno__veze { max-width: var(--okvir); margin: 0 auto; padding: 30px 20px 6px; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 30px; }
.dno__klubovi { max-width: var(--okvir); margin: 0 auto; padding: 8px 20px 26px; border-bottom: 1px solid var(--linija); display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px; }
.dno__zemlja ul { list-style: none; margin: 0; padding: 0; }
.dno__zemlja li { padding: 3px 0; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dno__zemlja a { color: var(--magla); }
.dno__zemlja a:hover { color: var(--cilibar); }
.dno__veze ul { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 20px; }
.dno__veze div:nth-child(n+2) ul { columns: 1; }
.dno__veze li { padding: 4px 0; font-size: 13.5px; break-inside: avoid; }
.dno__veze a { color: var(--magla); } .dno__veze a:hover { color: var(--cilibar); }
@media (max-width: 760px) {
	.kt { grid-template-columns: minmax(0, 1fr) 62px 74px; }
	.kt span:nth-child(4), .kt span:nth-child(5), .kt span:nth-child(6) { display: none; }
	.dno__veze { grid-template-columns: 1fr 1fr; gap: 20px; padding: 24px 12px 6px; }
	.dno__klubovi { padding: 8px 12px 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; }
}

/* ---------- cenovnik, pravne strane, red u podnožju ---------- */
.cn { display: grid; grid-template-columns: minmax(0, 1.1fr) 150px minmax(0, 1.6fr) 150px; gap: 14px; align-items: center; padding: 13px 0; border-bottom: 1px solid var(--linija); }
.cn:last-child { border-bottom: 0; }
.cn--glava { padding: 0 0 8px; font: 600 11px/1.2 var(--f-tekst); letter-spacing: .1em; text-transform: uppercase; color: var(--magla); }
.cn__ime { font: 600 19px/1.15 var(--f-naslov); letter-spacing: .02em; }
.cn__mera { font: 500 13px/1.3 var(--f-broj); color: var(--magla); }
.cn__gde { color: #c4d1d6; font-size: 14px; line-height: 1.4; }
.cn__cena { font: 600 16px/1.2 var(--f-broj); color: var(--cilibar); text-align: right; }
.cn--glava span:last-child { text-align: right; }
.ploca--poziv { border-left: 3px solid var(--cilibar); }
.ploca--poziv h2 { font-size: 26px; margin-bottom: 8px !important; }
.sadrzaj h2 { font-size: 26px !important; margin: 1.5em 0 .5em !important; }
.sadrzaj h3 { font-size: 20px !important; margin: 1.2em 0 .4em !important; }
.sadrzaj a { color: var(--cilibar) !important; border-bottom: 1px solid currentColor; }
.sadrzaj { color: #d0dadd; }
.obrazac__sitno { font-size: 12.5px; color: var(--magla); line-height: 1.5; }
.dno__pravno { max-width: var(--okvir); margin: 0 auto; padding: 20px 20px; border-top: 1px solid var(--linija); border-bottom: 1px solid var(--linija); display: flex; flex-wrap: wrap; gap: 8px 22px; justify-content: center; }
.dno__pravno a { font: 600 14px/1.2 var(--f-naslov); letter-spacing: .08em; text-transform: uppercase; color: var(--kreda); }
.dno__pravno a:hover { color: var(--cilibar); }
.dno__obelodanjivanje { max-width: 860px; margin: 12px auto 0 !important; padding: 0 20px; text-align: center; font-size: 12.5px !important; color: var(--magla); line-height: 1.55; }
@media (max-width: 760px) {
	.cn { grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; }
	.cn--glava { display: none; }
	.cn__mera { grid-column: 1; } .cn__gde { grid-column: 1 / -1; } .cn__cena { grid-row: 1; grid-column: 2; }
	.dno__pravno { justify-content: flex-start; padding: 16px 12px; gap: 12px 18px; }
	.dno__obelodanjivanje { text-align: left; padding: 0 12px; }
}

/* ---------- podnožje ---------- */
.dno { border-top: 1px solid var(--linija); background: #0a1317; margin-top: 40px; }
.dno__unutra { max-width: var(--okvir); margin: 0 auto; padding: 34px 20px; display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 34px; }
.dno h3 { font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: var(--magla); margin-bottom: 10px; }
.dno p { color: var(--magla); font-size: 13.5px; margin-top: 10px; }
.dno__kl { color: var(--kreda) !important; font: 600 16px/1.5 var(--f-naslov); letter-spacing: .03em; margin-top: 0 !important; }
.dno__sitno { font: 400 12px/1.5 var(--f-broj) !important; }
.osamnaest { display: inline-grid; place-items: center; width: 30px; height: 30px; border: 2px solid var(--pad); border-radius: 50%; color: var(--pad); font: 700 12px/1 var(--f-tekst); margin-right: 6px; }
.dno__potpis { text-align: center; padding: 14px; border-top: 1px solid var(--linija); font-size: 12px !important; margin: 0 !important; }

/* ---------- manji ekrani ---------- */
@media (max-width: 1100px) {
	.dno__klubovi { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.tri { grid-template-columns: minmax(0, 1fr) 280px; }
	.tri__levo { grid-column: 1 / -1; position: static; max-height: none; }
	.tri__levo .naslov-male { display: none; }
	.lige-meni { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 6px; scrollbar-width: none; }
	.lige-meni a { flex: none; background: var(--ploca); border-left: 0; border-bottom: 2px solid transparent; white-space: nowrap; }
	.lige-meni a:hover { border-bottom-color: var(--cilibar); }
}
@media (max-width: 760px) {
	.okvir { padding: 16px 12px 40px; }
	.glava__unutra { padding: 0 12px; gap: 12px; height: 52px; }
	.znak__ime { font-size: 21px; letter-spacing: .1em; }
	.meni a { height: 52px; padding: 0 10px; font-size: 15px; }
	.glava .dugme--tiho { display: none; } /* samo u zaglavlju; ranije je krilo i „Odjavi se" i „Pratiš · prekini" */
	.tri { grid-template-columns: minmax(0, 1fr); }
	.mec { grid-template-columns: 64px minmax(0, 1fr) repeat(3, 58px); }
	.mec__kad { white-space: nowrap; padding-left: 8px; font-size: 11px; } /* „sre 14.10." u jednom redu */
	.mec__jos, .mec--glava span:last-child { display: none; }
	.kv b { font-size: 14.5px; }
	.kv small { font-size: 9.5px; }
	.mec__ko i { font-size: 14px; }
	.pr { grid-template-columns: minmax(0, 1fr) repeat(3, 54px) 62px; }
	.pr__tipova, .pr--glava span:nth-child(6), .pr__marza, .pr--glava span:nth-child(5) { display: none; }
	.pr__ime { font-size: 16px; }
	.vest-kartica { padding: 14px 14px 12px; }
	.vest-kartica h2 { font-size: 23px; }
	.vest-kartica__tekst { font-size: 15.5px; }
	.pr .kv--naj b { margin: 0 3px; }
	.promene li { grid-template-columns: 78px minmax(0, 1fr) 24px 48px 64px; font-size: 12px; }
	.dno__unutra { grid-template-columns: 1fr; gap: 22px; }
	.traka__oznaka { display: none; }
}


/* ---------- tržišta 0-2 / 3+ / GG i prosečna kvota (20.9.2026) ---------- */
.kv--dod { display: none !important; }
.kv--nema { color: var(--magla); font: 500 14px/1 var(--f-broj); }
.kv small.kv__pros { font-size: 10px; color: #6f868e; letter-spacing: .01em; }
.pr--prosek { background: var(--ploca-2); border-bottom: 0; }
.pr--prosek .pr__ime { color: var(--magla); font-weight: 500; }
.pr--prosek .kv b { color: var(--magla); font-size: 15px; }
.poredjenje--cetiri .pr { grid-template-columns: minmax(0, 1fr) repeat(4, 96px); }
@media (min-width: 1100px) {
	.siroko .mec { grid-template-columns: 70px minmax(0, 1fr) repeat(6, 86px) 62px; }
	.siroko .kv--dod { display: grid !important; }
	.siroko .mec--glava .kv--dod { display: block !important; }
	.siroko .kv:nth-child(6) { border-left: 2px solid var(--tinta); }
}
/* Naslovna na širokom ekranu: srednja kolona ima preko 1000px, pa staju i golovi i „oba daju gol" (22.9.2026). */
@media (min-width: 1500px) {
	.tri__sredina .mec { grid-template-columns: 70px minmax(0, 1fr) repeat(6, 86px) 62px; }
	.tri__sredina .kv--dod { display: grid !important; }
	.tri__sredina .mec--glava .kv--dod { display: block !important; }
	.tri__sredina .kv:nth-child(6) { border-left: 2px solid var(--tinta); }
}
@media (max-width: 760px) {
	.kv small.kv__pros { font-size: 9px; letter-spacing: 0; } /* na telefonu ostaje vidljiv, samo sitniji */
	a.mec { min-height: 66px; } /* samo redovi mečeva, ne i zaglavlje tabele */
	.poredjenje--cetiri .pr { grid-template-columns: minmax(0, 1fr) repeat(4, 50px); }
}


/* ---------- meni na telefonu (20.9.2026): devet stavki ne staje u red ---------- */
.meni-dugme { display: none; }
.meni__nalog { display: none !important; }
@media (max-width: 980px) {
	.glava__unutra { position: relative; }
	.meni-dugme { display: grid; gap: 5px; align-content: center; justify-items: stretch; width: 44px; height: 44px; padding: 0 10px; margin-left: auto; background: none; border: 1px solid var(--linija); border-radius: 6px; cursor: pointer; order: 3; }
	.meni-dugme span { display: block; height: 2px; background: var(--kreda); border-radius: 1px; transition: transform .18s, opacity .18s; }
	.meni-dugme[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
	.meni-dugme[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
	.meni-dugme[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
	.meni-dugme:focus-visible { outline: 2px solid var(--cilibar); outline-offset: 2px; }
	.meni { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; gap: 0; overflow: visible; background: var(--ploca); border-bottom: 1px solid var(--linija); box-shadow: 0 18px 30px rgba(0, 0, 0, .45); padding: 6px 0 10px; max-height: calc(100dvh - 60px); overflow-y: auto; }
	.meni.otvoren { display: flex; }
	.meni a { height: auto !important; min-height: 48px; padding: 0 20px !important; display: flex; align-items: center; font-size: 18px !important; border-bottom: 0; border-left: 3px solid transparent; }
	.meni a[aria-current="page"] { border-left-color: var(--cilibar); border-bottom-color: transparent; }
	.meni__nalog { display: flex !important; color: var(--cilibar) !important; }
	.meni a:not(.meni__nalog) + .meni__nalog { margin-top: 6px; border-top: 1px solid var(--linija); }
	.glava .dugme--tiho { display: none; }
}
@media (prefers-reduced-motion: reduce) { .meni-dugme span { transition: none; } }

/* ---------- kretanje kvota ---------- */
.kr { display: grid; grid-template-columns: minmax(0, 1fr) 190px 170px 150px; gap: 0 14px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--linija); }
a.kr:hover { background: var(--ploca-2); }
.kr--glava { padding: 4px 0 8px; font: 600 11px/1 var(--f-tekst); letter-spacing: .1em; text-transform: uppercase; color: var(--magla); }
.kr small { display: block; font-size: 12px; color: var(--magla); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kr__mec { min-width: 0; } .kr__mec b { font-weight: 600; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kr__ishod i { font: 700 15px/1 var(--f-broj); font-style: normal; color: #161203; background: var(--cilibar); padding: 3px 7px; display: inline-block; }
.kr__broj { font: 500 15px/1.2 var(--f-broj); } .kr__broj s { color: var(--magla); } .kr__broj b { color: var(--kreda); font-weight: 600; }
.kr__broj .kr__naj { color: var(--cilibar); } .kr__broj .kr__ost { text-decoration: none; }
.kr__promena { font: 600 16px/1.2 var(--f-broj); }
.kr__promena small, .kr__broj small { font-family: var(--f-tekst); font-weight: 400; }
@media (max-width: 760px) {
	.kr { grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; }
	.kr--glava { display: none; }
	.kr__mec { grid-column: 1 / -1; }
	.kr__promena { grid-row: 2; grid-column: 2; text-align: right; }
	.kr__broj { grid-column: 1 / -1; }
	.kr__ishod small { display: inline; margin-left: 6px; }
}


/* ---------- žuta linija na vrhu (20.9.2026): ista kao na slici za deljenje; tanka, da ćilibar ostane rezervisan za kvote ---------- */
body.alb { border-top: 3px solid var(--cilibar); }

/* ---------- tiket ---------- */
[data-tm] { cursor: pointer; }
.mec [data-tm]:hover b, .pr [data-tm]:hover b { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.kv--tiket { background: var(--cilibar-tamno); box-shadow: inset 0 0 0 2px var(--cilibar); }
.pr .kv--tiket { border-radius: 2px; }
[data-tm]:focus-visible { outline: 2px solid var(--kreda); outline-offset: -2px; }
.tiket-dugme { position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); z-index: 8000; background: var(--cilibar); color: #161203; border: 0; border-radius: 8px; padding: 0 16px; height: 48px; font: 700 17px/1 var(--f-naslov); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; box-shadow: 0 10px 28px rgba(0, 0, 0, .5); display: flex; align-items: center; gap: 10px; }
.tiket-dugme[hidden] { display: none; }
.tiket-dugme b { background: #161203; color: var(--cilibar); min-width: 26px; height: 26px; border-radius: 13px; display: grid; place-items: center; font: 600 14px/1 var(--f-broj); padding: 0 6px; }
.tiket-dugme:focus-visible { outline: 2px solid var(--kreda); outline-offset: 3px; }
.tiket-dugme--skok { animation: tiket-skok .28s ease-out; }
@keyframes tiket-skok { 40% { transform: translateY(-5px); } }
.tiket { position: fixed; right: 16px; bottom: calc(76px + env(safe-area-inset-bottom)); z-index: 8001; width: 400px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 110px); display: flex; flex-direction: column; background: var(--ploca); border: 1px solid var(--linija); border-top: 3px solid var(--cilibar); box-shadow: 0 18px 50px rgba(0, 0, 0, .6); }
.tiket[hidden] { display: none; }
.tiket__glava { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; border-bottom: 1px solid var(--linija); }
.tiket__glava h2 { font-size: 18px; letter-spacing: .12em; text-transform: uppercase; margin: 0; }
.tiket__x, .tiket__ukloni { background: none; border: 0; color: var(--magla); font-size: 24px; line-height: 1; cursor: pointer; padding: 6px 8px; }
.tiket__x:hover, .tiket__ukloni:hover { color: var(--kreda); }
.tiket__telo { overflow-y: auto; padding: 6px 14px 14px; }
.tiket__telo--ceka { opacity: .55; }
.tiket__prazno { color: var(--magla); padding: 14px 0; }
.tiket__stavke { list-style: none; margin: 0; padding: 0; }
.tiket__stavke li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 2px 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--linija); }
.tiket__stavke a { grid-column: 1; min-width: 0; } .tiket__stavke a b { display: block; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tiket__stavke small { display: block; font-size: 11.5px; color: var(--magla); }
.tiket__tip { grid-column: 1; font-size: 13px; color: var(--magla); } .tiket__tip i { font: 700 12px/1 var(--f-broj); font-style: normal; background: var(--cilibar); color: #161203; padding: 2px 5px; margin-right: 4px; }
.tiket__kv { grid-column: 2; grid-row: 1 / span 2; text-align: right; font: 600 17px/1.1 var(--f-broj); color: var(--cilibar); } .tiket__kv small { font-family: var(--f-tekst); font-weight: 400; }
.tiket__ukloni { grid-column: 3; grid-row: 1 / span 2; }
.tiket__ulog { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 14px 0 4px; font-size: 14px; color: var(--magla); }
.tiket__ulog input { width: 130px; background: var(--tinta); border: 1px solid var(--linija); color: var(--kreda); font: 600 16px/1 var(--f-broj); padding: 9px 10px; text-align: right; }
.tiket__ulog input:focus-visible { outline: 2px solid var(--cilibar); outline-offset: 1px; }
.tiket h3 { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--magla); margin: 16px 0 6px; }
.tiket__red { display: grid; grid-template-columns: minmax(0, 1fr) 64px 110px 56px; gap: 8px; align-items: center; padding: 7px 8px; border-bottom: 1px solid var(--linija); font-size: 14px; }
.tiket__red b { font: 600 15px/1 var(--f-broj); text-align: right; } .tiket__red em { font: 500 14px/1 var(--f-broj); font-style: normal; text-align: right; color: var(--magla); }
.tiket__red--naj { background: var(--cilibar-tamno); } .tiket__red--naj b, .tiket__red--naj em { color: var(--cilibar); }
.tiket__razlika { margin: 12px 0 0; padding: 10px 12px; border-left: 3px solid var(--cilibar); background: var(--tinta); font-size: 14px; }
.tiket__razlika b { color: var(--cilibar); font-family: var(--f-broj); }
.tiket__napomena { font-size: 12px; color: var(--magla); margin: 10px 0 0; line-height: 1.5; }
.tiket__isprazni { margin-top: 14px; background: none; border: 1px solid var(--linija); color: var(--magla); padding: 9px 14px; cursor: pointer; font: inherit; font-size: 13px; }
.tiket__isprazni:hover { color: var(--kreda); border-color: var(--magla); }
/* traka „Albion na telefonu" je dole desno: tiket se penje iznad nje */
body:has(.alb-pwa.vidi) .tiket-dugme { bottom: calc(104px + env(safe-area-inset-bottom)); }
body:has(.alb-pwa.vidi) .tiket { bottom: calc(164px + env(safe-area-inset-bottom)); }
@media (max-width: 760px) {
	.tiket { left: 0; right: 0; bottom: 0; width: auto; max-width: none; max-height: 86dvh; border-left: 0; border-right: 0; z-index: 9500; }
	body:has(.alb-pwa.vidi) .tiket { bottom: 0; }
	.tiket__red { grid-template-columns: minmax(0, 1fr) 58px 96px 50px; }
}
@media (prefers-reduced-motion: reduce) { .tiket-dugme--skok { animation: none; } }

.tiket-dugme--prazno { background: var(--ploca); color: var(--kreda); border: 1px solid var(--cilibar); }
.tiket-dugme--prazno b { background: var(--linija); color: var(--magla); }
.tiket-uputstvo { margin: 0 0 8px; padding: 8px 12px; font-size: 13.5px; color: var(--magla); border-left: 3px solid var(--cilibar); background: var(--ploca); }
.tiket-uputstvo b { color: var(--cilibar); font-weight: 600; }
.tiket__prazno b { color: var(--kreda); }

/* tiket: razrada po kladionici (20.9.2026) */
.tiket__det > summary { list-style: none; cursor: pointer; }
.tiket__det > summary::-webkit-details-marker { display: none; }
.tiket__det > summary:focus-visible { outline: 2px solid var(--cilibar); outline-offset: -2px; }
.tiket__strelica { width: 8px; height: 8px; border-right: 2px solid var(--magla); border-bottom: 2px solid var(--magla); transform: rotate(45deg); justify-self: center; margin-top: -4px; transition: transform .15s; }
.tiket__det[open] .tiket__strelica { transform: rotate(-135deg); margin-top: 4px; }
.tiket__po { list-style: none; margin: 0; padding: 4px 8px 10px 16px; background: var(--tinta); border-bottom: 1px solid var(--linija); }
.tiket__po li { display: grid; grid-template-columns: minmax(0, 1fr) 52px 92px; gap: 8px; align-items: baseline; padding: 4px 0; font-size: 13px; color: var(--magla); }
.tiket__po li span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tiket__po li span i { font: 700 11px/1 var(--f-broj); font-style: normal; color: var(--kreda); border: 1px solid var(--linija); padding: 1px 4px; margin-left: 4px; }
.tiket__po li b { font: 600 14px/1 var(--f-broj); color: var(--kreda); text-align: right; }
.tiket__po li small { font-size: 11px; text-align: right; }
.tiket__po--naj b, .tiket__po--naj small { color: var(--cilibar) !important; }
.tiket__po--racun { border-top: 1px dashed var(--linija); margin-top: 4px; padding-top: 7px !important; }
.tiket__po--racun span { font-family: var(--f-broj); font-size: 12px; }
.tiket__napomena--gore { margin: 0 0 8px; }
@media (prefers-reduced-motion: reduce) { .tiket__strelica { transition: none; } }

/* tiket: zbijeniji panel (20.9.2026) — na računaru mora da stane bar prva kladionica sa razradom i još jedna ispod */
.tiket { bottom: calc(72px + env(safe-area-inset-bottom)); max-height: calc(100dvh - 86px); width: 420px; }
.tiket__glava { padding: 7px 14px; }
.tiket__telo { padding: 2px 14px 12px; }
.tiket__stavke li { padding: 7px 0; gap: 1px 10px; }
.tiket__tip small { display: inline; font-size: 11.5px; }
.tiket__kv { font-size: 16px; }
.tiket__ulog { margin: 9px 0 2px; }
.tiket__ulog input { padding: 6px 10px; width: 120px; }
.tiket h3 { margin: 10px 0 3px; }
.tiket__napomena--gore { margin: 0 0 6px; font-size: 11.5px; line-height: 1.4; }
.tiket__red { padding: 6px 8px; }
.tiket__po { padding: 2px 8px 7px 16px; }
.tiket__po li { padding: 3px 0; }
@media (max-width: 760px) { .tiket { bottom: 0; width: auto; max-height: 88dvh; } }


/* ---------- meni takmičenja po zemljama (20.9.2026) ---------- */
.lige-meni .lm { border-bottom: 1px solid var(--linija); }
.lige-meni .lm > summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 12px; font-weight: 600; border-left: 3px solid transparent; }
.lige-meni .lm > summary::-webkit-details-marker { display: none; }
.lige-meni .lm > summary:hover { background: var(--ploca); }
.lige-meni .lm > summary:focus-visible { outline: 2px solid var(--cilibar); outline-offset: -2px; }
.lige-meni .lm[open] > summary { border-left-color: var(--cilibar); background: var(--ploca); color: var(--cilibar); }
.lige-meni .lm > summary b { font: 500 12px/1.7 var(--f-broj); color: var(--magla); }
.lm__lige a, .lm-panel a { display: flex; justify-content: space-between; gap: 10px; padding: 7px 12px 7px 24px; font-size: 14px; color: var(--kreda); border-left: 3px solid transparent; }
.lm__lige a:hover, .lm-panel a:hover { background: var(--ploca-2); border-left-color: var(--cilibar); }
.lm__lige a b, .lm-panel a b { font: 500 12px/1.7 var(--f-broj); color: var(--magla); }
.lm__sve { color: var(--magla) !important; font-size: 13px !important; }
.lige-uvod { color: var(--magla); margin: 0 0 10px; }
.lige-uvod b { color: var(--kreda); font-family: var(--f-broj); }
.jedna .lige-traka { margin: 0 0 18px; }
.jedna .lige-meni { display: flex; flex-wrap: wrap; gap: 6px; }
.jedna .lige-meni .lm { border: 1px solid var(--linija); background: var(--ploca); position: relative; }
.jedna .lige-meni .lm > summary { padding: 7px 12px; border-left: 0; font-size: 14px; }
.jedna .lige-meni .lm[open] { z-index: 15; }
.jedna .lige-meni .lm[open] .lm__lige { position: absolute; left: -1px; top: 100%; min-width: 250px; background: var(--ploca); border: 1px solid var(--cilibar); box-shadow: 0 16px 34px rgba(0, 0, 0, .55); padding: 4px 0; }
.jedna .lm__lige a { padding-left: 14px; }

@media (max-width: 1100px) {
	/* traka se prevlači; blago žuta, da se odmah vidi da se tu biraju zemlje */
	.lige-traka { background: rgba(243, 192, 47, .09); border-top: 1px solid rgba(243, 192, 47, .45); border-bottom: 1px solid rgba(243, 192, 47, .45); margin: 0 -12px 14px !important; padding: 8px 12px; }
	.lige-meni, .jedna .lige-meni { display: flex; flex-wrap: nowrap; gap: 6px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	.lige-meni::-webkit-scrollbar { display: none; }
	.lige-meni .lm, .jedna .lige-meni .lm { flex: none; border: 1px solid rgba(243, 192, 47, .35); background: var(--tinta); border-radius: 4px; position: static; }
	.lige-meni .lm > summary { padding: 8px 12px; border-left: 0; white-space: nowrap; font-size: 14.5px; min-height: 40px; }
	.lige-meni .lm[open] > summary { background: var(--cilibar); color: #161203; border-radius: 3px; }
	.lige-meni .lm[open] > summary b { color: #161203; }
	.lige-meni.lm-js .lm__lige, .jedna .lige-meni.lm-js .lm[open] .lm__lige { display: none; }  /* spisak ide u .lm-panel ispod trake */
	.lm-panel { margin-top: 8px; background: var(--ploca); border: 1px solid rgba(243, 192, 47, .45); display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
	.lm-panel[hidden] { display: none; }
	.lm-panel a { padding: 11px 12px; border-left: 0; border-bottom: 1px solid var(--linija); min-height: 44px; align-items: center; }
	.tri__levo .lige-traka { margin: 0 0 14px !important; }
}
@media (min-width: 1101px) { .lm-panel { display: none !important; } }

/* ---------- pretraga takmičenja (20.9.2026) ---------- */
.lm-trazi { margin: 0 0 8px; }
.lm-trazi input { width: 100%; box-sizing: border-box; height: 38px; padding: 0 12px 0 34px; font: 500 14px/1 var(--f-tekst, inherit); color: var(--kreda); background: var(--ploca) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238a9aa3' stroke-width='2'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='M11 11l4 4'/%3E%3C/svg%3E") 11px 50% no-repeat; border: 1px solid var(--linija); border-radius: 0; appearance: none; -webkit-appearance: none; }
.lm-trazi input::placeholder { color: var(--magla); }
.lm-trazi input:focus { outline: 0; border-color: var(--cilibar); }
.lige-meni[hidden] { display: none !important; }
.lm-nadjeno[hidden] { display: none; }
.lm-nadjeno a { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 12px; border-bottom: 1px solid var(--linija); border-left: 3px solid transparent; font-weight: 600; color: var(--kreda); }
.lm-nadjeno a:hover { background: var(--ploca); border-left-color: var(--cilibar); }
.lm-nadjeno a i { font-style: normal; font-weight: 400; font-size: 12.5px; color: var(--magla); margin-left: 6px; }
.lm-nadjeno a b { font: 500 12px/1.7 var(--f-broj); color: var(--magla); }
.lm-nadjeno p { color: var(--magla); padding: 10px 12px; margin: 0; font-size: 14px; }
.jedna .lm-trazi { max-width: 320px; }
@media (max-width: 1100px) {
	.lm-trazi input { height: 42px; font-size: 16px; background-color: var(--tinta); border-color: rgba(243, 192, 47, .35); border-radius: 4px; } /* 16px: iPhone ne zumira polje */
	.jedna .lm-trazi { max-width: none; }
	.lm-nadjeno { background: var(--ploca); border: 1px solid rgba(243, 192, 47, .45); max-height: 60vh; overflow-y: auto; }
	.lm-nadjeno a { min-height: 44px; }
}

/* ---------- statistika meča (20.9.2026) ---------- */
.st-serija { margin: 4px 0 16px !important; padding: 10px 14px; border-left: 3px solid var(--cilibar); background: var(--ploca-2); font-size: 15.5px; }
.st-dve { gap: 28px; }
.st-tim h3 { display: flex; justify-content: space-between; align-items: center; gap: 12px; font: 700 22px/1.1 var(--f-naslov) !important; letter-spacing: .03em; margin: 0 0 12px !important; }
.st-forma { display: inline-flex; gap: 3px; flex: none; }
.st-f { display: inline-block; width: 20px; height: 20px; font: 700 11px/20px var(--f-broj); font-style: normal; text-align: center; color: #0d181d; background: var(--magla); }
.st-f--p { background: var(--rast); }
.st-f--i { background: var(--pad); color: #fff; }
.st-stubovi { display: grid; gap: 6px; margin-bottom: 10px; }
.st-stub { display: grid; grid-template-columns: 104px minmax(0, 1fr) 42px; align-items: center; gap: 10px; font-size: 13.5px; color: var(--magla); }
.st-stub div { height: 8px; background: var(--tinta); }
.st-stub div i { display: block; height: 100%; background: var(--magla); }
.st-stub--p div i { background: var(--rast); }
.st-stub--i div i { background: var(--pad); }
.st-stub--c div i { background: var(--cilibar); }
.st-stub--i + .st-stub--c { margin-top: 8px; }
.st-stub b { font: 600 13px/1 var(--f-broj); color: var(--kreda); text-align: right; }
.st-gol { font-size: 14px; color: var(--magla); margin: 0 0 10px !important; }
.st-gol b { color: var(--kreda); font-family: var(--f-broj); font-weight: 600; }
.st-lista { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--linija); }
.st-lista li { display: grid; grid-template-columns: 84px 18px minmax(0, 1fr) 44px 20px; align-items: center; gap: 8px; min-height: 36px; border-bottom: 1px solid var(--linija); font-size: 14.5px; }
.st-lista time { font: 500 12px/1 var(--f-broj); color: var(--magla); }
.st-gde { font: 600 11px/1 var(--f-broj); color: var(--magla); text-align: center; }
.st-prot { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.st-lista b { font: 600 14px/1 var(--f-broj); text-align: center; }
.st-lista--ms li { grid-template-columns: 84px minmax(0, 1fr) 44px 84px; }
.st-lista--ms em { font: 500 11.5px/1 var(--f-broj); font-style: normal; color: var(--magla); text-align: right; }
.st-ms-zbir { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--linija); margin: 6px 0 12px; }
.st-ms-zbir div { background: var(--ploca-2); padding: 12px 8px; text-align: center; }
.st-ms-zbir b { display: block; font: 700 30px/1 var(--f-naslov); color: var(--cilibar); }
.st-ms-zbir span { font-size: 13px; color: var(--magla); }
.st-jos { margin-top: 8px; }
.st-jos summary { cursor: pointer; color: var(--cilibar); font-size: 14px; padding: 8px 0; }
.st-jos .st-lista { border-top: 0; }
.st-jezicci { display: flex; gap: 6px; margin: 4px 0 12px; }
.st-jezicci button { background: var(--tinta); color: var(--magla); border: 1px solid var(--linija); padding: 8px 14px; font: 600 14px/1 var(--f-naslov); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.st-jezicci button.je { background: var(--cilibar); color: #161203; border-color: var(--cilibar); }
.st-jezicci button:focus-visible { outline: 2px solid var(--kreda); outline-offset: 2px; }
.st-t { display: grid; grid-template-columns: 30px minmax(0, 1fr) repeat(4, 34px) 58px 42px 44px 118px; align-items: center; min-height: 38px; border-bottom: 1px solid var(--linija); font: 500 13.5px/1 var(--f-broj); border-left: 3px solid transparent; }
.st-t > span, .st-t > b { text-align: center; }
.st-t > span:first-child { color: var(--magla); }
.st-t .st-t__ime { text-align: left; font: 600 17px/1 var(--f-naslov); letter-spacing: .03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.st-t b { color: var(--cilibar); font-weight: 600; }
.st-t--glava { min-height: 0; padding-bottom: 8px; font: 600 11px/1 var(--f-tekst); letter-spacing: .08em; text-transform: uppercase; color: var(--magla); }
.st-t--glava span:nth-child(2) { text-align: left; }
.st-t--nas { background: var(--cilibar-tamno); border-left-color: var(--cilibar); }
.st-t .st-t__f { text-align: right; padding-right: 6px; }
.st-t .st-f { width: 17px; height: 17px; line-height: 17px; font-size: 10px; }
@media (max-width: 820px) {
	.st-dve { grid-template-columns: 1fr; gap: 26px; }
	.st-t { grid-template-columns: 24px minmax(0, 1fr) repeat(4, 26px) 46px 34px; font-size: 12.5px; }
	.st-t > span:nth-child(8), .st-t .st-t__f { display: none; }
	.st-t .st-t__ime { font-size: 15.5px; }
	.st-lista li { grid-template-columns: 74px 16px minmax(0, 1fr) 40px 20px; font-size: 14px; }
	.st-lista--ms li { grid-template-columns: 74px minmax(0, 1fr) 40px; }
	.st-lista--ms em { display: none; }
	.st-stub { grid-template-columns: 96px minmax(0, 1fr) 40px; }
}

/* ---------- nalog: veze, grupe, poruke, uprava (20.9.2026) ---------- */
.ploca .klubovi { background: transparent; } /* prazno mesto u mreži se videlo kao crn pravougaonik pored jedinog kluba */
.ploca .klub-kartica { background: var(--ploca-2); }
.nalog-veze { display: flex; flex-wrap: wrap; gap: 6px; margin: -6px 0 22px; }
.nalog-veze a { padding: 10px 14px; background: var(--ploca); border: 1px solid var(--linija); font: 600 15px/1 var(--f-naslov); letter-spacing: .08em; text-transform: uppercase; color: var(--kreda); }
.nalog-veze a:hover { border-color: var(--cilibar); color: var(--cilibar); }
.nalog-veze__uprava { border-color: var(--cilibar) !important; color: var(--cilibar) !important; }
.nalog-veze__odjava { margin-left: auto; color: var(--magla) !important; }
.nalog-grupe { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; }
.nalog-grupa { display: block; padding: 14px; background: var(--ploca-2); border-left: 3px solid transparent; }
.nalog-grupa:hover { border-left-color: var(--cilibar); }
.nalog-grupa b { display: block; font: 700 20px/1.15 var(--f-naslov); letter-spacing: .03em; color: var(--kreda); }
.nalog-grupa span { display: block; margin-top: 6px; font: 500 12.5px/1.3 var(--f-broj); color: var(--cilibar); }
.nalog-grupa small { display: block; margin-top: 3px; font-size: 12.5px; color: var(--magla); }
.nalog-poruke { list-style: none; margin: 0; padding: 0; }
.nalog-poruke li { display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--linija); }
.nalog-poruke li:last-child { border-bottom: 0; }
.nalog-poruke a { flex: 1; min-width: 0; display: block; padding: 10px 0; color: var(--kreda); }
.nalog-poruke a small { display: block; font-size: 12px; color: var(--magla); margin-bottom: 3px; }
.nalog-poruke a:hover span { color: var(--cilibar); }
.ploca--uprava { border: 1px solid var(--cilibar); background: #1a1f16; }
.ploca--uprava .naslov-male { color: var(--cilibar); }
.uprava-brojke { margin-bottom: 14px; }
.uprava-red { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 12px; }
.uprava-veza { padding: 9px 12px; background: var(--tinta); border: 1px solid var(--linija); font-size: 14px; color: var(--kreda); }
.uprava-veza:hover { border-color: var(--cilibar); }
.uprava-cinjenice { font-size: 14px; color: var(--magla); margin: 0 0 8px !important; }
.uprava-cinjenice b { color: var(--kreda); font-weight: 600; }
.uprava-podnaslov { font: 700 13px/1 var(--f-naslov) !important; letter-spacing: .12em; text-transform: uppercase; color: var(--magla); margin: 16px 0 4px !important; }
.uprava-dugme { display: inline-block; margin: 0; flex: none; }
.uprava-dugme button { background: transparent; border: 1px solid var(--pad); color: var(--pad); padding: 6px 10px; font: 600 12px/1 var(--f-tekst); cursor: pointer; }
.uprava-dugme button:hover { background: var(--pad); color: #fff; }
.uprava-red .uprava-dugme button { padding: 10px 12px; font-size: 14px; }
.poruka-red .uprava-dugme { margin-top: 6px; }
.obavestenje--uprava { border-left: 3px solid var(--cilibar); background: var(--ploca-2); padding: 10px 14px; margin: 0 0 18px !important; }
@media (max-width: 760px) { .nalog-veze__odjava { margin-left: 0; } .nalog-veze a { flex: 1 1 auto; text-align: center; } }

.st-tim h3 > span { min-width: 0; }
.st-tim h3 small { display: block; margin-top: 4px; font: 500 12px/1.2 var(--f-tekst); letter-spacing: 0; text-transform: none; color: var(--magla); }

/* ---------- pretraga rezultata (20.9.2026) ---------- */
.rez-trazi { display: flex; gap: 8px; margin: 0 0 10px; max-width: 640px; }
.rez-trazi input { flex: 1; min-width: 0; height: 46px; padding: 0 14px; font: 500 16px/1 var(--f-tekst); color: var(--kreda); background: var(--ploca); border: 1px solid var(--linija); border-radius: 0; appearance: none; -webkit-appearance: none; }
.rez-trazi input:focus { outline: 0; border-color: var(--cilibar); }
.rez-trazi .dugme { height: 46px; }
.rez-brzo { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 22px; }
.rez-brzo a { padding: 8px 12px; background: var(--ploca); border: 1px solid var(--linija); font: 600 14px/1 var(--f-naslov); letter-spacing: .08em; text-transform: uppercase; color: var(--kreda); }
.rez-brzo a:hover, .rez-brzo a.je { border-color: var(--cilibar); color: var(--cilibar); }
.rez-brzo__nazad { margin-left: auto; color: var(--magla) !important; text-transform: none !important; letter-spacing: 0 !important; font-family: var(--f-tekst) !important; }
.rez-kolo { font: 700 13px/1 var(--f-naslov) !important; letter-spacing: .12em; text-transform: uppercase; color: var(--magla); margin: 18px 0 4px !important; }
.rez-kolo:first-of-type { margin-top: 4px !important; }
@media (max-width: 760px) { .rez-brzo { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-right: -12px; padding-right: 12px; } .rez-brzo a { flex: none; } .rez-brzo__nazad { margin-left: 0; } }

/* ---------- društvo: komentari na tipove, praćenje, telefon (20.9.2026) ---------- */
.skriveno { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.obavestenje--dr { border-left: 3px solid var(--cilibar); background: var(--ploca-2); padding: 10px 14px; margin: 0 0 18px !important; }
.dr-obrazac { margin: 0; }
.dr-obrazac--malo { display: inline-block; flex: none; }
.dr-tiho { background: transparent; border: 0; padding: 4px 0; color: var(--magla); font: 500 12.5px/1 var(--f-tekst); text-decoration: underline; cursor: pointer; }
.dr-tiho:hover { color: var(--pad); }
.dugme--malo { padding: 9px 14px; font-size: 14px; }
.tipster-uc { font: 500 12px/1 var(--f-broj); color: var(--magla); white-space: nowrap; }
.tipster-uc b { color: var(--kreda); font-weight: 600; }
.tipster-uc b.gore { color: var(--rast); } .tipster-uc b.dole { color: var(--pad); }
.tipster-uc--nov { font-family: var(--f-tekst); font-style: italic; }
.nalog-grupa .tipster-uc { display: block; margin-top: 6px; white-space: normal; }
.tip-kom { margin-top: 2px; }
.tip-kom > summary { cursor: pointer; display: inline-block; list-style: none; color: var(--cilibar); font-size: 13.5px; padding: 4px 0; }
.tip-kom > summary::-webkit-details-marker { display: none; }
.tip-kom > summary::before { content: "+ "; font-family: var(--f-broj); }
.tip-kom[open] > summary::before { content: "– "; }
.tip-kom__lista { list-style: none; margin: 6px 0 10px; padding: 0 0 0 12px; border-left: 2px solid var(--linija); }
.tip-kom__lista li { padding: 7px 0; border-bottom: 1px solid var(--linija); }
.tip-kom__lista li:last-child { border-bottom: 0; }
.tip-kom__ko { font-size: 13px; color: var(--magla); margin: 0 0 2px !important; }
.tip-kom__ko a { color: var(--kreda); font-weight: 600; }
.tip-kom__ko time { font: 500 11.5px/1 var(--f-broj); margin-left: 6px; }
.tip-kom__tekst { margin: 0 !important; font-size: 14.5px; color: var(--kreda); }
.tip-kom__novi { display: flex; gap: 8px; align-items: flex-end; margin-top: 8px; }
.tip-kom__novi textarea { flex: 1; min-width: 0; min-height: 44px; padding: 9px 11px; background: var(--tinta); border: 1px solid var(--linija); color: var(--kreda); font: 400 15px/1.4 var(--f-tekst); resize: vertical; }
.tip-kom__novi textarea:focus { outline: 0; border-color: var(--cilibar); }
.prati-clana { display: flex; align-items: center; gap: 14px; margin: -8px 0 22px; }
.prati-broj { font: 500 13px/1 var(--f-broj); color: var(--magla); }
.stikle { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: -4px 0 14px; }
.stikla--saglasnost { align-items: flex-start; padding: 12px 14px; background: var(--tinta); border: 1px solid var(--linija); margin: 4px 0 14px; }
.stikla--saglasnost span { font-size: 14px; line-height: 1.5; }
.stikla--saglasnost input { margin-top: 3px; }
.obrazac--uzan { max-width: 560px; }
@media (max-width: 760px) { .tip-kom__novi { flex-direction: column; align-items: stretch; } .prati-clana { flex-wrap: wrap; } }

/* ---------- brzi izbor dana uz pretragu takmičenja (20.9.2026) ---------- */
.dani-brzo { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 0 0 8px; }
.dani-brzo a { display: block; padding: 10px 6px; text-align: center; background: var(--ploca); border: 1px solid var(--linija); font: 700 14px/1 var(--f-naslov); letter-spacing: .08em; text-transform: uppercase; color: var(--kreda); white-space: nowrap; }
.dani-brzo a:hover { border-color: var(--cilibar); color: var(--cilibar); }
@media (max-width: 1100px) { .dani-brzo a { background: var(--cilibar); border-color: var(--cilibar); color: #161203; border-radius: 4px; padding: 12px 6px; font-size: 15px; } .dani-brzo a:hover { color: #161203; filter: brightness(1.06); } }

.opciono { font: 500 12px/1 var(--f-tekst); font-style: normal; color: var(--magla); margin-left: 6px; letter-spacing: 0; text-transform: none; }

/* ---------- evropska takmičenja van prozora (20.9.2026) ---------- */
.sledece-kolo { margin-top: 34px; padding-top: 22px; border-top: 3px solid var(--linija); }
.sledece-kolo__naslov { font: 700 26px/1.1 var(--f-naslov) !important; letter-spacing: .04em; text-transform: uppercase; margin: 0 0 6px !important; }
.sledece-kolo__opis { color: var(--magla); margin: 0 0 18px !important; max-width: 640px; }

/* ---------- tip posle meča: zeleno / crveno (21.9.2026) ---------- */
.tip-red--dobitan { background: linear-gradient(90deg, rgba(67, 196, 131, .16), rgba(67, 196, 131, .03) 55%, transparent); box-shadow: inset 4px 0 0 var(--rast); }
.tip-red--gubitan { background: linear-gradient(90deg, rgba(238, 90, 95, .16), rgba(238, 90, 95, .03) 55%, transparent); box-shadow: inset 4px 0 0 var(--pad); }
.tip-red--dobitan, .tip-red--gubitan { padding-left: 10px; }
.tip-red--dobitan .tip-red__tip { background: var(--rast); color: #06180f; }
.tip-red--gubitan .tip-red__tip { background: var(--pad); color: #fff; }
.tip-red--ponisten { opacity: .7; }
.ishod--dobitan { background: var(--rast); border-color: var(--rast); color: #06180f; }
.ishod--gubitan { background: var(--pad); border-color: var(--pad); color: #fff; }
.ishod b { font: 700 12px/1 var(--f-broj); margin-left: 4px; letter-spacing: 0; }
/* forma tipstera */
.tf { display: inline-flex; gap: 2px; vertical-align: middle; margin-right: 6px; }
.tf i { display: inline-block; width: 9px; height: 14px; background: var(--magla); }
.tf .tf__p { background: var(--rast); }
.tf .tf__m { background: var(--pad); }
.profil-forma { display: flex; align-items: center; gap: 10px; margin: 6px 0 10px !important; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--magla); }
.profil-forma .tf i { width: 13px; height: 20px; }
/* tabela tipstera */
.rg { grid-template-columns: 44px minmax(0, 1fr) 70px 86px 150px 86px 80px; }
.rg__ime { display: flex; align-items: center; gap: 10px; min-width: 0; }
.rg__ime a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rg__ime a:hover { color: var(--cilibar); }
.rg--tipster:hover { background: var(--ploca-2); }
.prati-malo { flex: none; padding: 4px 9px; background: transparent; border: 1px solid var(--cilibar); color: var(--cilibar); font: 700 11px/1 var(--f-tekst); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.prati-malo:hover { background: var(--cilibar); color: #161203; }
.prati-malo.je { border-color: var(--linija); color: var(--magla); }
@media (max-width: 760px) {
	.rg { grid-template-columns: 30px minmax(0, 1fr) 56px 66px; }
	.rg > .rg__f, .rg > span:nth-child(3), .rg > span:nth-child(7) { display: none; }
	.rg > span:nth-child(6) { display: block; } /* dobit: stari red je skrivao 6. kolonu (tada prinos) */
	.tip-red--dobitan, .tip-red--gubitan { padding-left: 8px; }
}

.tip-red { grid-template-columns: 38px minmax(0, 1fr) 78px 46px 124px; } /* mesto za „POGODAK +12,50" */
@media (max-width: 760px) { .tip-red { grid-template-columns: 34px minmax(0, 1fr) 62px; } }

/* ---------- tipovi: sva tržišta (21.9.2026) ---------- */
.tip-uputstvo { color: var(--magla); font-size: 14px; margin: 0 0 12px !important; }
.tip-izbor { grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); margin-bottom: 14px !important; }
.tip-izbor legend { font: 700 13px/1 var(--f-naslov); letter-spacing: .12em; text-transform: uppercase; color: var(--magla); margin-bottom: 8px; padding: 0; }
.tip-izbor--ki, .tip-izbor--ds, .tip-izbor--p { grid-template-columns: repeat(3, 1fr); }
.tip-izbor--pk { grid-template-columns: repeat(3, 1fr); }
.tip-izbor label small { display: block; font: 400 10.5px/1.2 var(--f-tekst); color: var(--magla); margin-top: 2px; }
.tip-red__tip--dugo { width: auto !important; min-width: 38px; padding: 0 6px; font-size: 15px !important; white-space: nowrap; }
.tip-red { grid-template-columns: minmax(38px, auto) minmax(0, 1fr) 78px 46px 124px; }
.tip-red__trziste { color: var(--cilibar); font-weight: 600; }
@media (max-width: 760px) {
	.tip-red { grid-template-columns: minmax(34px, auto) minmax(0, 1fr) 62px; }
	.tip-izbor, .tip-izbor--pk { grid-template-columns: repeat(3, 1fr); }
	.tip-izbor--d, .tip-izbor--g { grid-template-columns: repeat(2, 1fr); }
}

.tip-grupa { border-top: 1px solid var(--linija); }
.tip-grupa:last-of-type { border-bottom: 1px solid var(--linija); margin-bottom: 16px; }
.tip-grupa > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; padding: 13px 2px; font: 700 15px/1 var(--f-naslov); letter-spacing: .1em; text-transform: uppercase; color: var(--kreda); }
.tip-grupa > summary::-webkit-details-marker { display: none; }
.tip-grupa > summary::after { content: "+"; margin-left: auto; font: 600 18px/1 var(--f-broj); color: var(--cilibar); }
.tip-grupa[open] > summary::after { content: "–"; }
.tip-grupa > summary small { font: 500 12px/1 var(--f-broj); color: var(--magla); letter-spacing: 0; }
.tip-grupa > summary:focus-visible { outline: 2px solid var(--cilibar); outline-offset: 2px; }
.tip-grupa .tip-izbor { margin-bottom: 12px !important; }
.tip-grupa .tip-izbor i { white-space: normal; overflow: visible; font-size: 11.5px; line-height: 1.25; min-height: 2.5em; }
.tip-grupa:has(input:checked) > summary { color: var(--cilibar); }

.tip-red__mec small .dr-obrazac--malo { display: inline-block; vertical-align: middle; margin: 0 2px; }
.tip-red__mec small .prati-malo { padding: 3px 7px; font-size: 10.5px; }