/* TM Rezultati, stil u skladu sa dizajn sistemom TM27 */
.tmr{
	--t-tamna:var(--e-global-color-a1b2c01,#16113A);
	--t-glavna:var(--e-global-color-a1b2c02,#3B2BD9);
	--t-dugme:var(--e-global-color-a1b2c03,#FF2E88);
	--t-oznake:var(--e-global-color-a1b2c04,#14A9C9);
	--t-poz:var(--e-global-color-a1b2c05,#F4F3FB);
	--t-sivi:var(--e-global-color-a1b2c07,#57537A);
	--t-linija:var(--e-global-color-a1b2c08,#E3E1F2);
	--t-cond:"Barlow Condensed","Barlow",sans-serif;
	font-family:"Barlow",sans-serif;color:var(--t-tamna);font-size:16px;line-height:1.45;
}
.tmr *{box-sizing:border-box}
.tmr button{font:inherit;cursor:pointer}
.tmr .tmr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tmr .tmr-skriveno{display:none!important}
.tmr .tmr-load,.tmr .tmr-prazno{padding:40px 16px;text-align:center;color:var(--t-sivi)}

/* Glava */
.tmr-glava{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:18px}
.tmr-dog span{display:block;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--t-sivi);margin-bottom:6px}
.tmr select,.tmr input[type=search]{
	height:48px;border:1.5px solid var(--t-linija);border-radius:10px;background:#fff;color:var(--t-tamna);
	padding:0 14px;font:500 16px "Barlow",sans-serif;outline:none;transition:border-color .15s;
}
.tmr select:focus,.tmr input[type=search]:focus{border-color:var(--t-glavna)}
.tmr-dog select{font:700 20px var(--t-cond);text-transform:uppercase;padding-right:36px;min-width:260px}
.tmr-status{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--t-sivi)}
.tmr-live{display:inline-flex;align-items:center;gap:7px;background:var(--t-dugme);color:var(--t-tamna);
	font:800 14px var(--t-cond);letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:99px}
.tmr-live i{width:8px;height:8px;border-radius:50%;background:var(--t-tamna);animation:tmrPuls 1.2s infinite}
@keyframes tmrPuls{50%{opacity:.25}}

/* Tabovi utrka */
.tmr-tabovi{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px;scrollbar-width:none}
.tmr-tabovi::-webkit-scrollbar{display:none}
.tmr-tabovi button{flex:0 0 auto;border:1.5px solid var(--t-linija);background:#fff;color:var(--t-tamna);border-radius:10px;
	padding:10px 16px;font:800 18px var(--t-cond);text-transform:uppercase;letter-spacing:.02em;display:flex;align-items:center;gap:8px}
.tmr-tabovi button small{font:600 12px "Barlow",sans-serif;color:var(--t-sivi);background:var(--t-poz);border-radius:99px;padding:2px 8px}
.tmr-tabovi button[aria-selected=true]{background:var(--t-tamna);border-color:var(--t-tamna);color:#fff}
.tmr-tabovi button[aria-selected=true] small{background:rgba(255,255,255,.14);color:#fff}

/* Filteri */
.tmr-filteri{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.tmr-trazi{flex:1 1 280px}
.tmr-trazi input{width:100%}
.tmr-spol{display:flex;border:1.5px solid var(--t-linija);border-radius:10px;overflow:hidden;height:48px;background:#fff}
.tmr-spol button{border:0;background:transparent;color:var(--t-sivi);padding:0 16px;font-weight:600}
.tmr-spol button+button{border-left:1.5px solid var(--t-linija)}
.tmr-spol button[aria-pressed=true]{background:var(--t-glavna);color:#fff}
.tmr-kat select{min-width:180px}

/* Tabela */
.tmr-tabela{border:1.5px solid var(--t-linija);border-radius:14px;overflow:hidden;background:#fff}
.tmr-red{display:grid;grid-template-columns:64px minmax(0,1fr) 130px 110px 100px 84px;align-items:center;gap:0 12px;
	padding:12px 18px;border-top:1px solid var(--t-linija)}
.tmr-tabela:not(:has(.c-neto)) .tmr-red{grid-template-columns:64px minmax(0,1fr) 130px 110px 84px}
.tmr-red:first-child{border-top:0}
.tmr-zaglavlje{background:var(--t-poz);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--t-sivi);padding-top:10px;padding-bottom:10px}
.tmr-red[data-broj]{cursor:pointer;transition:background .12s}
.tmr-red[data-broj]:hover,.tmr-red[data-broj]:focus-visible{background:var(--t-poz);outline:none}
.tmr-red .c-pl{font:800 24px var(--t-cond);color:var(--t-glavna)}
.tmr-red .c-pl em{font:700 14px var(--t-cond);font-style:normal;color:var(--t-sivi);letter-spacing:.04em}
.tmr-pod .c-pl{color:var(--t-dugme)}
.tmr-red .c-ime b{display:block;font-weight:600;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmr-red small{display:block;font-size:13px;color:var(--t-sivi)}
.tmr-red .c-vr{font:800 22px var(--t-cond);font-variant-numeric:tabular-nums}
.tmr-red .c-neto,.tmr-red .c-tp{font:600 18px var(--t-cond);color:var(--t-sivi);font-variant-numeric:tabular-nums}
.tmr-zaglavlje span{font:inherit!important;color:inherit!important}
.tmr-red .c-vr,.tmr-red .c-neto,.tmr-red .c-tp{text-align:right}

/* Stranice */
.tmr-stranice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.tmr-ukupno{font-size:14px;color:var(--t-sivi)}
.tmr-stranice nav{display:flex;gap:6px;align-items:center}
.tmr-stranice nav button{min-width:40px;height:40px;border:1.5px solid var(--t-linija);background:#fff;border-radius:8px;color:var(--t-tamna);font:700 16px var(--t-cond)}
.tmr-stranice nav button[aria-current=page]{background:var(--t-tamna);border-color:var(--t-tamna);color:#fff}
.tmr-stranice nav button:disabled{opacity:.35;cursor:default}
.tmr-stranice nav span{color:var(--t-sivi);padding:0 2px}

/* Kartica trkača */
html.tmr-otvoreno{overflow:hidden}
.tmr-modal{position:fixed;inset:0;z-index:99999;background:rgba(22,17,58,.62);display:flex;align-items:center;justify-content:center;padding:16px}
.tmr-modal[hidden]{display:none}
.tmr-kartica{position:relative;width:100%;max-width:440px;max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:18px;
	padding:28px 26px 24px;box-shadow:0 24px 60px rgba(22,17,58,.35);border-top:6px solid var(--t-dugme)}
.tmr-zatvori{position:absolute;top:10px;right:12px;width:40px;height:40px;border:0;background:transparent;font-size:28px;line-height:1;color:var(--t-sivi)}
.tmr-oz{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--t-oznake)}
.tmr-kartica h3{margin:0;font:800 italic 34px/0.98 var(--t-cond);text-transform:uppercase;color:var(--t-tamna);padding-right:30px}
.tmr-meta{margin:8px 0 0;color:var(--t-sivi);font-size:15px}
.tmr-vrijeme{margin:18px 0 14px;font:800 64px/1 var(--t-cond);color:var(--t-glavna);font-variant-numeric:tabular-nums}
.tmr-vrijeme.tmr-dnf{font-size:44px;color:var(--t-sivi)}
.tmr-mjesta{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:14px}
.tmr-mjesta div{background:var(--t-poz);border-radius:12px;padding:10px 12px}
.tmr-mjesta b{display:block;font:800 30px/1 var(--t-cond);color:var(--t-tamna)}
.tmr-mjesta span{font-size:13px;color:var(--t-sivi)}
.tmr-detalji{margin:0 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.tmr-detalji div{border-top:1px solid var(--t-linija);padding-top:8px}
.tmr-detalji dt{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--t-sivi)}
.tmr-detalji dd{margin:2px 0 0;font:700 22px var(--t-cond);font-variant-numeric:tabular-nums}
.tmr-dijeli{display:flex;align-items:center;gap:12px}
.tmr-btn{border:0;border-radius:10px;background:var(--t-dugme);color:var(--t-tamna);padding:13px 22px;font:800 18px var(--t-cond)!important;
	text-transform:uppercase;letter-spacing:.04em;transition:background .15s,color .15s}
.tmr-btn:hover{background:var(--t-glavna);color:#fff}
.tmr-kopirano{font-size:14px;color:var(--t-oznake);font-weight:600}

/* Mobitel: red postaje kartica u dvije linije */
@media (max-width:720px){
	.tmr-dog select{min-width:0;width:100%}
	.tmr-dog{flex:1 1 100%}
	.tmr-spol{flex:1 1 auto}
	.tmr-spol button{flex:1}
	.tmr-kat{flex:1 1 140px}
	.tmr-kat select{width:100%;min-width:0}
	.tmr-zaglavlje{display:none!important}
	.tmr-red,.tmr-tabela:not(:has(.c-neto)) .tmr-red{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"pl ime vr" "pl kat tp";gap:2px 10px;padding:12px 14px}
	.tmr-red .c-pl{grid-area:pl;font-size:22px}
	.tmr-red .c-ime{grid-area:ime}
	.tmr-red .c-kat{grid-area:kat;font-size:13px;color:var(--t-sivi)}
	.tmr-red .c-kat small{display:inline;margin-left:4px}
	.tmr-red .c-vr{grid-area:vr;font-size:20px}
	.tmr-red .c-tp{grid-area:tp;font-size:15px}
	.tmr-red .c-tp:not(:empty)::after{content:" /km";font-size:12px}
	.tmr-red .c-neto{display:none}
	.tmr-vrijeme{font-size:52px}
	.tmr-kartica h3{font-size:28px}
}

/* Najava prije utrke */
.tmr-u-najavi .tmr-tabovi,.tmr-u-najavi .tmr-filteri,.tmr-u-najavi .tmr-stranice{display:none!important}
.tmr-najava{position:relative;overflow:hidden;border-radius:18px;background:var(--t-tamna);color:#fff;padding:44px 40px 40px}
.tmr-najava::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;
	background:radial-gradient(circle,rgba(255,46,136,.55),rgba(59,43,217,0) 70%);pointer-events:none}
.tmr-najava .tmr-oz{color:var(--t-oznake)}
.tmr-najava h2{margin:4px 0 6px;font:800 italic 48px/0.95 var(--t-cond);text-transform:uppercase;color:#fff}
.tmr-kad{margin:0 0 26px;font:600 18px "Barlow",sans-serif;color:rgba(255,255,255,.8)}
.tmr-odbr{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px;min-height:84px}
.tmr-odbr div{min-width:86px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:10px 12px;text-align:center}
.tmr-odbr b{display:block;font:800 44px/1 var(--t-cond);font-variant-numeric:tabular-nums;color:#fff}
.tmr-odbr span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.tmr-tekst{max-width:620px;margin:0 0 24px;font-size:17px;line-height:1.55;color:rgba(255,255,255,.85)}
.tmr-najava>*{position:relative;z-index:1}
@media (max-width:720px){
	.tmr-najava{padding:30px 20px 26px}
	.tmr-najava h2{font-size:34px}
	.tmr-odbr div{min-width:0;flex:1 1 0;padding:8px 4px}
	.tmr-odbr b{font-size:32px}
	.tmr-odbr span{font-size:10px;letter-spacing:.08em}
}

/* Vitrina na naslovnoj (tamna podloga) */
.tmv{--p:#FF2E88;--o:#14A9C9;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 64px;align-items:start;font-family:"Barlow",sans-serif;color:#fff}
.tmv *{box-sizing:border-box}
.tmv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tmv-forma{display:flex;align-items:center;background:#fff;border-radius:16px;padding:8px;box-shadow:0 16px 40px rgba(0,0,0,.25)}
.tmv-forma input{flex:1;min-width:0;border:0;outline:0;background:transparent;height:52px;padding:0 16px;font:500 18px "Barlow",sans-serif;color:#16113A}
.tmv-forma button{border:0;border-radius:12px;background:var(--p);color:#16113A;padding:0 28px;height:56px;font:800 20px "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;box-shadow:0 8px 22px rgba(255,46,136,.45)}
.tmv-forma button:hover{background:#fff;box-shadow:inset 0 0 0 2px var(--p)}
.tmv-brojke{display:flex;flex-wrap:wrap;gap:20px 48px;margin-top:36px}
.tmv-brojke b{display:block;font:800 italic 46px/1 "Barlow Condensed",sans-serif;color:#fff}
.tmv-brojke span{font-size:14px;color:rgba(255,255,255,.7)}
.tmv-oz{margin:0 0 14px;font:700 14px "Barlow Condensed",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.tmv-red{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 22px;margin-bottom:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.05);color:#fff!important;text-decoration:none;transition:background .15s,border-color .15s}
.tmv-red:hover{background:rgba(255,255,255,.1);border-color:rgba(255,46,136,.5)}
.tmv-pl{display:grid;place-items:center;height:34px;border-radius:10px;background:#fff;color:#16113A;font:800 20px "Barlow Condensed",sans-serif}
.tmv-n b{display:block;font-weight:600;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmv-n small{font-size:14px;color:rgba(255,255,255,.65)}
.tmv-t{font:800 italic 34px/1 "Barlow Condensed",sans-serif;color:var(--p);font-variant-numeric:tabular-nums}
.tmv-sve{display:inline-block;margin-top:6px;font:700 15px "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--o)!important;text-decoration:none}
@media (max-width:900px){.tmv{grid-template-columns:1fr}.tmv-t{font-size:28px}.tmv-red{grid-template-columns:48px minmax(0,1fr) auto;padding:14px 16px}}
@media (max-width:520px){.tmv-forma button{padding:0 18px}.tmv-brojke{gap:18px 30px}.tmv-brojke b{font-size:36px}}