/* === GOOGLE FONTS === */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,500&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

/* === BRAND TOKENS === */
:root {
  --brand-primary: #009168;
  --brand-primary-dark: #006B4E;
  --brand-primary-light: #00B582;
  --brand-soft: #E0F2EC;
  --ink: #111111;
  --body-text: #444444;
  --muted: #888888;
  --border: #EAEAEA;
  --color-win: #009168;
  --color-loss: #C53030;
  --dark-surface: #0F1311;
  --dark-accent: #00D982;
  --font-display: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --accent: #009168 !important;
  --accent-color: #009168 !important;
  --link-color: #009168 !important;
  --link-hover-color: #006B4E !important;
  --space-accent: #009168 !important;
}

/* Sprječava horizontalni scroll od 100vw sekcija (hero) na mobitelu.
   overflow-y MORA biti visible: tema ima body{overflow:hidden}, a bilo kakav
   overflow osim visible/clip od body-ja radi scroll kontejner, pa position:sticky
   prestane raditi SVIM potomcima. To je 27.07. lomilo ljepljivu traku i donju
   navigaciju na /vijesti/, a lomi i ljepljive stupce na /rezultati/.
   Par (clip, visible) je dopusten, pa visible ostaje visible i ne postane auto. */
body{overflow-x:clip;overflow-y:visible}

/* === GLOBAL TIPOGRAFIJA === */
body,body p,body span,body div,body li{font-family:'Inter',-apple-system,sans-serif!important;color:#444444}
h1,h2,h3,h4,h5,h6,body h1,body h2,body h3,body h4,body h5,body h6{font-family:'Inter',sans-serif!important;color:#111111!important;font-weight:600!important;letter-spacing:-0.3px}

/* === BUTTONS === */
.button-primary,.btn-primary,.wp-block-button__link,button.button,a.button,input[type="submit"],.space-button{background:#009168!important;border-color:#009168!important;color:#FFFFFF!important;border-radius:6px;font-weight:500}
.button-primary:hover,.btn-primary:hover,button.button:hover,a.button:hover,input[type="submit"]:hover,.space-button:hover{background:#006B4E!important;border-color:#006B4E!important}

/* === NUMBERS / KVOTE === */
.kvota,.odd,.tip-price,[data-numeric="true"]{font-family:'JetBrains Mono',monospace;font-feature-settings:'tnum' 1;font-weight:500}

/* === W/L BADGES === */
.badge-win{background:#E0F2EC;color:#006B4E;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}
.badge-loss{background:#FDECEC;color:#C53030;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}

/* === MERCURY SVG LOGO FIX === */
img.attachment-mercury-custom-logo,img.size-mercury-custom-logo{width:auto!important;height:40px!important;max-width:200px}

/* === CONTENT LINKS === */
.space-content a,.space-content a:link,.space-content a:visited,.entry-content a,.entry-content a:link,.entry-content a:visited,.post-content a,.post-content a:visited,.page-content a,.page-content a:visited,.wp-block-post-content a{color:#009168!important;text-decoration:none!important}
.space-content a:hover,.entry-content a:hover,.post-content a:hover,.page-content a:hover,.wp-block-post-content a:hover{color:#006B4E!important;text-decoration:underline!important}

/* === FOOTER LINKS === */
.space-footer-copy-left a,.space-footer-copy-left a:visited,.space-footer a,.space-footer a:visited{color:#009168!important;text-decoration:none!important}
.space-footer-copy-left a:hover,.space-footer a:hover{color:#006B4E!important;text-decoration:underline!important}

/* === NAVIGACIJA === */
.space-header-height .space-header-menu ul.main-menu > li > a,.space-header-height .space-header-menu ul.main-menu > li > a:visited{color:#111111!important;border-bottom:none!important}
.space-header-height .space-header-menu ul.main-menu > li > a:hover,.space-header-height .space-header-menu ul.main-menu > li:hover > a,.space-header-height .space-header-menu ul.main-menu > li.current-menu-item > a,.space-header-height .space-header-menu ul.main-menu > li.current_page_item > a,.space-header-height .space-header-menu ul.main-menu > li.current-menu-ancestor > a,.space-header-height .space-header-menu ul.main-menu > li.current-menu-parent > a{color:#009168!important;border-bottom:2px solid #009168!important}
.space-header-height .space-header-menu ul.main-menu ul.sub-menu li a,.space-header-height .space-header-menu ul.main-menu ul.sub-menu li a:visited,.space-header-height .space-header-menu ul.main-menu li li a,.space-header-height .space-header-menu ul.main-menu li li a:visited{color:#111111!important;border-bottom:none!important;text-decoration:none!important}
.space-header-height .space-header-menu ul.main-menu ul.sub-menu li a:hover,.space-header-height .space-header-menu ul.main-menu ul.sub-menu li:hover a,.space-header-height .space-header-menu ul.main-menu li li a:hover,.space-header-height .space-header-menu ul.main-menu li li:hover a{color:#009168!important;border-bottom:none!important;text-decoration:none!important}
.site-title a,.site-description{color:#009168!important}

/* === SPACE-PAGE-CONTENT LINKS === */
.space-page-content a,.space-page-content a:link,.space-page-content a:visited,.space-page-content p a,.space-page-content .wp-block-paragraph a{color:#009168!important;text-decoration:none!important}
.space-page-content a:hover,.space-page-content p a:hover,.space-page-content .wp-block-paragraph a:hover{color:#006B4E!important;text-decoration:underline!important}

/* === MERCURY LJUBIČASTA/ROZA → BRAND ZELENA (globalni override) === */
.space-header-menu ul.main-menu li a:hover,.space-header-menu ul.main-menu li:hover a,.space-header-2-nav ul.main-menu li a:hover,.space-header-2-nav ul.main-menu li:hover a{color:#009168!important;border-bottom-color:#009168!important}
.space-header-menu ul.main-menu li.current-menu-item a,.space-header-2-nav ul.main-menu li.current-menu-item a,.space-header-menu ul.main-menu li.current_page_item a,.space-header-2-nav ul.main-menu li.current_page_item a{color:#009168!important;border-bottom-color:#009168!important}
.space-header-menu ul.main-menu ul.sub-menu li a:hover,.space-header-2-nav ul.main-menu ul.sub-menu li a:hover{color:#009168!important}
.space-header-2-top-soc a:hover{color:#009168!important;border-color:#009168!important}
.space-block-title span:after,.space-widget-title span:after{background-color:#009168!important}
.space-block-title span:before,.space-widget-title span:before{background-color:#00B582!important}
.space-text-gradient{background:linear-gradient(to right,#009168 0%,#00B582 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}
.space-news-2-item-big-box-category span,.space-news-2-small-item-img-category a,.space-news-3-item-img-category a,.space-news-4-item.small-news-block .space-news-4-item-img-category a,.space-news-6-item-top-category span,.space-news-7-item-category span,.space-news-8-item-title-category span,.space-news-9-item-info-category span,.space-title-box-category a,.space-archive-loop-item-img-category a{background-color:#009168!important}
.space-news-10-item-category a,.small .space-news-11-item-category a,.space-comments-list-item-author a:hover,h3.comment-reply-title small a,p.logged-in-as a:hover,h3.comment-reply-title small a:hover,.space-comments-list-item-date a.comment-reply-link,.space-comments-list-item-date a.comment-reply-link:hover,.space-widget ul li a:hover,#recentcomments li a:hover,#recentcomments li span.comment-author-link a:hover,.home-page .textwidget a{color:#009168!important}
.space-categories-list-box ul li a{color:#009168!important;border-color:#009168!important}
.widget_tag_cloud a{background-color:#009168!important}
nav.pagination a,nav.comments-pagination a,nav.pagination-post a span.page-number{background-color:#009168!important;border-color:#009168!important}
nav.pagination a:hover,nav.comments-pagination a:hover{background-color:#006B4E!important}
.space-footer-top-age span.age-limit{background-color:#009168!important}
#scrolltop{color:#009168!important}
.space-page-content ul.space-mark li:before,.home-page .textwidget ul li:before{color:#009168!important}

/* === KLR H1 UPGRADE (veći, hrabriji hero naslovi) === */
.klr h1{font-size:clamp(36px,6.5vw,54px)!important;letter-spacing:-1.6px!important;line-height:1.08!important;margin:0 0 20px!important;padding-bottom:2px}
html{scroll-behavior:smooth}
.kl-vd-main h2[id],.klr h2[id]{scroll-margin-top:96px}
/* TOC redizajn — kartica → nav rail s mono brojevima */
.kl-vd-toc{background:transparent!important;border:none!important;border-left:2px solid #EAEAEA!important;border-radius:0!important;padding:2px 0 2px 18px!important;margin:0 0 28px}
.kl-vd-toc-h{margin:0 0 10px}
.kl-vd-toc ol{list-style:none!important;padding:0!important;margin:0!important;counter-reset:klt}
.kl-vd-toc li{counter-increment:klt;margin:0 0 2px!important;line-height:1.4!important;font-size:14px}
.kl-vd-toc li::marker{content:none}
.kl-vd-toc li a{display:flex;gap:10px;align-items:baseline;padding:7px 10px;margin:0 0 0 -10px;border-radius:8px;color:#444!important;font-weight:500!important;text-decoration:none!important;transition:background .15s ease,color .15s ease}
.kl-vd-toc li a::before{content:counter(klt,decimal-leading-zero);font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;color:#009168;flex:0 0 auto}
.kl-vd-toc li a:hover{background:#E0F2EC;color:#006B4E!important}

/* TOC redizajn — klr .toc redovi (hub /vodici/): hover pozadina + strelica */
.klr .toc .row{position:relative;padding:18px 14px!important;margin:0 -14px;border-radius:10px;transition:background .15s ease}
.klr .toc .row:hover{background:#F3FAF7}
.klr .toc .num{background:#E0F2EC;color:#006B4E!important;border-radius:6px;padding:2px 7px;font-size:11px!important;min-width:auto!important}
.klr .toc .ttl a::after{content:'→';font-family:'JetBrains Mono',monospace;font-weight:600;color:#009168;margin-left:8px;opacity:0;display:inline-block;transform:translateX(-4px);transition:opacity .15s ease,transform .15s ease}
.klr .toc .row:hover .ttl a::after{opacity:1;transform:translateX(0)}

/* Sticky TOC layout za vodiče */
@media(min-width:1080px){
.kl-vd-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:44px;align-items:start}
.kl-vd-side{position:sticky;top:96px}
.kl-vd-side .kl-vd-toc{margin:0}
.kl-vd-main{min-width:0}
}
.klr .kick{margin-top:6px}
.klr .lead{font-size:21px}

/* === KLR RULES → BRAND CHECK LISTA (bez default bulleta) === */
.klr ul.rules,.klr .rules{list-style:none!important;margin:4px 0 17px!important;padding:0!important}
.klr .rules li{list-style:none!important;position:relative;padding:12px 0 12px 34px!important;border-bottom:1px solid var(--line);font-size:16px;line-height:1.6}
.klr .rules li::marker{content:none}
.klr .rules li:before{content:''!important;position:absolute;left:0;top:14px;width:19px;height:19px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23009168' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m8.5 12.2 2.4 2.4 4.6-5'/%3E%3C/svg%3E") no-repeat center/19px}

/* === IDX LINKOVI (tipovi rubrike kao prave poveznice) === */
.klr .idx .nm a,.klr .idx .nm a:visited{color:var(--ink)!important;border-bottom:none!important;font-weight:800;text-decoration:none!important;display:inline-flex;align-items:center;gap:8px}
.klr .idx .nm a .arr{font-family:'JetBrains Mono',monospace;font-weight:600;color:var(--brand);transition:transform .2s ease}
.klr .idx .r:hover .nm a{color:var(--brand)!important}
.klr .idx .r:hover .nm a .arr{transform:translateX(4px)}

/* === RANK MATH FAQ (globalni dizajn) === */
.wp-block-rank-math-faq-block{max-width:980px;margin:8px auto 28px}
.rank-math-faq-item{border:1px solid #EAEAEA;border-radius:12px;padding:20px 24px;margin:0 0 12px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}
.rank-math-faq-item:hover{border-color:#009168;box-shadow:0 6px 18px rgba(0,107,78,.08)}
.rank-math-faq-item .rank-math-question{font-family:'Inter',sans-serif!important;font-size:17px!important;font-weight:700!important;color:#111!important;margin:0 0 9px!important;padding:0;letter-spacing:-.2px;display:flex;gap:11px;align-items:baseline;line-height:1.35}
.rank-math-faq-item .rank-math-question::before{content:'Q';font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:700;color:#006B4E;background:#E0F2EC;border-radius:6px;padding:3px 8px;flex:0 0 auto;line-height:1.4}
.rank-math-faq-item .rank-math-answer{font-size:15px;line-height:1.65;color:#444;margin:0 0 0 40px}
@media(max-width:540px){.rank-math-faq-item{padding:16px 18px}.rank-math-faq-item .rank-math-answer{margin-left:0;margin-top:4px}}
/* FAQ accordion — nativni <details>, radi bez JS-a */
details.rank-math-faq-item{padding:0!important}
details.rank-math-faq-item .rank-math-question{cursor:pointer;margin:0!important;padding:19px 56px 19px 24px!important;position:relative;list-style:none;user-select:none}
details.rank-math-faq-item .rank-math-question::-webkit-details-marker{display:none}
details.rank-math-faq-item .rank-math-question::after{content:'';position:absolute;right:26px;top:50%;width:9px;height:9px;border-right:2px solid #009168;border-bottom:2px solid #009168;transform:translateY(-70%) rotate(45deg);transition:transform .3s ease}
details.rank-math-faq-item[open] .rank-math-question::after{transform:translateY(-30%) rotate(225deg)}
details.rank-math-faq-item .rank-math-answer{padding:0 26px 20px;animation:klfade .3s ease}
@keyframes klfade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:540px){details.rank-math-faq-item .rank-math-question{padding:16px 44px 16px 18px!important}details.rank-math-faq-item .rank-math-answer{padding:0 18px 16px;margin-left:0!important}}

/* Count-up brojke — čisti CSS (@property), fallback = statični broj */
@property --kn{syntax:'<integer>';inherits:true;initial-value:0}
@supports (animation-timeline: view()){
.kl-cnt b{font-size:0;line-height:0}
.kl-cnt::before{content:counter(kn)}
.kl-cnt{--kn:var(--kt,0);counter-reset:kn var(--kn);animation:klcnt 1.4s cubic-bezier(.22,.8,.36,1) .5s both}
@keyframes klcnt{from{--kn:0}}
}

/* Feed najnovijih tipova (wp:latest-posts, /tipovi/ sub-stranice) */
ul.kl-tips-feed{list-style:none!important;padding:0!important;margin:8px auto 34px;max-width:760px}
ul.kl-tips-feed li{list-style:none!important;border:1px solid #EAEAEA;border-radius:12px;padding:16px 20px;margin:0 0 10px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}
ul.kl-tips-feed li::marker{content:none}
ul.kl-tips-feed li:hover{border-color:#009168;box-shadow:0 6px 18px rgba(0,107,78,.08)}
ul.kl-tips-feed li a{font-weight:700;color:#111!important;text-decoration:none!important;font-size:16.5px;letter-spacing:-.2px;line-height:1.4}
ul.kl-tips-feed li a:hover{color:#006B4E!important}
ul.kl-tips-feed .wp-block-latest-posts__post-date{display:block;font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#8a8a8a;margin-top:5px}

/* kl-meth grid varijanta s 3 stupca (tipovi sub-stranice) */
.kl-meth-grid.cols3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.kl-meth-grid.cols3{grid-template-columns:1fr}}

/* kl-faq (vodici) — unificiran s globalnim FAQ card dizajnom */
.kl-faq details{border:1px solid #EAEAEA!important;border-radius:12px;background:#fff;margin:0 0 12px;transition:border-color .2s ease,box-shadow .2s ease}
.kl-faq details:first-child{border-top:1px solid #EAEAEA!important}
.kl-faq details:hover{border-color:#009168!important;box-shadow:0 6px 18px rgba(0,107,78,.08)}
.kl-faq summary{padding:19px 56px 19px 24px!important;position:relative;justify-content:flex-start!important}
.kl-faq summary::before{content:'Q';font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:700;color:#006B4E;background:#E0F2EC;border-radius:6px;padding:3px 8px;flex:0 0 auto;line-height:1.4}
.kl-faq summary::after{content:''!important;position:absolute;right:26px;top:50%;width:9px;height:9px;border-right:2px solid #009168;border-bottom:2px solid #009168;transform:translateY(-70%) rotate(45deg);transition:transform .3s ease}
.kl-faq details[open] summary::after{content:''!important;transform:translateY(-30%) rotate(225deg)}
.kl-faq details>p{padding:0 26px 20px!important;animation:klfade .3s ease}
@media(max-width:540px){.kl-faq summary{padding:16px 44px 16px 18px!important}.kl-faq details>p{padding:0 18px 16px!important}}

/* ============ KLVIJ2: /vijesti/ redizajn (27.07.) ============
   Varijanta A: hero preko sirine, lista lijevo, kut i widgeti desno.
   Paleta C (prigusena zalfija) jer je tamni emerald pao na /rezultati/ i
   operator ga je odbio i ovdje. Oznake su Inter, ne mono; mono ostaje samo
   na brojevima. Mobitel je aplikacijski, kao /rezultati/. */
.klvij2{--v-hero:linear-gradient(150deg,#3E6E58,#4E8067 55%,#5E9077);
  --v-scrim:linear-gradient(0deg,rgba(40,72,58,.92),rgba(40,72,58,.45) 58%,transparent);
  --v-kut:#EDF4F0; --v-kutbd:#D6E5DD; --v-kuth:#3E6E58; --v-kuttt:#233A2F;
  --v-line:#EAEAEA; --v-mut:#888; --v-ink:#111;
  /* 28px odmaka od sive trake iznad: bez toga filtri sjedaju tocno na rub
     .kl-pagehead plohe i citaju se kao dio nje */
  max-width:1180px;margin:28px auto 0}

/* filtri, pilule */
/* 30px, ne 20: na 20 su pilule sjedale prakticki na rub hero kartice */
.klvij2-filt{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 30px}
.klvij2-filt button{font-family:inherit;font-size:13px;font-weight:600;padding:9px 18px;
  border-radius:999px;border:1px solid var(--v-line);background:#fff;color:#444;cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease}
.klvij2-filt button:hover{border-color:#009168;color:#006B4E;background:#E0F2EC}
.klvij2-filt button[aria-pressed="true"]{background:#009168;border-color:#009168;color:#fff}

/* hero: fotografija gore, tekst na punoj plohi ispod
   Preklop preko fotografije pao je 27.07. Scrim se podesava za JEDNU sliku, a
   feed dovlaci novu svaki dan: svijetla fotografija proguta i bijeli i tamni
   tekst. Ploha je staticna pa je naslov citljiv bez obzira sto je na slici,
   i fotografija ostaje cijela, bez zatamnjenja preko donje trecine. */
.klvij2-hero{position:relative;border-radius:14px;overflow:hidden;display:block;
  text-decoration:none;background:var(--v-hero);margin:0 0 22px}
.klvij2-hero img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover}
.klvij2-hero .ov{display:block;padding:22px 26px 20px;background:var(--v-hero)}
/* V2 "editorial meta red" (29.07.): rubrika seli sa slike u meta red iznad
   naslova, fotografija ostaje potpuno cista; podnozje s hairlineom, potpisom
   i CTA signalom. Cijeli hero je i dalje jedan <a>, pa su meta red i CTA
   spanovi, ne linkovi. Eksplicitna boja na SVAKOM spanu jer site-wide
   body span{color:#444} gazi nasljedjivanje (pravilo sajta). Stari markup
   (chip na fotografiji) i dalje radi — chip pravila ostaju nize. */
.klvij2-hero .met{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 10px}
.klvij2-hero .met span{font-size:12.5px;font-weight:600;letter-spacing:.03em;color:#B9CEC4}
.klvij2-hero .met .r{color:#fff}
.klvij2-hero .met i{font-style:normal;font-size:12.5px;font-weight:600;color:#B9CEC4;opacity:.55}
.klvij2-hero .ft{display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:14px 0 0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.16)}
.klvij2-hero .wh{font-size:12.5px;font-weight:600;color:#9FBDB0}
.klvij2-hero .go{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:#fff}
.klvij2-hero .go .ar{display:inline-block;color:#fff;transition:transform .2s}
.klvij2-hero:hover .go .ar{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){.klvij2-hero .go .ar{transition:none}}
.klvij2-hero .chip{position:absolute;top:14px;left:16px;z-index:3;display:inline-flex;
  font-size:11px;font-weight:600;color:#2E5744;background:#fff;padding:4px 12px;
  border-radius:999px;margin:0}
/* !important jer site-wide h1..h6{color:#111!important} inace pregazi bijelo.
   Odlomak ispod nema takvo pravilo, pa je do sada lead bio bijel a naslov crn. */
.klvij2-hero h3{margin:0 0 7px;font-size:32px;line-height:1.14;color:#fff!important;
  font-weight:800;letter-spacing:-.025em;max-width:24ch}
.klvij2-hero p{margin:0;color:#DDEAE3;font-size:15px;max-width:60ch}
/* Kad sloj slika ne nadje nista, hero izlazi bez <img> pa je .ov prvo dijete.
   Tada oznaka nema fotografiju na kojoj bi stajala i vraca se u tok teksta,
   inace bi lebdjela preko naslova. */
.klvij2-hero .ov:first-child .chip{position:static;margin:0 0 9px}
@media(max-width:640px){
  .klvij2-hero img{aspect-ratio:16/9}
  .klvij2-hero .ov{padding:14px 15px 16px}
  .klvij2-hero .chip{top:10px;left:10px}
  .klvij2-hero h3{font-size:19px;line-height:1.25;max-width:none}
  .klvij2-hero p{font-size:13px;max-width:none}
  .klvij2-hero .met{margin:0 0 8px}
  .klvij2-hero .met span{font-size:11.5px}
  .klvij2-hero .met i{font-size:11.5px}
  .klvij2-hero .wh{display:none}
  .klvij2-hero .ft{margin:12px 0 0;padding:12px 0 0}
}

/* raspored */
.klvij2-cols{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;
  align-items:start}
/* minmax(0,1fr), NE 1fr. Stupac mreze ima min-width:auto, sto znaci "ne smijem
   biti uzi od svog sadrzaja". Desni stupac se puni TEK nakon fetcha (~2-3 s),
   a "Uzivo sada" zna donijeti par tipa "Samtskhe Akhaltsikhe – Gagra" s
   white-space:nowrap. Tada stupac gurne cijelu mrezu siru od ekrana i stranica
   se na mobitelu "razvuce" — tocno 2-3 sekunde nakon otvaranja. */
@media(max-width:900px){.klvij2-cols{grid-template-columns:minmax(0,1fr)}}
.klvij2-main,.klvij2-rail{min-width:0}
.klvij2-box .li{min-width:0}
.klvij2-box .li .nm{flex:1 1 auto}
.klvij2-rail{position:sticky;top:14px;display:flex;flex-direction:column;gap:14px}
/* Na mobitelu stupac pada ispod liste. Kut tamo ne ide: operator ga je htio
   samo unutar clanka, jer na hubu na uskom ekranu gura vijesti ispod pregiba. */
@media(max-width:900px){.klvij2-rail{position:static}
  .klvij2-rail .klvij2-kut{display:none}}
.klvij2-box{border:1px solid var(--v-line);border-radius:14px;padding:16px;background:#fff}
.klvij2-box .h{font-size:13px;font-weight:600;color:var(--v-mut);margin:0 0 10px}
.klvij2-box .li{display:flex;gap:10px;align-items:center;padding:8px 0;font-size:15px;
  color:var(--v-ink)}
.klvij2-box .li + .li{border-top:1px solid var(--v-line)}
.klvij2-box .li b{margin-left:auto;font-family:'JetBrains Mono',monospace;font-weight:700;
  font-size:15px;font-feature-settings:'tnum' 1}
.klvij2-box .li .cr{width:20px;height:20px;border-radius:50%;flex:0 0 auto;object-fit:contain;
  background:#EEF2F0}
.klvij2-box .go{display:block;margin-top:10px;font-size:13px;font-weight:600;color:#009168;
  text-decoration:none}

/* kut na naslovnici */
.klvij2-kut{background:var(--v-kut);border:1px solid var(--v-kutbd);border-radius:14px;
  padding:18px 20px}
.klvij2-kut .h{font-size:13px;font-weight:600;color:var(--v-kuth);margin:0 0 12px;
  display:flex;align-items:center;gap:7px}
.klvij2-kut .h i{width:6px;height:6px;border-radius:50%;background:#009168;display:block}
.klvij2-kut .it{padding:11px 0;border-top:1px solid #DCE9E3}
.klvij2-kut .it:first-of-type{border-top:0;padding-top:0}
.klvij2-kut b{display:block;font-size:15px;color:var(--v-kuttt);font-weight:700;margin-bottom:3px}
.klvij2-kut span{font-size:13px;color:#4E6B5E;line-height:1.55}

/* lista vijesti (wp:query) */
.klvij2-feed .wp-block-post-template{list-style:none;margin:0;padding:0;gap:0}
.klvij2-feed .wp-block-post{display:flex;gap:14px;padding:14px 0;
  border-top:1px solid var(--v-line);list-style:none}
.klvij2-feed .wp-block-post::marker{content:none}
.klvij2-feed .klvij2-txt{min-width:0;flex:1;display:block}
.klvij2-feed .wp-block-post:first-child{border-top:0;padding-top:0}
.klvij2-feed .wp-block-post-featured-image{width:104px;flex:0 0 auto;margin:0}
.klvij2-feed .wp-block-post-featured-image img{width:104px;height:78px;object-fit:cover;
  border-radius:10px;display:block}
.klvij2-feed .wp-block-post-title{margin:0 0 4px;font-size:15px;line-height:1.35;font-weight:700}
.klvij2-feed .wp-block-post-title a{color:var(--v-ink);text-decoration:none}
.klvij2-feed .wp-block-post-title a:hover{color:#006B4E}
.klvij2-feed .wp-block-post-excerpt{margin:0;font-size:13px;color:var(--v-mut);line-height:1.5}
.klvij2-feed .wp-block-post-excerpt__more-text{display:none}
.klvij2-feed .wp-block-post-date{font-size:13px;color:var(--v-mut);margin:6px 0 0}
@media(max-width:480px){
  .klvij2-feed .wp-block-post-featured-image,
  .klvij2-feed .wp-block-post-featured-image img{width:84px;height:64px}
}

/* Tema ima vlastita pravila za naslove, odlomke i liste u blokovima, pa nasa
   moraju biti specificnija. Bez ovoga naslov u listi ostaje 19px, sazetak
   17px, a ispod slike se pojavi crta iz theme stila za figure. */
.klvij2 .klvij2-feed ul.wp-block-post-template{list-style:none!important;margin:0!important;
  padding:0!important;display:block!important}
.klvij2 .klvij2-feed li.wp-block-post{display:flex!important;gap:14px;padding:14px 0!important;
  margin:0!important;border-top:1px solid var(--v-line);border-bottom:0!important;
  list-style:none!important;align-items:flex-start}
.klvij2 .klvij2-feed li.wp-block-post:first-child{border-top:0;padding-top:0!important}
/* Filtri sakrivaju kroz [hidden]. Bez ovoga display:flex!important gore pobijedi
   ugradjeno [hidden]{display:none} i redak ostane vidljiv. */
.klvij2 .klvij2-feed li.wp-block-post[hidden]{display:none!important}
.klvij2-hero[hidden],.klvij2-pag[hidden]{display:none}
.klvij2-nema{font-size:15px;color:var(--v-mut);margin:0;padding:26px 0;text-align:center}
.klvij2 .klvij2-feed figure.wp-block-post-featured-image{width:104px!important;flex:0 0 auto;
  margin:0!important;padding:0!important;border:0!important;overflow:hidden;border-radius:10px}
.klvij2 .klvij2-feed figure.wp-block-post-featured-image a{display:block;border:0!important}
.klvij2 .klvij2-feed figure.wp-block-post-featured-image img{width:104px!important;
  height:78px!important;object-fit:cover;display:block;border-radius:10px;margin:0!important}
.klvij2 .klvij2-feed .klvij2-txt{flex:1;min-width:0;margin:0!important;padding:0!important}
.klvij2 .klvij2-feed h3.wp-block-post-title{margin:0 0 4px!important;font-size:15px!important;
  line-height:1.35!important;font-weight:700!important;letter-spacing:0}
.klvij2 .klvij2-feed h3.wp-block-post-title a{color:var(--v-ink)!important;
  text-decoration:none!important;border-bottom:0!important}
.klvij2 .klvij2-feed h3.wp-block-post-title a:hover{color:#006B4E!important}
.klvij2 .klvij2-feed .wp-block-post-excerpt{margin:0!important}
.klvij2 .klvij2-feed .wp-block-post-excerpt p,
.klvij2 .klvij2-feed .wp-block-post-excerpt__excerpt{margin:0!important;font-size:13px!important;
  line-height:1.5!important;color:var(--v-mut)!important}
.klvij2 .klvij2-feed .wp-block-post-date{margin:6px 0 0!important;font-size:13px!important;
  color:var(--v-mut)!important;line-height:1.4!important}
.klvij2 .klvij2-feed .wp-block-post-date a{color:var(--v-mut)!important;
  text-decoration:none!important;border-bottom:0!important}

/* Desni stupac. Sve kutije govore isti jezik: bijela ploha, 14px radijus,
   oznaka 13px Inter. Radar i brzi linkovi dolaze iz Apps Scripta i sad izlaze
   odmah u klvij2 razredima, pa nema nadjacavanja starih klvij- pravila. */
.klvij2-box .h .dot{width:7px;height:7px;border-radius:50%;background:#C53030;
  display:inline-block;margin-right:7px;vertical-align:middle;
  animation:klvij2puls 1.6s ease-in-out infinite}
@keyframes klvij2puls{0%,100%{opacity:1}50%{opacity:.3}}
@media(prefers-reduced-motion:reduce){.klvij2-box .h .dot{animation:none}}
.klvij2-box .li .cr{object-fit:contain}
.klvij2-box .li .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.klvij2-box .li .min{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:13px;
  color:var(--v-mut);font-feature-settings:'tnum' 1}
.klvij2-box .li .min + b{margin-left:10px}
.klvij2-box .em{font-size:13px;color:var(--v-mut);margin:0;padding:2px 0}
/* Redci u "Nas tip danas" su poveznice na sam tip */
.klvij2-box a.li{text-decoration:none!important;border-bottom:0!important;
  color:var(--v-ink)!important}
.klvij2-box a.li:hover{color:#006B4E!important}
/* Izvan 23:00-06:00 kvota se ne smije prikazati (NN 72/2025), pa desno stoji
   sam tip. Pilula umjesto brojke, da se ne cita kao kvota. */
.klvij2-box .li .tp{margin-left:auto;flex:0 0 auto;font-size:13px;font-weight:600;
  color:#006B4E;background:#E0F2EC;padding:3px 10px;border-radius:999px}

/* radar: ista bijela kutija, redovi kao u kutu */
.klvij2-tk{border:1px solid var(--v-line);border-radius:12px;padding:12px 14px}
.klvij2-tk-top{display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding-bottom:9px;margin-bottom:5px;border-bottom:1px solid var(--v-line)}
.klvij2-tk-top b{font-size:15px;font-weight:700;color:var(--v-ink);display:flex;
  align-items:center;gap:7px;min-width:0;line-height:1.3}
.klvij2-tk-top i{font-style:normal;font-size:13px;color:var(--v-mut);flex:0 0 auto}
.klvij2-tk-crest{width:18px;height:18px;border-radius:50%;object-fit:contain;background:#EEF2F0;
  flex:0 0 auto}
.klvij2-tk-row{display:flex;justify-content:space-between;align-items:center;gap:8px;
  padding:5px 0;font-size:13px;color:var(--v-mut)}
.klvij2-tk-row b{font-family:'JetBrains Mono',monospace;font-feature-settings:'tnum' 1;
  font-weight:700;font-size:15px;color:var(--v-ink)}
.klvij2-tk-row b.klvij2-edge{color:#009168}
.klvij2-disc{font-size:13px;color:var(--v-mut);margin:11px 0 0;line-height:1.5}
.klvij2-disc a{color:inherit}

/* brzi linkovi */
.klvij2-ql{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 0;border-top:1px solid var(--v-line);font-size:15px;font-weight:600;
  color:var(--v-ink)!important;text-decoration:none!important;border-bottom:0!important}
.klvij2-ql:first-of-type{border-top:0;padding-top:0}
.klvij2-ql:hover{color:#006B4E!important}
.klvij2-ql em{font-style:normal;color:#009168;flex:0 0 auto}

/* CTA na dnu stupca: puna sirina, inace pilula pluta uz lijevi rub */
.klvij2-rail .klvij-cta{margin:0}
.klvij2-rail .klvij-pill{justify-content:center;width:100%}

/* paginacija: krugovi */
.klvij2-pag{display:flex;align-items:center;justify-content:center;gap:8px;margin:26px 0 0;
  padding-top:22px;border-top:1px solid var(--v-line);flex-wrap:wrap}
.klvij2-pag .page-numbers{width:44px;height:44px;display:inline-flex;align-items:center;
  justify-content:center;border:1px solid var(--v-line);border-radius:50%;
  font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:700;color:#006B4E;
  text-decoration:none;font-feature-settings:'tnum' 1;transition:all .15s ease}
.klvij2-pag .page-numbers:hover{border-color:#009168;background:#E0F2EC}
.klvij2-pag .page-numbers.current{background:#009168;border-color:#009168;color:#fff}
.klvij2-pag .page-numbers.dots{border:0;width:auto;color:var(--v-mut)}
@media(max-width:480px){.klvij2-pag .page-numbers{width:38px;height:38px;font-size:13px}}

/* ---- mobitel: aplikacijski sloj, isti obrazac kao /rezultati/ ----
   Ljepljiva traka s naslovom, ispod nje traka rubrika koja se klizi vodoravno,
   hero se pretvara iz preklopa u karticu (slika gore, tekst na bijelom ispod),
   i donja navigacija. Isti markup kao desktop, druga prezentacija. */
.klvij2-mtop,.klvij2-nav{display:none}

@media(max-width:640px){
  /* var(...,rezerva) jer clanci koriste iste klase, a --v-* zive na .klvij2
     omotacu kojeg u clanku nema */
  .klvij2-mtop{display:flex;align-items:center;gap:10px;padding:13px 2px 11px;
    border-bottom:1px solid var(--v-line,#EAEAEA);position:sticky;top:0;z-index:20;
    background:#fff;margin:0 0 14px}
  .klvij2-mtop .t{font-size:17px;font-weight:800;color:var(--v-ink,#111);letter-spacing:-.02em;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .klvij2-mtop .bk{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;
    border:1px solid var(--v-line,#EAEAEA);border-radius:9px;color:var(--v-ink,#111)!important;
    text-decoration:none!important;border-bottom:1px solid var(--v-line,#EAEAEA)!important}
  .klvij2-mtop .bk svg{width:15px;height:15px}

  /* traka rubrika se klizi umjesto da se lomi u dva reda */
  .klvij2-filt{position:sticky;top:46px;z-index:19;background:#fff;flex-wrap:nowrap;
    overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;
    padding:10px 0;margin:0 0 14px;border-bottom:1px solid var(--v-line)}
  .klvij2-filt::-webkit-scrollbar{display:none}
  .klvij2-filt button{flex:0 0 auto}

  /* hero je i na desktopu vec kartica (slika gore, ploha ispod), pa ga ovdje
     ne treba prekrajati; velicine su u njegovom vlastitom prijelomu gore */

  .klvij2-nav{display:grid;grid-template-columns:repeat(4,1fr);position:sticky;bottom:0;
    z-index:30;background:#fff;border-top:1px solid var(--v-line,#EAEAEA);margin-top:18px;
    box-shadow:0 -6px 20px -16px rgba(9,28,20,.4)}
  /* :link i :visited MORAJU biti u selektoru. Na vrhu ovog fajla stoji
     ".space-content a:link{color:#009168!important}", a to je specificnost
     (0,2,1) jer se pseudo-klasa broji u stupac KLASA. Moj "nav.klvij2-nav a"
     je (0,1,2) i gubi, jer se stupac klasa usporedjuje prvi — dodavanje
     elementa u selektor tu ne pomaze. Zato su sve cetiri stavke bile zelene.
     Isti recept vec koriste .klvij-pill i .klvij-rel a nize u fajlu.
     /rezultati/ je bio postedjen jer ondje nav koristi <button>, ne <a>. */
  nav.klvij2-nav a,nav.klvij2-nav a:link,nav.klvij2-nav a:visited{
    display:grid;justify-items:center;gap:3px;padding:9px 4px 11px;
    font-size:10px;font-weight:600;color:var(--v-mut,#888)!important;position:relative;
    text-decoration:none!important;border-bottom:0!important}
  nav.klvij2-nav a svg{width:20px;height:20px}
  nav.klvij2-nav a[aria-current="page"],nav.klvij2-nav a[aria-current="page"]:link,
  nav.klvij2-nav a[aria-current="page"]:visited{color:#009168!important}
  nav.klvij2-nav a[aria-current="page"]::before{content:'';position:absolute;top:0;left:24%;
    right:24%;height:2.5px;background:#009168;border-radius:0 0 3px 3px}
}

/* ══════════════════════════════════════════════════════════════════════════
   KLV1 — /vijesti/ "Naslovnica" (odabrano 4.8.2026., preneseno na produkciju)
   --------------------------------------------------------------------------
   ZASTO SE klvij2 SLOJ IZNAD NE BRISE: .klvij2-mtop i .klvij2-nav koriste i
   pojedinacne vijesti (vijestiDonjaNav), a .klvij-kut zivi u tijelu clanka.
   Hub prelazi na klv1-, clanci ostaju na starom. Mrtvih pravila ima, ali
   brisanje bi srusilo clanke.

   RAZLIKE OD MOCKUPA (vijesti-redizajn/v1-naslovnica.html):
   1. Mockup vuce tokene (--hair, --zalfija, --lead) iz _base.css. Post 26 ih
      NEMA — ovdje su lokalne varijable na .klv1, isti obrazac koji .klvij2
      vec koristi s --v-*.
   2. Mockup radi mobitel kroz `.is-mobile X` jer je telefon element u desktop
      dokumentu. Ovdje su pravi medijski upiti.
   3. Redak liste u mockupu je <a> s pet stupaca. Ovdje redak crta wp:query, pa
      je mreza na <li class="wp-block-post">, a redni broj je CSS brojac umjesto
      <span>. Brojac preskace sakrivene retke sam (element bez okvira ne
      inkrementira), pa renumeracija pri filtriranju ne treba JavaScript.
   4. Tema tuce blokove, pa su !important-i prepisani iz vec dokazanog
      .klvij2-feed recepta, ne izmisljeni.
   ══════════════════════════════════════════════════════════════════════════ */

.klv1{
  --k1-ink:#111; --k1-lead:#5C6663; --k1-mut:#888; --k1-hair:#E7EBEA;
  --k1-line:#EAEAEA; --k1-zal:#3E6E58; --k1-g:#009168; --k1-gd:#006B4E;
  --k1-soft:#E0F2EC; --k1-uline:#CFE3DA;
  --rc:#1F6F52; --rb:#E4F1EB;
  max-width:1180px;margin:16px auto 0}
.klv1 .num{font-family:'JetBrains Mono',ui-monospace,monospace;
  font-feature-settings:'tnum' 1;font-variant-numeric:tabular-nums}

/* boja oznake rubrike. Postavlja se na retku (<li> iz wp:query nosi klasu
   tag-<slug>), pa je isti par vrijednosti dostupan i cipu i tekstu. */
.klv1 .tag-transferi,.klv1 .rub-transferi{--rc:#1F6F52;--rb:#E4F1EB}
.klv1 .tag-najava-kola,.klv1 .rub-najava-kola{--rc:#2B5F86;--rb:#E4EEF6}
.klv1 .tag-ozljede,.klv1 .rub-ozljede{--rc:#A03A3A;--rb:#F6E6E6}
.klv1 .tag-industrija,.klv1 .rub-industrija{--rc:#6B5A2E;--rb:#F3EEE1}
.klv1 .tag-reprezentacija,.klv1 .rub-reprezentacija{--rc:#4A4A82;--rb:#EAEAF5}

/* ---------- 1. traka rubrika: tekstualni linkovi, aktivno podcrtanje ---------- */
.klv1-band{margin:16px 0 0;background:#fff;
  border-top:1px solid var(--k1-hair);border-bottom:1px solid var(--k1-hair)}
.klv1-fil{display:flex;align-items:center;gap:26px}
.klv1-f{appearance:none;border:0;background:transparent;cursor:pointer;
  font-family:inherit;padding:14px 0;font-size:14px;font-weight:600;color:#7b8380;
  letter-spacing:-.01em;position:relative;white-space:nowrap;transition:color .16s ease}
.klv1-f::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:var(--k1-ink);opacity:0;transition:opacity .16s ease}
.klv1-f:hover{color:var(--k1-ink)}
.klv1-f[aria-pressed="true"]{color:var(--k1-ink)}
.klv1-f[aria-pressed="true"]::after{opacity:1}
.klv1-f:focus-visible{outline:2px solid var(--k1-g);outline-offset:3px}
.klv1-dl{margin-left:auto;font-size:12.5px;color:var(--k1-mut);white-space:nowrap}

/* ---------- 2. gornji dio: vodeca + dvije pratece ---------- */
.klv1-top{display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:0 46px;padding:34px 0 0}
.klv1-top.klv1-off{display:none}
/* Pod filtrom rubrike gornji blok nestaje, a njegove objave se pojave u listi
   (lista ne iskljucuje nista — v. vijestiFeedNormaliziraj u vijesti-sync.gs). */

.klv1-fig{margin:0 0 18px;background:#EFF2F1;overflow:hidden;padding:0;border:0}
.klv1-fig img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.klv1-lead .klv1-fig{aspect-ratio:16/9}

.klv1-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;
  font-size:12.5px;color:var(--k1-mut);margin:0 0 12px}
.klv1-meta span{color:var(--k1-mut)}
.klv1-meta i{font-style:normal;opacity:.55}
.klv1-chip{background:var(--rb);color:var(--rc)!important;font-size:12px;font-weight:700;
  padding:4px 9px;border-radius:3px;letter-spacing:-.01em}
/* h1..h6{color:#111!important} je site-wide, pa naslov nosi boju kroz link. */
.klv1 h2.klv1-h1{margin:0!important;font-size:38px!important;line-height:1.08!important;
  letter-spacing:-.032em;font-weight:700!important;text-wrap:balance}
.klv1 h2.klv1-h1 a,.klv1 h2.klv1-h1 a:link,.klv1 h2.klv1-h1 a:visited{
  color:var(--k1-ink)!important;text-decoration:none!important;border-bottom:0!important}
.klv1 h2.klv1-h1 a:hover{color:var(--k1-gd)!important}
.klv1-lead p.klv1-sum{margin:14px 0 0;font-size:17.5px;line-height:1.55;
  color:var(--k1-lead);max-width:58ch}

/* kladionicarski kut: tanka zalfija traka s rubom, ne kutija */
.klv1-kut{margin:22px 0 0;padding:15px 18px;background:#F1F5F3;
  border-left:3px solid var(--k1-zal)}
.klv1-kut b{display:block;font-size:12.5px;font-weight:700;color:var(--k1-zal);
  letter-spacing:-.01em;margin-bottom:6px}
.klv1-kut p{margin:0!important;font-size:15.5px;line-height:1.6;color:#3C4744;max-width:62ch}
/* osigurac: generator praznu traku vec ne salje, ovo hvata ostatke */
.klv1-kut:not(:has(p:not(:empty))){display:none}

/* pratece */
.klv1-side{border-left:1px solid var(--k1-hair);padding-left:32px}
.klv1-sh{margin:0 0 16px;padding-bottom:11px;border-bottom:1px solid var(--k1-ink);
  font-size:13px;font-weight:700;color:var(--k1-ink);letter-spacing:-.01em}
.klv1-sub{display:block;padding-bottom:24px}
.klv1-sub + .klv1-sub{border-top:1px solid var(--k1-hair);padding-top:22px}
.klv1-sub .klv1-fig{aspect-ratio:4/3;margin-bottom:14px}
.klv1 h3.klv1-h3{margin:0!important;font-size:19.5px!important;line-height:1.24!important;
  letter-spacing:-.022em;font-weight:700!important}
.klv1 h3.klv1-h3 a,.klv1 h3.klv1-h3 a:link,.klv1 h3.klv1-h3 a:visited{
  color:var(--k1-ink)!important;text-decoration:none!important;border-bottom:0!important}
.klv1 h3.klv1-h3 a:hover{color:var(--k1-gd)!important}
.klv1-sub .klv1-meta{margin:11px 0 0}
.klv1-sub.klv1-off{display:none}

/* ---------- 3. donji dio: gusta lista + uska kolona Danas ---------- */
.klv1-low{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:0 46px;
  margin-top:46px;border-top:2px solid var(--k1-ink);align-items:start}
.klv1-listcol{min-width:0}
.klv1-lh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding:15px 0 11px}
.klv1 .klv1-lh h2{margin:0!important;font-size:16px!important;font-weight:700!important;
  letter-spacing:-.015em}
.klv1-cnt{font-size:12.5px;color:var(--k1-mut);white-space:nowrap}

/* --- lista je wp:query. Tema tuce blokove, pa idu !important-i iz dokazanog
       .klvij2-feed recepta. Brojac je na <ul>, inkrement na retku. --- */
.klv1 .klv1-list ul.wp-block-post-template{list-style:none!important;margin:0!important;
  padding:0!important;display:block!important;gap:0;counter-reset:klv1;
  border-top:1px solid var(--k1-ink)}
.klv1 .klv1-list li.wp-block-post{
  counter-increment:klv1;position:relative;
  display:grid!important;grid-template-columns:38px 72px 116px minmax(0,1fr) 78px;
  align-items:center;gap:0 14px;padding:9px 4px 9px 0!important;margin:0!important;
  border-top:0!important;border-bottom:1px solid var(--k1-hair)!important;
  list-style:none!important;transition:background .14s ease}
.klv1 .klv1-list li.wp-block-post::marker{content:none}
.klv1 .klv1-list li.wp-block-post:hover{background:#FAFBFA}
/* Filtri sakrivaju kroz [hidden]; bez ovoga display:grid!important pobijedi
   ugradjeno [hidden]{display:none}. Isti trap kao na klvij2 feedu. */
.klv1 .klv1-list li.wp-block-post[hidden]{display:none!important}

/* redni broj. decimal-leading-zero daje 01, 02 … kao u mockupu.
   #6E7674 je 4.66:1 na bijelom; prijasnjih #B7BEBC bilo je 1.89:1, dakle ispod
   WCAG AA — a redni broj nosi rang, nije ukras. */
.klv1 .klv1-list li.wp-block-post::before{
  content:counter(klv1,decimal-leading-zero);grid-row:1;grid-column:1;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-feature-settings:'tnum' 1;
  font-size:12.5px;font-weight:500;color:#6E7674;transition:color .14s ease}
.klv1 .klv1-list li.wp-block-post:hover::before{color:var(--k1-ink)}

.klv1 .klv1-list figure.klv1-mini{grid-row:1;grid-column:2;width:72px!important;
  margin:0!important;padding:0!important;border:0!important;overflow:hidden;
  border-radius:5px;background:#EFF2F1}
.klv1 .klv1-list figure.klv1-mini a{display:block;border:0!important}
.klv1 .klv1-list figure.klv1-mini img{width:72px!important;height:48px!important;
  object-fit:cover;display:block;margin:0!important;border-radius:5px;
  transition:opacity .14s ease}
.klv1 .klv1-list li.wp-block-post:hover figure.klv1-mini img{opacity:.86}

.klv1 .klv1-list .klv1-rb{grid-row:1;grid-column:3;font-size:12.5px!important;
  font-weight:600;color:var(--rc)!important;letter-spacing:-.01em;margin:0!important;
  line-height:1.3!important}
.klv1 .klv1-list .klv1-rb a,.klv1 .klv1-list .klv1-rb a:link,
.klv1 .klv1-list .klv1-rb a:visited{color:var(--rc)!important;text-decoration:none!important;
  border-bottom:0!important;pointer-events:none}

.klv1 .klv1-list h3.klv1-t{grid-row:1;grid-column:4;margin:0!important;
  font-size:16.5px!important;font-weight:600!important;line-height:1.34!important;
  letter-spacing:-.014em}
.klv1 .klv1-list h3.klv1-t a,.klv1 .klv1-list h3.klv1-t a:link,
.klv1 .klv1-list h3.klv1-t a:visited{color:var(--k1-ink)!important;
  text-decoration:none!important;border-bottom:0!important;transition:color .14s ease}
.klv1 .klv1-list li.wp-block-post:hover h3.klv1-t a{color:var(--k1-gd)!important}
/* cijeli redak je klikabilan: naslovna poveznica se rasteze preko <li>.
   Slika ispod nje vodi na isti post, pa preklop nista ne odnosi. */
.klv1 .klv1-list h3.klv1-t a::after{content:"";position:absolute;inset:0}
.klv1 .klv1-list li.wp-block-post:focus-within{outline:2px solid var(--k1-g);
  outline-offset:-2px}

.klv1 .klv1-list .klv1-d{grid-row:1;grid-column:5;margin:0!important;
  font-size:12.5px!important;color:var(--k1-mut)!important;text-align:right;
  line-height:1.3!important;font-family:'JetBrains Mono',ui-monospace,monospace;
  font-feature-settings:'tnum' 1}
.klv1 .klv1-list .klv1-d a,.klv1 .klv1-list .klv1-d a:link,
.klv1 .klv1-list .klv1-d a:visited{color:var(--k1-mut)!important;
  text-decoration:none!important;border-bottom:0!important;pointer-events:none}

.klv1-empty{display:none;margin:0;padding:22px 0;font-size:15px;color:var(--k1-lead)}
.klv1-empty.klv1-on{display:block}
.klv1-back{appearance:none;border:0;background:transparent;padding:0;cursor:pointer;
  font-family:inherit;font-size:15px;font-weight:600;color:var(--k1-gd);
  border-bottom:1px solid var(--k1-uline)}
.klv1-back:hover{color:var(--k1-g)}

/* podnozje liste: koliko je prikazano */
.klv1-more{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding:14px 0 0;font-size:13px}
.klv1-mtxt{color:var(--k1-mut)}
.klv1-more.klv1-off{display:none}

/* paginacija: krugovi, prepisano s .klvij2-pag */
.klv1-pag{display:flex;align-items:center;justify-content:center;gap:8px;margin:26px 0 0;
  padding-top:22px;border-top:1px solid var(--k1-line);flex-wrap:wrap}
.klv1-pag[hidden]{display:none}
/* Uz jednu stranicu WP i dalje ispise <nav>, samo bez brojeva — a prazan blok
   bi nacrtao svoj border-top kao crtu niotkuda. */
.klv1-pag:not(:has(.page-numbers)){display:none}
.klv1-pag .page-numbers{width:44px;height:44px;display:inline-flex;align-items:center;
  justify-content:center;border:1px solid var(--k1-line);border-radius:50%;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:15px;font-weight:700;
  color:var(--k1-gd)!important;text-decoration:none!important;
  border-bottom:1px solid var(--k1-line)!important;
  font-feature-settings:'tnum' 1;transition:all .15s ease}
.klv1-pag .page-numbers:hover{border-color:var(--k1-g)!important;background:var(--k1-soft)}
.klv1-pag .page-numbers.current{background:var(--k1-g);border-color:var(--k1-g)!important;
  color:#fff!important}
.klv1-pag .page-numbers.dots{border:0!important;width:auto;color:var(--k1-mut)!important}

/* ---------- 4. kolona Danas ---------- */
.klv1-agenda{border-left:1px solid var(--k1-hair);padding-left:26px;
  position:sticky;top:20px;min-width:0}
.klv1 .klv1-ah{margin:0!important;padding:15px 0 11px;font-size:16px!important;
  font-weight:700!important;letter-spacing:-.015em}
.klv1-it{border-top:1px solid var(--k1-hair);padding:13px 0;margin:0}
.klv1-it:last-child{border-bottom:1px solid var(--k1-hair)}
.klv1-it summary{list-style:none;cursor:default;display:flex;align-items:center;gap:8px;
  font-size:13px;font-weight:700;color:var(--k1-ink);letter-spacing:-.01em}
.klv1-it summary::-webkit-details-marker{display:none}
.klv1-it summary::after{content:"+";margin-left:0;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:15px;color:var(--k1-mut);display:none}
.klv1-dot{width:7px;height:7px;border-radius:50%;background:var(--k1-g);flex:0 0 auto;
  animation:klv1puls 2.2s ease-in-out infinite}
@keyframes klv1puls{0%,100%{opacity:1}50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.klv1-dot{animation:none}}
.klv1-it p{margin:8px 0 0;font-size:13.5px;line-height:1.55;color:var(--k1-lead)}

.klv1-live{margin-top:9px;display:flex;flex-direction:column}
.klv1-lrow{display:flex;align-items:baseline;gap:9px;padding:6px 0;
  border-top:1px solid #F1F4F3;font-size:13px;color:var(--k1-lead)}
.klv1 a.klv1-lrow,.klv1 a.klv1-lrow:link,.klv1 a.klv1-lrow:visited{
  text-decoration:none!important;border-bottom:0!important;color:var(--k1-lead)!important}
.klv1-lrow:first-child{border-top:0}
.klv1 a.klv1-lrow:hover .klv1-lnm{color:var(--k1-gd)}
/* Ime momcadi je JEDINO sto se smije stiskati. Bez min-width:0 + ellipsis dugi
   par ("Al Hilal Omdurman") razvuce cijelu kolonu — isti kvar koji je 27.07.
   razvlacio hub na mobitelu. */
.klv1-lnm{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;color:var(--k1-ink);font-weight:500}
.klv1-cr{flex:0 0 auto;display:flex;align-items:center;gap:3px}
.klv1-crest{width:15px;height:15px;object-fit:contain;display:block;
  background:#F4F6F5;border-radius:3px}
/* Zamjena za klub bez grba. NALAZ 4.8.: api-sports za takve klubove ne vraca
   404 nego JEDNU te istu zamjensku sliku (sivi fotoaparat, 150x150, 29416 B),
   istih dimenzija kao pravi grbovi — pa se ni onerror ni naturalWidth ne mogu
   iskoristiti. Inicijali se crtaju samo kad ID momcadi uopce ne dodje. */
.klv1-ini{display:grid;place-items:center;font-size:8px;font-weight:700;
  color:var(--k1-lead);background:#EBEFED;letter-spacing:-.02em;
  font-family:'Inter',system-ui,sans-serif}
.klv1-lmin{flex:0 0 auto;font-size:11.5px;color:var(--k1-mut);
  font-family:'JetBrains Mono',ui-monospace,monospace;font-feature-settings:'tnum' 1}
.klv1-lrow b{flex:0 0 auto;color:var(--k1-ink);font-weight:700;font-size:13px;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-feature-settings:'tnum' 1}
.klv1-tp{flex:0 0 auto;font-size:11.5px;font-weight:700;color:var(--k1-gd);
  background:var(--k1-soft);padding:3px 8px;border-radius:999px;white-space:nowrap}
.klv1-cnt2{margin-left:auto;font-size:11px;font-weight:700;color:var(--k1-mut);
  background:#F4F6F5;padding:2px 7px;border-radius:999px;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-feature-settings:'tnum' 1}
.klv1-nn{margin:9px 0 0;font-size:11.5px;line-height:1.5;color:var(--k1-mut)}
.klv1-par{margin:8px 0 0;font-size:14px;font-weight:600;color:var(--k1-ink);
  letter-spacing:-.01em;display:flex;align-items:center;gap:0}
.klv1-par .klv1-cr{display:inline-flex;margin-right:7px}
.klv1-par span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.klv1-vals{margin:6px 0 0;font-size:13px;color:var(--k1-lead)}
.klv1-vals b{color:var(--k1-ink);font-weight:700}
.klv1 .klv1-go,.klv1 .klv1-go:link,.klv1 .klv1-go:visited{display:inline-block;
  margin-top:9px;font-size:13px;font-weight:600;color:var(--k1-gd)!important;
  text-decoration:none!important;border-bottom:1px solid var(--k1-uline)!important}
.klv1 .klv1-go:hover{color:var(--k1-g)!important}
.klv1-em{font-size:13px;color:var(--k1-mut);margin:8px 0 0}

/* ══════════════ 5. UZAK EKRAN ══════════════ */

/* 900px: obje mreze padaju u jedan stupac. Isti prag koji vec koristi .klvij2. */
@media(max-width:900px){
  .klv1-top{grid-template-columns:minmax(0,1fr);gap:0;padding-top:22px}
  .klv1-side{border-left:0;padding-left:0;margin-top:26px}
  .klv1-low{grid-template-columns:minmax(0,1fr);margin-top:30px}
  .klv1-agenda{border-left:0;padding-left:0;margin-top:26px;
    border-top:2px solid var(--k1-ink);position:static}
  .klv1-it summary{cursor:pointer;padding:2px 0}
  .klv1-it summary::after{display:block;margin-left:auto}
  .klv1-it[open] > summary::after{content:"\2013"}
  .klv1 h2.klv1-h1{font-size:31px!important}
}

/* 640px: aplikacijski sloj, kao /rezultati/ i kao dosadasnji hub */
@media(max-width:640px){
  .klv1{margin-top:8px}
  .klv1-band{margin-top:10px}
  .klv1-fil{gap:20px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;
    -ms-overflow-style:none;-webkit-overflow-scrolling:touch}
  .klv1-fil::-webkit-scrollbar{height:0;display:none}
  .klv1-f{flex:0 0 auto;padding:12px 0;font-size:13.5px}
  .klv1-dl{display:none}

  .klv1-lead .klv1-fig{margin-left:-16px;margin-right:-16px;margin-bottom:15px}
  .klv1-meta{gap:5px 12px}
  .klv1-meta i{display:none}
  .klv1 h2.klv1-h1{font-size:27px!important;line-height:1.14!important;
    letter-spacing:-.028em}
  .klv1-lead p.klv1-sum{font-size:15.5px;margin-top:11px}
  .klv1-kut{margin-top:18px;padding:13px 14px}
  .klv1-kut p{font-size:14.5px!important}

  .klv1-sub{display:grid;grid-template-columns:104px minmax(0,1fr);gap:0 14px;
    align-items:start;padding:14px 0}
  .klv1-sub + .klv1-sub{padding-top:14px}
  .klv1-sub .klv1-fig{margin:0;aspect-ratio:4/3;grid-column:1;grid-row:1 / span 2;
    align-self:start}
  .klv1 h3.klv1-h3{font-size:16px!important;line-height:1.3!important;
    grid-column:2;grid-row:1}
  .klv1-sub .klv1-meta{margin-top:8px;gap:8px;font-size:11.5px;grid-column:2;grid-row:2}
  .klv1-sub .klv1-chip{padding:3px 7px;font-size:11px}

  /* Slicica stoji uz naslov i proteze se preko oba retka, pa je redak visok
     koliko i slika, a ne visi. Cetiri stupca: naslov uzima oba desna, a u
     drugom retku rubrika grli svoj sadrzaj (`auto`) pa datum staje odmah do
     nje — s fiksnim odmakom bi "Reprezentacija" naletjela na datum. */
  .klv1 .klv1-list li.wp-block-post{
    grid-template-columns:26px 64px auto minmax(0,1fr);
    grid-template-rows:auto auto;gap:2px 10px;
    padding:10px 0!important;align-items:start}
  .klv1 .klv1-list li.wp-block-post::before{grid-row:1;grid-column:1}
  .klv1 .klv1-list figure.klv1-mini{grid-row:1 / span 2;grid-column:2;
    width:64px!important;align-self:start}
  .klv1 .klv1-list figure.klv1-mini img{width:64px!important;height:48px!important}
  .klv1 .klv1-list h3.klv1-t{grid-row:1;grid-column:3 / span 2;font-size:15.5px!important}
  .klv1 .klv1-list .klv1-rb{grid-row:2;grid-column:3;font-size:11.5px!important;
    align-self:start}
  .klv1 .klv1-list .klv1-d{grid-row:2;grid-column:4;font-size:11.5px!important;
    text-align:left;justify-self:start;align-self:start}

  .klv1-more{padding-top:12px;font-size:12.5px}
  .klv1-pag .page-numbers{width:38px;height:38px;font-size:13px}
}

/* ---------- ljepljiva traka i donja navigacija (samo mobitel) ---------- */
/* Vrijednosti prepisane iz .klvij2-mtop / .klvij2-nav gore, ne izmisljene, da
   se hub ne razidje s /rezultati/ i s clancima. */
.klv1-mtop,.klv1-nav{display:none}
@media(max-width:640px){
  /* Traka se NE vidi dok si na vrhu — ondje je pravi naslov i bila bi treci
     "Vijesti" u kadru (mrvica, kicker, pa ona). Klizne tek kad h1 ode gore. */
  .klv1-mtop{display:flex;align-items:center;gap:10px;padding:13px 2px 11px;
    border-bottom:1px solid var(--k1-line);position:sticky;top:0;z-index:20;
    background:#fff;margin:0 0 4px;
    transform:translateY(-100%);opacity:0;pointer-events:none;
    transition:transform .18s ease,opacity .18s ease}
  .klv1-mtop.klv1-vidi{transform:none;opacity:1;pointer-events:auto}
  .klv1-mtop .t{font-size:17px;font-weight:800;color:var(--k1-ink);letter-spacing:-.02em;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  .klv1-nav{display:grid;grid-template-columns:repeat(4,1fr);position:sticky;bottom:0;
    z-index:30;background:#fff;border-top:1px solid var(--k1-line);margin-top:18px;
    box-shadow:0 -6px 20px -16px rgba(9,28,20,.4)}
  /* :link i :visited MORAJU biti u selektoru: site-wide ".space-content a:link"
     je (0,2,1) i inace pobijedi, pa cijela navigacija ispadne zelena umjesto
     samo aktivne stavke. Isti recept kao nav.klvij2-nav gore. */
  nav.klv1-nav a,nav.klv1-nav a:link,nav.klv1-nav a:visited{
    display:grid;justify-items:center;gap:3px;padding:9px 4px 11px;
    font-size:10px;font-weight:600;color:var(--k1-mut)!important;position:relative;
    text-decoration:none!important;border-bottom:0!important}
  nav.klv1-nav a svg{width:20px;height:20px}
  nav.klv1-nav a[aria-current="page"],nav.klv1-nav a[aria-current="page"]:link,
  nav.klv1-nav a[aria-current="page"]:visited{color:var(--k1-g)!important}
  nav.klv1-nav a[aria-current="page"]::before{content:'';position:absolute;top:0;
    left:24%;right:24%;height:2.5px;background:var(--k1-g);border-radius:0 0 3px 3px}
}

/* CTA i 18+ redak zadrzavaju postojece klase (.klvij-cta/.klvij-pill/.klvij-rg). */
.klv1 + .klvij-cta{margin-top:34px}

/* CTA u heroju (4.8., operator: "dok citas tu novosti nema nigdje cta da te
   vodi na clanak"). Naslov jest poveznica, ali dok citas lead i kut nista to
   ne signalizira. Pilula je vec zakljucani standard sajta, pa se koristi
   .klvij-pill umjesto nove komponente. Stoji ISPOD kuta: kut je ono zbog cega
   se rubrika cita, pa CTA zatvara blok umjesto da ga presijeca. */
.klv1-cta{margin:22px 0 0}
.klv1-cta .klvij-pill{font-size:14.5px}
.klv1-cta .klvij-pill i{font-style:normal;display:inline-block;
  transition:transform .18s ease}
.klv1-cta .klvij-pill:hover i{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){.klv1-cta .klvij-pill i{transition:none}}

/* fotografija vodece vijesti je poveznica, ne ukras */
.klv1-lead .klv1-fig a{display:block;border-bottom:0!important}

/* pratece objave: cijela kartica je klikabilna preko naslovne poveznice */
.klv1-sub{position:relative}
.klv1 h3.klv1-h3 a::after{content:"";position:absolute;inset:0}

/* POVEZNICA U NASLOVU MORA NASLIJEDITI VELICINU (nadjeno 4.8. na produkciji).
   Mercury ima `h2, h2 a{font-size:2.369em}` i `h3, h3 a{font-size:1.777em}`.
   Postavljanje velicine samo na h2/h3 zato ne rjesava nista: tekst je unutar
   <a>, koji onda dobije 2.369em NA MOJIH 38px i naslov izadje oko 90px.
   Zamka pri mjerenju: getComputedStyle nad h2 pokazuje tocnih 38px, jer krivac
   nije taj element nego njegovo dijete. Mjeri se getClientRects() retka. */
.klv1 h2.klv1-h1 a,.klv1 h3.klv1-h3 a,.klv1 .klv1-list h3.klv1-t a,
.klv1 .klv1-list .klv1-rb a,.klv1 .klv1-list .klv1-d a,
.klv1 .klv1-lh h2 a,.klv1 .klv1-ah a{
  font-size:inherit!important;line-height:inherit!important;
  font-weight:inherit!important;letter-spacing:inherit!important}

/* ============ KLTEAM: Tko piše tipove na /tipovi/ (27.07.) ============
   Desktop: tri centrirane kartice, ispod biografije traka s brojkama.
   Mobitel: redak, portret lijevo, bilanca desno uz ime, brojke u podnožju.
   Zato su bilanca i sažetak u markupu DVAPUT, svaki se pokazuje na svom
   prijelomu; slaganje istog DOM-a bez toga traži kompromis na obje strane. */
.klteam{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0 30px}
.klteam-i{border:1px solid var(--kz-line,#EAEAEA);border-radius:14px;padding:20px;
  text-align:center;background:#fff;display:flex;flex-direction:column;align-items:center}
.klteam-av{width:78px;height:78px;border-radius:12px;object-fit:cover;background:#DDE5E1;
  display:block;margin:0 0 12px}
.klteam-id .nm{display:block;font-size:17px;font-weight:800;color:#111;line-height:1.25}
.klteam-id .sp{display:none}
.klteam-bal{display:none}
.klteam-bio{font-size:13.5px;line-height:1.6;color:#444;margin:8px 0 0}
/* margin-top:auto gura podnozje na dno kartice, pa crta, brojke i kruzici stoje
   u istoj liniji kod sve tri bez obzira na duljinu biografije */
.klteam-foot{width:100%;margin:14px 0 0;padding:12px 0 0;border-top:1px solid #EAEAEA;
  margin-top:auto}
.klteam-st{display:flex;justify-content:space-between;gap:10px}
.klteam-st span{display:flex;flex-direction:column;gap:3px;align-items:center;flex:1}
.klteam-st b{font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:700;color:#111;
  font-feature-settings:'tnum' 1}
.klteam-scope{font-size:12px;color:#888;margin:0 0 14px;line-height:1.6}
.klteam-scope b{font-weight:700;color:#444}
.klteam-st i,.klteam-bal i{font-family:'Inter','Helvetica Neue',Arial,sans-serif!important;font-size:12px!important;letter-spacing:0!important;text-transform:none!important;font-weight:500!important}
.klteam-st i.legacy{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.14em;
  text-transform:uppercase;color:#888;font-style:normal;font-weight:700}
.klteam-n{display:none}
.klteam-dots{display:flex;gap:4px;justify-content:center;margin-top:12px}
/* isti recept kao .kl-tip-fdot u tip postovima: krug, flex centriranje, 800.
   line-height:1 jer bi inace naslijedio 1.62 iz body-ja i spustio slovo. */
.klteam-dots i{width:20px;height:20px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;flex:0 0 auto;
  font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:800;color:#fff;
  font-style:normal;line-height:1;letter-spacing:0}
.klteam-dots i.w{background:#009168}
.klteam-dots i.l{background:#C53030}

@media(max-width:640px){
  .klteam{grid-template-columns:1fr;gap:12px}
  /* redak: portret lijevo, ime i bilanca u istoj liniji, biografija ispod */
  .klteam-i{display:grid;grid-template-columns:52px minmax(0,1fr) auto;
    grid-template-areas:"av id bal" "bio bio bio" "ft ft ft";
    gap:0 12px;align-items:center;text-align:left;padding:14px}
  .klteam-av{grid-area:av;width:52px;height:52px;margin:0}
  .klteam-id{grid-area:id;min-width:0}
  .klteam-id .nm{font-size:16px}
  .klteam-id .sp{display:block;font-size:12px;color:#888;margin-top:2px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .klteam-bal{grid-area:bal;display:block;text-align:right}
  .klteam-bal b{display:block;font-family:'JetBrains Mono',monospace;font-size:17px;
    font-weight:700;color:#111;line-height:1.1;font-feature-settings:'tnum' 1}
  .klteam-bal i{display:block;font-family:'JetBrains Mono',monospace;font-size:9px;
    letter-spacing:.14em;text-transform:uppercase;color:#888;font-style:normal;
    font-weight:700;margin-top:2px}
  .klteam-bio{grid-area:bio;margin:11px 0 0;font-size:13px}
  /* na mobitelu je raspored mreza, pa auto margina nema smisla */
  .klteam-foot{grid-area:ft;display:flex;align-items:center;justify-content:space-between;
    gap:10px;margin:12px 0 0;padding-top:11px;margin-top:12px}
  .klteam-st{display:none}
  .klteam-n{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;color:#888}
  .klteam-dots{margin:0}
  .klteam-dots i{width:18px;height:18px;font-size:8.5px}
}

/* Tip postovi: desni stupac je prazan (nema widgeta) pa je članak visio lijevo,
   a desna trećina ostajala bijela. Skidamo sidebar i sadržaj dobiva punu širinu,
   pa se .kl-tip (820px, margin auto) centrira. Isti zahvat kao kod vodiča,
   samo po kategoriji umjesto po ID-u stranice. */
/* Ciljamo kroz .kl-tip jer ga nose sve tri rubrike. Body NEMA klasu kategorije
   na pojedinacnoj objavi (samo single-post postid-N), pa selektor po kategoriji
   ne radi. Tema slaze stupce kao .box-75.left uz .box-25.right, dakle float. */
.space-page-wrapper:has(.kl-tip) .space-sidebar-section{display:none!important}
.space-content-section:has(.kl-tip){
  width:100%!important;max-width:100%!important;float:none!important}
/* Kartica je bila zakljucana na 820px pa se samo centrirala. Sada uzima punu
   sirinu wrappera teme (1200px). Tekst clanka ostaje na 680px radi citljivosti. */
.space-content-section .kl-tip{max-width:none!important}
.space-content-section .kl-tip-body{max-width:none!important}

/* ═══════════════════════════════════════════════════════════════════════════
   TIP OBJAVE V4 "EMERALD" (31.07.2026): tip dana / sistem dana / lanac
   Markup pisu build*Html() u tip-publisher.gs, sistem-publisher.gs i
   lanac-publisher.gs. Sve klase nose prefiks tv4-, osim namjernih kuka
   koje result-checker.gs trazi u sadrzaju:
     .kl-tip            zadrzan kao vanjski omot (:has(.kl-tip) rezim iznad)
     .kl-tip-form       traka W/L kruzica koju writeFormStrip() prepisuje
     .kl-tip-score      linija "Konacan rezultat" iz kl-result-slot markera
     .kl-strip-res      ishod koji zamijeni data-kl-rubrika span
     span.n / span.t    broj i tip-pilula para sistema (setSistemPairMarks)
   Linkovi trebaju 3+ klase u selektoru: post 26 ima
   .space-content a:link{color:#009168!important} sa specificnoscu (0,2,1).
   ═══════════════════════════════════════════════════════════════════════════ */
/* ── 0. spoj s temom ────────────────────────────────────────────────────── */
/* Objava sama nosi zaglavlje (breadcrumb, rubrika, h1), pa tema-nativna
   naslovna traka ispada. Bez ovoga stranica ima dva h1 i dvaput isti naslov. */
/* Uz naslovnu traku idu i dva komada koji zive IZVAN nje pa ih display:none na
   .space-title-box ne hvata: pilula kategorije (.space-title-box-category-wrap,
   position:relative, top:-14px, zato visi ispod trake) i tema-nativni potpis
   autora s datumom (.space-page-content-meta, avatar 50px + margin-bottom 45px).
   Objava oba podatka nosi sama: rubrika je u breadcrumbu i kickeru, potpis u
   verdikt kartici. Bez ovoga iznad tamne trake stoji prazan bijeli pojas. */ body:has(.kl-tip.tv4) .space-title-box,body:has(.kl-tip.tv4) .space-title-box-category-wrap,body:has(.kl-tip.tv4) .space-page-content-meta{display:none!important}
.space-content-section .kl-tip.tv4{max-width:none!important;margin:0!important;padding:0 0 64px}
.kl-tip.tv4{max-width:none;margin:0;padding:0 0 64px; font-family:'Inter','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased; font-size:15px;line-height:1.6;color:#444}
/* body{overflow-x:clip} vec stoji pri vrhu post 26 i hvata visak od 100vw */
.tv4 .tv4-bleed{width:100vw;margin-left:calc(50% - 50vw)}
.tv4 .tv4-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.tv4 .tv4-post{position:relative}
.tv4 .num{color:inherit;font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
.tv4 p{margin:0}
/* ── 1. dva slota koji su UVIJEK popunjeni ──────────────────────────────── */
/* Grb: ako API ne vrati sliku, isti krug nosi prvo slovo imena, pa redak
   nikad ne ostane krnj ni ne skoci kad se slika ucita. */
.tv4 .tv4-cr{width:32px;height:32px;flex:0 0 auto;border-radius:50%; background:#fff;overflow:hidden;display:grid;place-items:center; font-size:13px;font-weight:800;line-height:1;color:#006B4E}
.tv4 .tv4-cr img{width:100%;height:100%;object-fit:contain;padding:4px;display:block;margin:0;border-radius:0}
.tv4 .tv4-cr.md{width:26px;height:26px}
.tv4 .tv4-cr.md img{padding:3px}
.tv4 .tv4-cr.sm{width:22px;height:22px}
.tv4 .tv4-cr.sm img{padding:2px}
.tv4 .tv4-cr.lt{box-shadow:inset 0 0 0 1px #EAEAEA}
.tv4 .tv4-cr.tx{background:#E0F2EC;color:#006B4E}
.tv4 .tv4-bar .tv4-cr.tx{background:rgba(255,255,255,.14);color:#fff}
/* Grb i ime su JEDNA cjelina. Kao dva zasebna flex djeteta se na uskom
   zaslonu razdvoje: grb u svoj red, ime u svoj. */
.tv4 .tv4-pt{display:flex;align-items:center;gap:8px;min-width:0}
.tv4 .tv4-pt span:not(.tv4-cr){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tv4 .tv4-av{width:44px;height:44px;flex:0 0 auto;border-radius:50%; background:#E0F2EC;overflow:hidden;display:grid;place-items:center; font-size:17px;font-weight:800;line-height:1;color:#006B4E; box-shadow:inset 0 0 0 1px rgba(9,28,20,.08)}
.tv4 .tv4-av img{width:100%;height:100%;object-fit:cover;display:block;margin:0;border-radius:0}
/* ── 2. tamna traka ─────────────────────────────────────────────────────── */
.tv4 .tv4-bar{position:relative;padding:24px 0;color:#fff; background: radial-gradient(720px 300px at 82% -30%,rgba(0,217,130,.14),rgba(0,217,130,0) 62%), linear-gradient(150deg,#091c14,#03301f 55%,#00563c)}
.tv4 .tv4-bar-in{display:grid;grid-template-columns:minmax(0,1fr) 356px;gap:48px;align-items:start}
.tv4 .tv4-bar-main{min-width:0}
.tv4 .tv4-bc{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;line-height:1.2}
.tv4 .tv4-bc a:link,.tv4 .tv4-bc a:visited{display:inline-flex;align-items:center;min-height:44px; margin:-14px 0;color:rgba(255,255,255,.72)!important;text-decoration:none!important}
.tv4 .tv4-bc a:hover{color:#fff!important;text-decoration:underline!important}
.tv4 .tv4-bc i{font-style:normal;color:rgba(255,255,255,.42)}
.tv4 .tv4-bc [aria-current]{color:#fff;font-weight:600}
.tv4 .tv4-kick{margin:8px 0 0!important;font-size:13px;font-weight:700;line-height:1.4;color:#00D982;letter-spacing:0}
.tv4 .tv4-h1{margin:4px 0 0!important;font-size:32px;line-height:1.14;font-weight:800; letter-spacing:-.025em;color:#fff;text-wrap:balance;padding:0;border:0}
.tv4 .tv4-match{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}
.tv4 .tv4-tm{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;color:#fff;min-width:0}
.tv4 .tv4-vs{font-size:13px;color:rgba(255,255,255,.72)}
.tv4 .tv4-when{margin:8px 0 0!important;font-size:13px;line-height:1.5;color:rgba(255,255,255,.72)}
.tv4 .tv4-when b{font-weight:600;color:rgba(255,255,255,.92)}
.tv4 .tv4-pick{background:rgba(255,255,255,.06);border:1px solid rgba(0,217,130,.28); border-radius:16px;padding:16px}
.tv4 .tv4-pick-l{margin:0!important;font-size:13px;font-weight:700;color:#00D982}
.tv4 .tv4-pick-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:8px}
.tv4 .tv4-pick-v{font-size:22px;font-weight:700;line-height:1.2;letter-spacing:-.015em;color:#fff}
.tv4 .tv4-odds{text-align:right;flex:0 0 auto}
.tv4 .tv4-odds b{display:block;font-family:'JetBrains Mono',monospace;font-size:32px;font-weight:800; line-height:1;color:#00D982;font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
.tv4 .tv4-odds em{font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-style:normal; font-weight:700;font-size:22px;color:#00D982}
.tv4 .tv4-odds i{display:block;font-style:normal;font-size:13px;color:rgba(255,255,255,.72);margin-top:4px}
.tv4 .tv4-prob{margin-top:12px}
.tv4 .tv4-prob-t{display:flex;align-items:baseline;justify-content:space-between;gap:8px; font-size:13px;color:rgba(255,255,255,.72)}
.tv4 .tv4-prob-t b{color:#fff;font-family:'JetBrains Mono',monospace;font-weight:700; font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
.tv4 .tv4-prob-bar{height:4px;border-radius:999px;background:rgba(255,255,255,.16);margin-top:8px;overflow:hidden}
.tv4 .tv4-prob-bar i{display:block;height:100%;background:#00D982}
.tv4 .tv4-src{margin:12px 0 0!important;font-size:13px;line-height:1.5;color:rgba(255,255,255,.72)}
.tv4 .tv4-src a:link,.tv4 .tv4-src a:visited{color:#fff!important;text-decoration:underline!important;text-underline-offset:2px}
.tv4 .tv4-src a:hover{color:#00D982!important}
/* ── 3. svijetlo tijelo ─────────────────────────────────────────────────── */
.tv4 .tv4-body{display:grid;grid-template-columns:minmax(0,1fr) 356px;gap:48px;padding-top:32px}
.tv4 .tv4-art{grid-column:1;grid-row:1;min-width:0}
.tv4 .tv4-rail{grid-column:2;grid-row:1;min-width:0;align-self:start;position:sticky;top:16px}
.tv4 .tv4-card{background:#fff;border:1px solid #EAEAEA;border-radius:16px; box-shadow:0 1px 2px rgba(9,28,20,.06)}
.tv4 .tv4-blk{padding:16px}
.tv4 .tv4-blk + .tv4-blk{border-top:1px solid #EAEAEA}
.tv4 .tv4-lab{margin:0 0 12px!important;font-size:13px;font-weight:700;line-height:1.4;color:#009168;letter-spacing:0}
/* kalkulator */
.tv4 .tv4-fld{display:flex;align-items:center;gap:8px;height:48px;padding:0 12px; border:1px solid #EAEAEA;border-radius:10px;background:#fff;cursor:text}
.tv4 .tv4-fld:focus-within{border-color:#009168}
.tv4 .tv4-fld span{font-size:13px;color:#888;flex:0 0 auto}
.tv4 .tv4-fld input{flex:1 1 auto;min-width:0;border:0;background:transparent;outline:none;text-align:right; font-family:'JetBrains Mono',monospace;font-size:17px;font-weight:700;color:#111; font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;padding:0;margin:0;height:auto;box-shadow:none}
.tv4 .tv4-fld input::-webkit-outer-spin-button,
.tv4 .tv4-fld input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.tv4 .tv4-fld em{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:17px;font-weight:700;color:#111;flex:0 0 auto}
.tv4 .tv4-pay{display:flex;align-items:center;justify-content:space-between;gap:12px; margin-top:12px;padding:12px;border-radius:10px;background:rgba(0,145,104,.06)}
.tv4 .tv4-pay span{font-size:13px;color:#444}
.tv4 .tv4-pay b{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:800;color:#009168; font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;white-space:nowrap}
.tv4 .tv4-fine{margin:12px 0 0!important;font-size:13px;line-height:1.5;color:#888}
/* dvije brojke jedna do druge (lanac) */
.tv4 .tv4-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tv4 .tv4-kv div{padding:12px;border:1px solid #EAEAEA;border-radius:10px;background:#FBFCFC;min-width:0}
.tv4 .tv4-kv span{display:block;font-size:13px;line-height:1.4;color:#888}
.tv4 .tv4-kv b{display:block;margin-top:4px;font-family:'JetBrains Mono',monospace;font-size:17px;font-weight:800; line-height:1.2;color:#111;font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;white-space:nowrap}
.tv4 .tv4-kv b.up{color:#009168}
/* CTA: jedan puni po zaslonu (rail), verdikt nosi obrubljeni */
.tv4 a.tv4-cta:link,.tv4 a.tv4-cta:visited{display:flex;align-items:center;justify-content:center;gap:8px; min-height:48px;padding:12px 20px;margin-top:12px;border-radius:999px;background:#009168; color:#fff!important;-webkit-text-fill-color:#fff;font-size:15px;font-weight:700; text-decoration:none!important;border:0;line-height:1.2}
.tv4 a.tv4-cta:hover,.tv4 a.tv4-cta:focus{background:#00B582;color:#fff!important;text-decoration:none!important}
.tv4 a.tv4-cta i{font-style:normal}
.tv4 a.tv4-cta2:link,.tv4 a.tv4-cta2:visited{display:flex;align-items:center;justify-content:center;gap:8px; min-height:48px;padding:12px 20px;border-radius:999px;background:#fff;border:2px solid #009168; color:#006B4E!important;-webkit-text-fill-color:#006B4E;font-size:15px;font-weight:700; text-decoration:none!important;line-height:1.2}
.tv4 a.tv4-cta2:hover,.tv4 a.tv4-cta2:focus{background:#E0F2EC;color:#006B4E!important;text-decoration:none!important}
.tv4 a.tv4-cta2 i{font-style:normal}
/* tipster; .kl-tip-form je kuka koju result-checker prepisuje */
.tv4 .tv4-who{display:flex;align-items:center;gap:12px}
.tv4 .tv4-who p{margin:0!important}
.tv4 .tv4-name{font-size:17px;font-weight:700;color:#111;line-height:1.3}
.tv4 .tv4-role{font-size:13px;color:#888}
.tv4 .tv4-fmrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}
.tv4 .tv4-fmrow > span{font-size:13px;color:#444}
.tv4 .kl-tip-form,.tv4 .tv4-fm{display:flex;gap:4px;margin:0;padding:0}
.tv4 .kl-tip-form i,.tv4 .tv4-fm i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center; font-style:normal;font-size:13px;font-weight:700;line-height:1;background:#F1F3F4;color:#8A9793}
.tv4 .kl-tip-form i.w,.tv4 .tv4-fm i.w{background:rgba(0,145,104,.12);color:#009168}
.tv4 .kl-tip-form i.l,.tv4 .tv4-fm i.l{background:rgba(197,48,48,.10);color:#C53030}
.tv4 .kl-tip-form i.d,.tv4 .tv4-fm i.d{background:#F1F3F4;color:#8A9793}
.tv4 .kl-tip-form i.e,.tv4 .tv4-fm i.e{background:#F1F3F4;color:#C7CFCC}
/* kvacica nasljedjuje boju kruzica, ne siva iz .tv4-fmrow/.tv4-teamform */
.tv4 .kl-tip-form i span,.tv4 .tv4-fm i span{color:inherit}
/* share */
.tv4 .tv4-sh{display:flex;gap:8px;flex-wrap:wrap}
.tv4 .tv4-sh a:link,.tv4 .tv4-sh a:visited{width:44px;height:44px;display:grid;place-items:center; border-radius:50%;text-decoration:none!important}
.tv4 .tv4-sh a span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff}
.tv4 .tv4-sh a:hover span{filter:brightness(1.08)}
.tv4 .tv4-sh .wa span{background:#25D366}
.tv4 .tv4-sh .fb span{background:#1877F2}
.tv4 .tv4-sh .xx span{background:#111111}
.tv4 .tv4-sh .tg span{background:#26A5E4}
.tv4 .tv4-sh svg{display:block}
/* ── 4. tekst clanka ────────────────────────────────────────────────────── */
.tv4 .tv4-lead{margin:0 0 0!important;font-size:17px;line-height:1.65;color:#111}
.tv4 .tv4-sec{margin-top:32px}
.tv4 .tv4-sec h2{margin:0!important;display:flex;align-items:center;gap:8px;padding:0;border:0; font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.015em;color:#111}
.tv4 .tv4-num{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:#009168; background:rgba(0,145,104,.08);border-radius:6px;padding:4px 8px;margin-right:4px; font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
.tv4 .tv4-sec p{margin:12px 0 0!important;font-size:15px;line-height:1.6;color:#444}
.tv4 .tv4-teamform{display:flex;align-items:center;gap:8px;margin-top:12px}
.tv4 .tv4-teamform > span{font-size:13px;color:#888}
/* medjusobni susreti */
.tv4 .tv4-h2h{list-style:none;margin:16px 0 0!important;padding:0!important;border:1px solid #EAEAEA; border-radius:16px;overflow:hidden}
.tv4 .tv4-h2h li{display:grid;grid-template-columns:104px minmax(0,1fr) 56px;align-items:center; gap:12px;padding:10px 16px;margin:0;list-style:none}
.tv4 .tv4-h2h li + li{border-top:1px solid #EAEAEA}
.tv4 .tv4-h2h .d{font-family:'JetBrains Mono',monospace;font-size:13px;color:#888; font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
.tv4 .tv4-h2h .p{display:flex;align-items:center;gap:8px;min-width:0;font-size:15px;color:#444}
.tv4 .tv4-h2h .p em{font-style:normal;color:#888;flex:0 0 auto}
.tv4 .tv4-h2h b{text-align:right;font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:700;color:#111; font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
/* izostanci */
.tv4 .tv4-inj{list-style:none;margin:16px 0 0!important;padding:0!important;border:1px solid #EAEAEA; border-radius:16px;overflow:hidden}
.tv4 .tv4-inj li{display:flex;align-items:center;gap:12px;padding:10px 16px;margin:0;list-style:none; font-size:15px;line-height:1.4;color:#444}
.tv4 .tv4-inj li + li{border-top:1px solid #EAEAEA}
.tv4 .tv4-inj img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:0 0 auto; background:#F1F3F4;margin:0;display:block}
.tv4 .tv4-inj li span{min-width:0}
.tv4 .tv4-inj b{color:#111;font-weight:600}
.tv4 .tv4-inj em{font-style:normal;color:#888}
/* mini tablica poretka */
.tv4 .tv4-tblw{margin-top:16px;border:1px solid #EAEAEA;border-radius:16px;overflow-x:auto}
.tv4 .tv4-tbl{width:100%;min-width:420px;border-collapse:collapse;margin:0;border:0}
.tv4 .tv4-tbl th{text-align:left;padding:12px 16px;font-size:13px;font-weight:700;color:#444; border-bottom:1px solid #EAEAEA;white-space:nowrap;background:transparent}
.tv4 .tv4-tbl td{padding:10px 16px;font-size:15px;color:#444;border:0}
.tv4 .tv4-tbl tbody tr{background:transparent}
.tv4 .tv4-tbl tbody tr + tr td{border-top:1px solid #EAEAEA}
.tv4 .tv4-tbl .cl{display:flex;align-items:center;gap:8px}
.tv4 .tv4-tbl .n{font-family:'JetBrains Mono',monospace;font-weight:700;color:#111; font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;white-space:nowrap}
.tv4 .tv4-tbl .is-us td{background:rgba(0,145,104,.06);font-weight:700;color:#111}
.tv4 .tv4-tbl .is-us td:first-child{border-left:3px solid #009168}
.tv4 .tv4-cap-t{margin:8px 0 0;font-size:13px;color:#888;caption-side:bottom;text-align:left;padding:8px 16px 12px}
/* ── 5. verdikt: potpisana kartica ──────────────────────────────────────── */
.tv4 .tv4-vd{margin-top:32px;border:1px solid #EAEAEA;border-radius:16px;background:#fff; box-shadow:0 2px 6px rgba(9,28,20,.07),0 12px 28px -18px rgba(9,28,20,.30);overflow:hidden}
.tv4 .tv4-vd-hd{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #EAEAEA}
.tv4 .tv4-vd-hd h2{margin:0!important;padding:0;border:0;font-size:22px;line-height:1.25; font-weight:700;letter-spacing:-.015em;color:#111}
.tv4 .tv4-vd-by{margin:2px 0 0!important;font-size:13px;line-height:1.4;color:#888}
.tv4 .tv4-vd-by b{font-weight:600;color:#444}
.tv4 .tv4-vd-tx{margin:0!important;padding:16px;font-size:15px;line-height:1.6;color:#444}
.tv4 .tv4-vd-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA;background:#FBFCFC}
.tv4 .tv4-vd-n div{padding:12px 16px;min-width:0}
.tv4 .tv4-vd-n div + div{border-left:1px solid #EAEAEA}
.tv4 .tv4-vd-n span{display:block;font-size:13px;line-height:1.4;color:#888}
.tv4 .tv4-vd-n b{display:block;margin-top:4px;font-size:17px;font-weight:700;line-height:1.3;color:#111}
.tv4 .tv4-vd-n b.o{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
.tv4 .tv4-vd-ft{padding:16px}
/* ── 6. dno objave ──────────────────────────────────────────────────────── */
.tv4 .tv4-more{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}
.tv4 .tv4-more a:link,.tv4 .tv4-more a:visited{display:flex;align-items:center;justify-content:space-between; gap:12px;min-height:56px;padding:16px;border:1px solid #EAEAEA;border-radius:16px;background:#fff; color:#111!important;font-size:15px;font-weight:600;text-decoration:none!important}
.tv4 .tv4-more a:hover{border-color:#009168;color:#006B4E!important;text-decoration:none!important}
.tv4 .tv4-more i{font-style:normal;color:#009168}
.tv4 .tv4-disc{margin-top:24px;padding:16px;border:1px solid #EAEAEA;border-radius:16px; background:#FBFCFC;font-size:13px;line-height:1.6;color:#444}
.tv4 .tv4-disc p{margin:0!important}
.tv4 .tv4-disc b{color:#111}
.tv4 .tv4-age{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px; margin-left:4px;border:1px solid #EAEAEA;border-radius:6px;background:#fff; font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:#444; font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
/* promo blok (klps) je zaključan 22.07., ovdje mu se samo daje zrak */
.tv4 .tv4-art .klps{margin-top:32px}
/* ── 7. ljepljiva traka uz dno, samo mobitel ────────────────────────────── */
.tv4 .tv4-sticky{display:none}
.tv4 .tv4-st-l{min-width:0}
.tv4 .tv4-st-m{display:block;font-size:13px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tv4 .tv4-st-p{display:block;font-size:15px;font-weight:700;color:#111}
.tv4 .tv4-st-p b{font-family:'JetBrains Mono',monospace;color:#009168; font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
.tv4 .tv4-sticky a.tv4-cta:link,.tv4 .tv4-sticky a.tv4-cta:visited{margin:0;flex:0 0 auto;min-height:44px;padding:10px 18px}
/* ── 8. sistem dana: parovi i biljeske ──────────────────────────────────── */
/* span.n i span.t su kuke za setSistemPairMarks (✓/✕ po paru) */
.tv4 .tv4-pairs{list-style:none;margin:12px 0 0!important;padding:0!important; display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tv4 .tv4-pairs li{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:12px; padding:6px 12px;margin:0;list-style:none;border:1px solid rgba(255,255,255,.10); border-radius:10px;background:rgba(255,255,255,.06)}
.tv4 .tv4-pairs .n{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700; color:rgba(255,255,255,.72);font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
.tv4 .tv4-pairs .m{display:flex;align-items:center;gap:8px;min-width:0; font-size:15px;line-height:1.3;font-weight:600;color:#fff}
.tv4 .tv4-pairs .m em{font-style:normal;color:rgba(255,255,255,.72);flex:0 0 auto}
.tv4 .tv4-pairs .t{font-size:13px;line-height:1.2;font-weight:700;color:#00D982; background:rgba(0,217,130,.14);border-radius:6px;padding:4px 8px;white-space:nowrap}
.tv4 .tv4-pairs .k{font-family:'JetBrains Mono',monospace;font-size:15px;line-height:1.3;font-weight:700; color:#fff;font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
.tv4 .tv4-notes{list-style:none;margin:0!important;padding:0!important;border:1px solid #EAEAEA; border-radius:16px;overflow:hidden}
.tv4 .tv4-notes li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding:12px 16px; margin:0;list-style:none}
.tv4 .tv4-notes li + li{border-top:1px solid #EAEAEA}
.tv4 .tv4-notes .i{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:#009168; font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;padding-top:2px}
.tv4 .tv4-notes .t{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0!important; font-size:15px;line-height:1.3;font-weight:700;color:#111;background:none;padding:0}
.tv4 .tv4-notes .t em{font-style:normal;font-weight:400;color:#888}
.tv4 .tv4-notes p{margin:4px 0 0!important;font-size:13px;line-height:1.55;color:#444}
.tv4 .tv4-sec .tv4-notes{margin-top:12px!important}
.tv4 .tv4-h2{margin:0 0 16px!important;padding:0;border:0;font-size:22px;line-height:1.25; font-weight:700;letter-spacing:-.015em;color:#111}
/* ── 9. lanac: koraci i kapital ─────────────────────────────────────────── */
/* GRID, ne flex: u flexu se spremnik na mobitelu okretao u stupac pa je
   flex-basis kutija kapitala postajao VISINA koja jos i raste. */
.tv4 .tv4-chain{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px; margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.10)}
.tv4 .tv4-steps{list-style:none;display:flex;gap:8px;margin:0!important;padding:0!important;flex-wrap:wrap}
.tv4 .tv4-steps li{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center; margin:0;list-style:none;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04); font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:rgba(255,255,255,.72); font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
.tv4 .tv4-steps .ok{background:rgba(0,217,130,.16);border-color:rgba(0,217,130,.38);color:#00D982; font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:15px}
.tv4 .tv4-steps .now{background:#00D982;border-color:#00D982;color:#03301f}
.tv4 .tv4-steps .now::after{content:"";position:absolute;inset:-6px;border-radius:50%; border:2px solid rgba(0,217,130,.5);animation:tv4ring 1.8s ease-out infinite}
@keyframes tv4ring{0%{transform:scale(.86);opacity:.9}100%{transform:scale(1.18);opacity:0}}
.tv4 .tv4-cap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
.tv4 .tv4-cap div{padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:10px; background:rgba(255,255,255,.06);min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.tv4 .tv4-cap span{display:block;font-size:13px;line-height:1.4;color:rgba(255,255,255,.72)}
.tv4 .tv4-cap b{display:block;margin-top:4px;font-family:'JetBrains Mono',monospace;font-size:22px; font-weight:800;line-height:1.2;color:#fff;font-variant-numeric:tabular-nums; font-feature-settings:'tnum' 1;white-space:nowrap}
.tv4 .tv4-cap b.up{color:#00D982}
.tv4 .tv4-cap b i{font-style:normal;font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:15px;margin-right:4px}
/* ── 10. kuke koje puni result-checker.gs ───────────────────────────────── */
/* kl-result-slot postane ova linija kad utakmica zavrsi */
.tv4 .kl-tip-score{margin:12px 0 0!important;padding:8px 12px;border-radius:10px;text-align:center; font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700; background:rgba(0,217,130,.14);color:#00D982; font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
.tv4 .kl-tip-score.loss{background:rgba(197,48,48,.20);color:#FFC9C9}
/* data-kl-rubrika span (u kickeru) postane ishod */
.tv4 .kl-strip-res{display:inline-flex;align-items:center;gap:6px;white-space:nowrap; padding:2px 10px;border-radius:999px;font-weight:700}
.tv4 .kl-strip-res.win{background:rgba(0,217,130,.16);color:#00D982}
.tv4 .kl-strip-res.loss{background:rgba(197,48,48,.24);color:#FFC9C9}
/* ── 11. responzivno ────────────────────────────────────────────────────── */
@media(max-width:980px){.tv4 .tv4-bar-in{grid-template-columns:1fr;gap:16px;align-items:stretch} .tv4 .tv4-body{display:flex;flex-direction:column;gap:24px;padding-top:24px} /* align-self:start iz osnovnog pravila u gridu znaci "ne rastezi po visini",
   ali u flex stupcu je poprecna os VODORAVNA pa isti redak kartici skrati
   sirinu na sadrzaj i ostavi je uze od clanka. Zato ovdje izricito stretch. */ .tv4 .tv4-rail{position:static;order:1;align-self:stretch;width:auto} .tv4 .tv4-art{order:2;align-self:stretch} .kl-tip.tv4,.space-content-section .kl-tip.tv4{padding-bottom:96px} .tv4 .tv4-pairs{grid-template-columns:1fr} .tv4 .tv4-chain{grid-template-columns:1fr;gap:16px} .tv4 .tv4-sticky{display:flex;align-items:center;justify-content:space-between;gap:12px; position:fixed;left:0;right:0;bottom:0;z-index:20; padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px)); background:#fff;border-top:1px solid #EAEAEA; transform:translateY(110%);visibility:hidden;transition:transform .18s ease} .tv4 .tv4-sticky.is-on{transform:none;visibility:visible}
}
@media(max-width:760px){
/* Tamna traka nosi identitet objave i, kod lanca, cijeli niz. Parovi
   sistema padaju na bijelo jer ih je pet i blok bi previse narastao. */
.tv4 .tv4-bar{padding:16px 0} .tv4 .tv4-bar-in{gap:12px} .tv4 .tv4-h1{font-size:22px;line-height:1.2;letter-spacing:-.015em} .tv4 .tv4-match{gap:8px;margin-top:12px} .tv4 .tv4-tm{font-size:15px} .tv4 .tv4-bar .tv4-cr{width:26px;height:26px} .tv4 .tv4-long{display:none} .tv4 .tv4-pick{padding:12px} .tv4 .tv4-pick-row{margin-top:4px;align-items:center} .tv4 .tv4-pick-v{font-size:17px} .tv4 .tv4-odds{display:flex;align-items:baseline;flex-direction:row-reverse;gap:8px} .tv4 .tv4-odds b{font-size:22px} .tv4 .tv4-odds em{font-size:17px} .tv4 .tv4-odds i{margin-top:0} .tv4 .tv4-prob{display:flex;align-items:center;gap:8px;margin-top:8px} .tv4 .tv4-prob-t{display:contents} .tv4 .tv4-prob-t span{order:1;flex:0 0 auto} .tv4 .tv4-prob-t b{order:3;flex:0 0 auto} .tv4 .tv4-prob-bar{order:2;flex:1 1 auto;margin-top:0} .tv4 .tv4-src{margin-top:8px!important} .tv4 .tv4-parts{background:#fff;margin:16px 0 -16px;padding-top:16px;padding-bottom:16px} .tv4 .tv4-pairs{margin-top:0!important} .tv4 .tv4-pairs li{background:#fff;border-color:#EAEAEA} .tv4 .tv4-pairs .n{color:#888} .tv4 .tv4-pairs .m{color:#111} .tv4 .tv4-pairs .m em{color:#888} .tv4 .tv4-pairs .k{color:#111} .tv4 .tv4-pairs .tv4-cr{box-shadow:inset 0 0 0 1px #EAEAEA} .tv4 .tv4-pairs .tv4-cr.tx{background:#E0F2EC;color:#006B4E} .tv4 .tv4-pairs .t{color:#006B4E;background:rgba(0,145,104,.08)} .tv4 .tv4-chain{gap:12px} .tv4 .tv4-cap b{font-size:17px} .tv4 .tv4-sec h2,.tv4 .tv4-vd-hd h2,.tv4 .tv4-h2{font-size:17px} .tv4 .tv4-lead{font-size:15px} .tv4 .tv4-more{grid-template-columns:1fr}
}
@media(max-width:480px){.tv4 .tv4-wrap{padding:0 16px}/* Traka lanca nosi OBJE klase, .tv4-wrap i .tv4-chain. Redak iznad je
   SKRACENI zapis pa gasi i padding-top koji .tv4-chain postavlja na 12px;
   specificnost je ista (0,2,0), a wrap je ovdje kasnije, pa pobjeduje i
   krugovi sjednu na crtu. Iznad 480px ovo pravilo ne vrijedi i 12px prezivi,
   zato je na tabletu izgledalo dobro. Vraca se s viskom: prsten aktivnog
   koraka je na inset:-6px i animacija ga skalira na 1.18, sto mu vrh digne
   10px iznad kruga, pa 12px ne bi bilo dosta ni da je prezivjelo. */ .tv4 .tv4-chain{padding-top:16px;gap:16px}/* Tablica poretka mora STATI u zaslon, ne trazi vodoravni scroll: min-width
   pada, stupci s brojkama dobivaju fiksnu sirinu, a klub uzima ostatak.
   table-layout:fixed je uvjet da tri tockice uopce prorade u celiji.
   .cl iz flexa prelazi u blok jer je ime kluba GOLI tekstualni cvor
   (vidi standingsTableHtml), a text-overflow ne djeluje na anonimno
   flex dijete. Grb zato ide u inline-grid s vertical-align. */ .tv4 .tv4-tbl{min-width:0;table-layout:fixed} .tv4 .tv4-tbl th{padding:10px 5px;font-size:12px} .tv4 .tv4-tbl td{padding:9px 5px;font-size:14px} .tv4 .tv4-tbl th:first-child,.tv4 .tv4-tbl td:first-child{padding-left:12px;width:34px} .tv4 .tv4-tbl th:nth-child(3),.tv4 .tv4-tbl td:nth-child(3){width:32px} .tv4 .tv4-tbl th:nth-child(4),.tv4 .tv4-tbl td:nth-child(4){width:40px} .tv4 .tv4-tbl th:last-child,.tv4 .tv4-tbl td:last-child{padding-right:12px;width:46px} .tv4 .tv4-tbl .cl{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tv4 .tv4-tbl .cl .tv4-cr{display:inline-grid;width:18px;height:18px;margin-right:6px;vertical-align:-4px;font-size:10px} .tv4 .tv4-tbl .cl .tv4-cr img{padding:1px} .tv4 .tv4-cap-t{padding:8px 12px 12px} .tv4 .tv4-h2h li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"d r" "m r";row-gap:4px;gap:12px} .tv4 .tv4-h2h .d{grid-area:d} .tv4 .tv4-h2h .p{grid-area:m} .tv4 .tv4-h2h b{grid-area:r;align-self:center} .tv4 .tv4-steps li{width:34px;height:34px} .tv4 .tv4-cap{gap:6px} .tv4 .tv4-cap div{padding:8px} .tv4 .tv4-cap b{font-size:15px}
/* par se lomi na dva reda, svaki klub sa svojim grbom u svom retku */
.tv4 .tv4-pairs li{grid-template-columns:22px minmax(0,1fr) auto; grid-template-areas:"i m t" "i m k";row-gap:4px;column-gap:8px} .tv4 .tv4-pairs .n{grid-area:i;align-self:start;padding-top:5px} .tv4 .tv4-pairs .m{grid-area:m;flex-direction:column;align-items:flex-start;gap:4px} .tv4 .tv4-pairs .m em{display:none} .tv4 .tv4-pairs .t{grid-area:t;justify-self:end;align-self:start} .tv4 .tv4-pairs .k{grid-area:k;justify-self:end;align-self:end} .tv4 .tv4-vd-n{grid-template-columns:1fr 1fr} .tv4 .tv4-vd-n div:nth-child(3){grid-column:1 / -1;border-left:0;border-top:1px solid #EAEAEA} .tv4 .tv4-kv{grid-template-columns:1fr 1fr}
}
/* Niz lanca ima 10 mjesta (v. lanacChainHtml u lanac-publisher.gs). Deset
   krugova od 44px trazi 512px, pa ih ispod 560px flex-wrap lomi u dva reda i
   zadnja dva vise sama uz prazan pojas desno. Zato grid od DESET stupaca:
   krugovi se skupe na sirinu zaslona (na 375px ~31px) i drze jedan red preko
   cijele trake. `max-width` ih cuva od naduvavanja iznad desktopnih 44px kad
   ima mjesta, `aspect-ratio` ih drzi okruglima bez zadane visine. Prsten
   aktivnog koraka ide na inset:-3px jer je razmak manji nego na desktopu.
   Natpisi kutija kapitala na 11px da "Promasaj resetira" stane u jedan red. */
@media(max-width:560px){.tv4 .tv4-steps{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px} .tv4 .tv4-steps li{width:100%;max-width:44px;height:auto;aspect-ratio:1;justify-self:center;font-size:12px} .tv4 .tv4-steps .ok{font-size:14px} .tv4 .tv4-steps .now::after{inset:-3px} .tv4 .tv4-cap{gap:6px} .tv4 .tv4-cap div{padding:8px 6px} .tv4 .tv4-cap span{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.tv4 .tv4-steps .now::after{animation:none} .tv4 .tv4-sticky{transition:none}
}
/* ══ 12. SUDARI S GLOBALNIM CSS-OM SAJTA ══════════════════════════════════
   post 26, redak 36: body span, body div, body p, body li {color:#444}
   To pravilo pogadja SVAKI span i div bez vlastitog pravila za boju, pa u
   tamnoj traci nasljedjivanje bijele boje ne prolazi. Reset je namjerno
   niske specificnosti (0,1,1): sva pravila iznad su (0,2,x) i tuku ga.  */
.tv4 span,.tv4 div,.tv4 p,.tv4 li,.tv4 b,.tv4 i,.tv4 em,.tv4 time{color:inherit}
/* post 26, redak 37: h1..h6 {color:#111!important;font-weight:600!important}
   Bez !important naslov u tamnoj traci ostaje crn na tamnozelenom. */
.tv4 .tv4-bar .tv4-h1{color:#ffffff!important;font-weight:800!important;letter-spacing:-.025em!important}
.tv4 .tv4-sec h2,.tv4 .tv4-vd-hd h2,.tv4 .tv4-h2{color:#111111!important;font-weight:700!important;letter-spacing:-.015em!important}
/* post 26, redak 1352 i 1358: div[class*="space-"] a[href*="/partner/"] (0,2,1)
   s !important na pozadini, boji, paddingu, radijusu i sjeni, plus pravilo
   koje boja SVE potomke u bijelo. Unutar tip objave to mora popustiti, inace
   je "Kvota kod AmunRa" zelena pilula usred recenice, a obrubljeni CTA u
   verdiktu drugi puni zeleni gumb na istom zaslonu. */
.kl-tip.tv4 .tv4-src a[href],
.kl-tip.tv4 .tv4-src a[href]:link,
.kl-tip.tv4 .tv4-src a[href]:visited{background:none!important;padding:0!important; border-radius:0!important;box-shadow:none!important;font-weight:600!important; color:#ffffff!important;-webkit-text-fill-color:#ffffff!important; text-decoration:underline!important;text-underline-offset:2px}
.kl-tip.tv4 .tv4-src a[href]:hover{color:#00D982!important;-webkit-text-fill-color:#00D982!important}
.kl-tip.tv4 a.tv4-cta[href],
.kl-tip.tv4 a.tv4-cta[href]:link,
.kl-tip.tv4 a.tv4-cta[href]:visited{background:#009168!important;color:#ffffff!important; -webkit-text-fill-color:#ffffff!important;padding:12px 20px!important;border-radius:999px!important; box-shadow:none!important;font-weight:700!important;font-size:15px!important;border:0!important}
.kl-tip.tv4 a.tv4-cta[href]:hover,.kl-tip.tv4 a.tv4-cta[href]:focus{background:#00B582!important}
.kl-tip.tv4 .tv4-sticky a.tv4-cta[href]{padding:10px 18px!important;margin:0!important}
.kl-tip.tv4 a.tv4-cta2[href],
.kl-tip.tv4 a.tv4-cta2[href]:link,
.kl-tip.tv4 a.tv4-cta2[href]:visited{background:#ffffff!important;color:#006B4E!important; -webkit-text-fill-color:#006B4E!important;border:2px solid #009168!important; padding:12px 20px!important;border-radius:999px!important;box-shadow:none!important; font-weight:700!important;font-size:15px!important}
.kl-tip.tv4 a.tv4-cta2[href]:hover,.kl-tip.tv4 a.tv4-cta2[href]:focus{background:#E0F2EC!important; color:#006B4E!important;-webkit-text-fill-color:#006B4E!important}
.kl-tip.tv4 a.tv4-cta2[href] i{color:#006B4E!important;-webkit-text-fill-color:#006B4E!important}

/* Vodiči — puna širina (stari vodiči: theme cap 900px → 1180px) */
.page-id-15948 .space-content-section.no-sidebar,.page-id-15950 .space-content-section.no-sidebar,.page-id-15952 .space-content-section.no-sidebar,.page-id-15954 .space-content-section.no-sidebar,.page-id-15956 .space-content-section.no-sidebar,.page-id-203 .space-content-section.no-sidebar,.page-id-204 .space-content-section.no-sidebar{max-width:1180px}
/* Tipovi hub podstranice na page-without-title: release + 1180 cap */
.page-id-15793 .space-page-content,.page-id-15793 .entry-content,.page-id-15794 .space-page-content,.page-id-15794 .entry-content,.page-id-15795 .space-page-content,.page-id-15795 .entry-content{max-width:100%}
.page-id-15793 .kl-tp-wrap,.page-id-15794 .kl-tp-wrap,.page-id-15795 .kl-tp-wrap{max-width:1180px;margin:0 auto}

/* Stari vodiči na page-without-title: release theme cap + centriranje sadržaja na 1180 */
.page-id-15948 .space-page-content,.page-id-15948 .entry-content,.page-id-15950 .space-page-content,.page-id-15950 .entry-content,.page-id-15952 .space-page-content,.page-id-15952 .entry-content,.page-id-15954 .space-page-content,.page-id-15954 .entry-content,.page-id-15956 .space-page-content,.page-id-15956 .entry-content{max-width:100%}
.page-id-15948 .kl-tp-wrap,.page-id-15950 .kl-tp-wrap,.page-id-15952 .kl-tp-wrap,.page-id-15954 .kl-tp-wrap,.page-id-15956 .kl-tp-wrap{max-width:1180px;margin:0 auto}
/* Hub stranice /tipovi/ i /vodici/ — .klr sam po sebi cap-a na 760px, širimo na hubovima */
.page-id-203 .klr,.page-id-204 .klr{max-width:1180px}

/* Vodiči — martingale template za nove članke (kl-gd wrap) */
.kl-gd{max-width:1180px;margin:0 auto}
.page-id-20655 .space-page-content,.page-id-20655 .entry-content,.page-id-20656 .space-page-content,.page-id-20656 .entry-content,.page-id-20657 .space-page-content,.page-id-20657 .entry-content,.page-id-20658 .space-page-content,.page-id-20658 .entry-content,.page-id-20659 .space-page-content,.page-id-20659 .entry-content,.page-id-20660 .space-page-content,.page-id-20660 .entry-content{max-width:100%}
.kl-vd-main .klr{max-width:none!important}
.kl-vd-main .klr h2{font-family:'Inter',sans-serif!important;font-size:26px!important;font-weight:700!important;letter-spacing:-.5px!important;text-transform:none!important;color:#111!important;border-top:none!important;padding-top:0!important;margin:38px 0 14px!important}
.kl-vd-main .kl-tbl{max-width:none}
.kl-vd-main .kl-calc{max-width:none;margin:0 0 8px}
.kl-vd-main .wp-block-rank-math-faq-block{max-width:none;margin:8px 0 28px}

/* Page header banner (tema-style svijetlosivi header, replicira .space-title-box) */
.kl-pagehead{width:100vw;margin-left:calc(50% - 50vw);background:#F1F3F4;padding:52px 20px 46px}
.kl-pagehead .klr{max-width:1180px;margin:0 auto}
.kl-pagehead .kick{margin-bottom:12px}
.kl-pagehead h1{margin-bottom:0!important}
/* Kad traka nema kicker (npr. /vijesti/ od 27.07.), naslov je prvo dijete pa
   bi mu tema dodala vlastitu gornju marginu i traka bi ispala nesimetricna. */
.kl-pagehead .klr > h1:first-child{margin-top:0!important}
@media(max-width:640px){.kl-pagehead{padding:36px 20px 30px}}

/* Full-width varijanta klr layouta (pillar) */
.klr-wide{max-width:1180px!important}
.klr-wide .spec .it{grid-template-columns:190px 1fr}
.page-id-151 .wp-block-rank-math-faq-block{max-width:1180px}
.page-id-151 .space-page-content,.page-id-151 .entry-content{max-width:100%}

/* === SLOTOVI SIDE — outline emerald ikone === */
.kl-si-v2 .side{border:1px solid var(--line);border-radius:14px;padding:6px 22px;background:#fff}
.kl-si-v2 .side .ic{flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:var(--soft);display:flex;align-items:center;justify-content:center}
.kl-si-v2 .side .ic svg{width:20px;height:20px;stroke:#009168!important;fill:none!important;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block}
.kl-si-v2 .side .ic svg *{fill:none!important;stroke:#009168!important}

/* === KL REVIEW KOMPONENTE === */
.kl-qf{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;font-family:inherit;margin:0 0 32px}
.kl-qf-i{background:#fff;border:1px solid #EAEAEA;border-radius:12px;padding:16px 18px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.kl-qf-i:hover{border-color:#009168;transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,107,78,.10)}
.kl-qf-l{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8a8a8a;margin:0 0 7px}
.kl-qf-v{font-family:'JetBrains Mono',monospace;font-feature-settings:'tnum' 1;font-weight:700;font-size:16px;color:#111;line-height:1.2}
.kl-qf-ok{color:#009168}
.kl-qf-no{color:#C53030}
.kl-rtg{background:#fff;border:1px solid #EAEAEA;border-radius:14px;padding:26px 26px 22px;margin:32px 0;font-family:inherit;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.kl-rtg-h{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8a8a8a;margin:0 0 20px}
.kl-rtg-r{display:grid;grid-template-columns:140px 1fr 38px;align-items:center;gap:12px;margin:0 0 13px}
.kl-rtg-n{font-size:13.5px;font-weight:600;color:#111}
.kl-rtg-b{height:8px;background:#F1F3F4;border-radius:99px;overflow:hidden}
.kl-rtg-f{height:100%;background:#009168;border-radius:99px}
.kl-rtg-s{font-family:'JetBrains Mono',monospace;font-feature-settings:'tnum' 1;font-weight:700;font-size:13px;color:#111;text-align:right}
.kl-rtg-t{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #EAEAEA;margin-top:16px;padding-top:16px}
.kl-rtg-tl{font-size:13px;font-weight:600;color:#6b7c75}
.kl-rtg-tv{font-family:'JetBrains Mono',monospace;font-feature-settings:'tnum' 1;font-weight:800;font-size:26px;color:#009168}
.kl-cta{background:linear-gradient(140deg,#002d1e,#009168);border-radius:14px;padding:32px 26px;text-align:center;font-family:inherit;margin:34px 0}
.kl-cta-sub{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin:0 0 8px}
.kl-cta-h{font-size:23px;font-weight:800;color:#fff;margin:0 0 22px;line-height:1.28;letter-spacing:-.3px}
.kl-cta-a{display:inline-block;background:#fff;color:#006B4E;font-weight:700;font-size:15px;text-decoration:none;padding:14px 36px;border-radius:9px;transition:transform .15s ease,box-shadow .15s ease}
.kl-cta-a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.kl-cta-d{font-size:11px;color:rgba(255,255,255,.4);margin:12px 0 0}
@media(max-width:540px){.kl-rtg-r{grid-template-columns:100px 1fr 28px}.kl-cta-h{font-size:18px}}

/* === KL PULL / NOTE / FAQ === */
.kl-pull{font-size:clamp(18px,3vw,24px);font-weight:800;line-height:1.32;letter-spacing:-.4px;color:#111;margin:28px 0;padding:20px 0;border-top:2px solid #111;border-bottom:1px solid #dde8e3}
.kl-pull b{color:#009168}
.kl-note{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;border-top:1px solid #111;border-bottom:1px solid #111;padding:14px 0;margin:24px 0}
.kl-note-t{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#009168;white-space:nowrap;padding-top:2px}
.kl-note-b p{margin:0;font-size:15px;line-height:1.62;color:#111}
.kl-faq{margin:28px 0}
.kl-faq details{border-bottom:1px solid #ededed}
.kl-faq details:first-child{border-top:1px solid #ededed}
.kl-faq summary{font-size:16px;font-weight:700;color:#111;padding:16px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;letter-spacing:-.2px;gap:16px}
.kl-faq summary::-webkit-details-marker{display:none}
.kl-faq summary::after{content:'+';font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:400;color:#009168;flex-shrink:0;line-height:1}
.kl-faq details[open] summary::after{content:'−'}
.kl-faq details>p{font-size:15.5px;line-height:1.7;color:#444;padding:0 0 16px 0;margin:0}
@media(max-width:540px){.kl-note{grid-template-columns:1fr;gap:6px}}

/* === TIPOVI SUB-PAGES === */
.kl-tp-wrap{font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.kl-tp-wrap *{box-sizing:border-box}
.kl-tp-grid{display:grid;gap:12px}
@media(min-width:640px){.kl-tp-grid{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.kl-tp-grid{grid-template-columns:1fr 1fr 1fr}}
.kl-tp-grid .kl-tp-info{margin-bottom:0}
@media(min-width:960px){.kl-tp-hero{padding:48px 40px}}
.kl-tp-hero{background:linear-gradient(145deg,#091c14 0%,#003d2a 35%,#006b4e 65%,#009168 100%);border-radius:16px;padding:32px 28px;color:#fff;margin:0 0 20px;position:relative;overflow:hidden}
.kl-tp-hero::before{content:'';position:absolute;top:-40%;right:-15%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(0,181,130,.2) 0%,transparent 70%);pointer-events:none}
.kl-tp-kicker{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.45);margin:0 0 12px}
.kl-tp-h1{font-size:30px;font-weight:700;margin:0 0 8px;letter-spacing:-.5px;line-height:1.2;color:#fff}
.kl-tp-sub{font-size:14.5px;color:rgba(255,255,255,.6);margin:0 0 24px;line-height:1.5}
.kl-tp-stats{display:flex;flex-wrap:wrap;gap:10px}
.kl-tp-stat{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:50px;padding:8px 16px;display:flex;align-items:center;gap:8px}
.kl-tp-stat-n{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:17px;line-height:1}
.kl-tp-stat-l{font-size:12px;opacity:.65;line-height:1}
.kl-tp-stat.green .kl-tp-stat-n{color:#4ade80}
.kl-tp-stat.red .kl-tp-stat-n{color:#f87171}
.kl-tp-info{display:flex;gap:16px;align-items:flex-start;padding:16px 20px;background:#fff;border:1px solid #ededed;border-radius:12px;margin-bottom:10px}
.kl-tp-info-num{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:12px;color:#009168;background:#E0F2EC;border-radius:6px;padding:4px 9px;flex-shrink:0;line-height:1.5}
.kl-tp-info-h{font-weight:700;font-size:15px;color:#111;margin-bottom:4px}
.kl-tp-info-p{font-size:14px;color:#555;line-height:1.65;margin:0}
.kl-tp-empty{text-align:center;padding:48px 24px;background:#f9fafb;border:1px dashed #d1d5db;border-radius:14px;margin:20px 0}
.kl-tp-empty-icon{font-size:32px;margin-bottom:12px}
.kl-tp-empty-h{font-weight:700;font-size:17px;color:#111;margin-bottom:6px}
.kl-tp-empty-p{font-size:14px;color:#666;max-width:300px;margin:0 auto}
.kl-tp-disc{font-size:12.5px;color:#aaa;margin-top:24px;line-height:1.6}
.kl-tp-disc a{color:#009168;text-decoration:none}
.kl-sd-types{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 16px}
.kl-sd-type{background:#fff;border:1px solid #ededed;border-radius:10px;padding:16px;text-align:center}
.kl-sd-type-n{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:24px;color:#009168;margin-bottom:2px}
.kl-sd-type-l{font-size:11px;color:#aaa;text-transform:uppercase;letter-spacing:.08em}
.kl-sd-type-d{font-size:12.5px;color:#666;margin-top:8px;line-height:1.4}
.kl-lc-card{background:#fff;border:1px solid #ededed;border-radius:14px;padding:20px;margin-bottom:16px}
.kl-lc-chain{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px}
.kl-lc-step{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:11px;border:2px solid #e5e7eb;color:#d1d5db}
.kl-lc-step.w{background:#009168;border-color:#009168;color:#fff}
.kl-lc-step.l{background:#C53030;border-color:#C53030;color:#fff}
.kl-lc-step.active{border-color:#009168;color:#009168;animation:kl-lc-pulse 1.6s ease-in-out infinite}
@keyframes kl-lc-pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,145,104,.3)}60%{box-shadow:0 0 0 7px rgba(0,145,104,0)}}
.kl-lc-amount{display:flex;align-items:baseline;gap:10px;margin:8px 0 16px}
.kl-lc-amount-start{font-family:'JetBrains Mono',monospace;font-size:15px;color:#ccc;text-decoration:line-through}
.kl-lc-amount-n{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:40px;color:#009168;line-height:1}
.kl-lc-amount-l{font-size:14px;color:#888}
@media(max-width:560px){.kl-tp-h1{font-size:24px}.kl-sd-types{gap:8px}.kl-sd-type{padding:12px}.kl-sd-type-n{font-size:20px}.kl-tp-hero{padding:24px 20px}}
/* === TIPOVI HERO OVERRIDES === */
.kl-tp-hero h1,.kl-tp-hero h2,.kl-tp-hero .kl-tp-h1{color:#fff!important;font-weight:700!important;letter-spacing:-.5px}
.kl-tp-hero .kl-tp-kicker{color:rgba(255,255,255,.45)!important;font-family:'JetBrains Mono',monospace!important}
.kl-tp-hero .kl-tp-sub{color:rgba(255,255,255,.65)!important}
.kl-tp-hero .kl-tp-stat,.kl-tp-hero .kl-tp-stat-n{color:#fff!important}
.kl-tp-hero .kl-tp-stat-l{color:rgba(255,255,255,.6)!important}
.kl-tp-hero .kl-tp-stat.green .kl-tp-stat-n{color:#4ade80!important}
.kl-tp-hero .kl-tp-stat.red .kl-tp-stat-n{color:#f87171!important}
.kl-tp-kicker,.kl-tp-stat-n,.kl-tp-stat-l,.kl-lc-amount-start,.kl-lc-amount-n,.kl-lc-amount-l,.kl-sd-type-n,.kl-sd-type-l,.kl-tp-info-num,.kl-lc-step{font-family:'JetBrains Mono',monospace!important}
.kl-lc-step{display:flex!important;align-items:center!important;justify-content:center!important}

/* === VODICI PAGES === */
.kl-vd-toc{background:#f9fafb;border:1px solid #ededed;border-radius:12px;padding:20px 24px;margin:0 0 28px}
.kl-vd-toc-h{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#009168;margin:0 0 12px}
.kl-vd-toc ol{margin:0;padding:0 0 0 20px}
.kl-vd-toc li{font-size:14px;color:#444;line-height:1.8;margin:0}
.kl-vd-toc a{color:#009168;text-decoration:none;font-weight:500}
.kl-vd-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}
.kl-vd-table th{background:#f9fafb;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#666;padding:10px 14px;text-align:left;border-bottom:2px solid #ededed}
.kl-vd-table td{padding:11px 14px;border-bottom:1px solid #f0f0f0;color:#333;vertical-align:top}
.kl-vd-table tr:last-child td{border-bottom:none}
.kl-vd-table .mono{font-family:'JetBrains Mono',monospace;font-weight:600}
.kl-vd-table .green{color:#009168;font-weight:600}
.kl-vd-table .red{color:#C53030;font-weight:600}
.kl-gloss-item{border-bottom:1px solid #ededed;padding:18px 0}
.kl-gloss-item:first-child{border-top:1px solid #ededed}
.kl-gloss-term{font-weight:700;font-size:16px;color:#111;margin:0 0 4px;display:flex;align-items:center;gap:8px}
.kl-gloss-tag{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#E0F2EC;color:#009168;border-radius:4px;padding:2px 7px}
.kl-gloss-def{font-size:14.5px;color:#555;line-height:1.65;margin:0}
.kl-gloss-ex{font-size:13px;color:#888;font-style:italic;margin:6px 0 0;padding:8px 12px;border-left:2px solid #e0f2ec}
.kl-gloss-letter{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:22px;color:#009168;margin:28px 0 4px;line-height:1}
.kl-vd-card{background:#fff;border:1px solid #ededed;border-radius:14px;padding:20px 22px;margin-bottom:12px}
.kl-vd-card-num{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:11px;color:#009168;background:#E0F2EC;border-radius:5px;padding:3px 8px;display:inline-block;margin-bottom:10px}
.kl-vd-card-h{font-weight:700;font-size:16px;color:#111;margin:0 0 6px}
.kl-vd-card-p{font-size:14px;color:#555;line-height:1.65;margin:0}
.kl-vd-warn{background:#FDECEC;border:1px solid #f5c6c6;border-radius:10px;padding:16px 18px;margin:16px 0;display:flex;gap:12px;align-items:flex-start}
.kl-vd-warn-icon{font-size:18px;flex-shrink:0;line-height:1.6}
.kl-vd-warn-text{font-size:14px;color:#7a1a1a;line-height:1.6}
.kl-vd-warn-text strong{color:#C53030}
.kl-vd-hl{background:#E0F2EC;border:1px solid #b5ddd0;border-radius:10px;padding:16px 18px;margin:20px 0}
.kl-vd-hl p{font-size:14.5px;color:#004d38;line-height:1.62;margin:0}
.kl-vd-hl strong{color:#009168}

/* === HERO SPLIT LAYOUT === */
.kl-tp-hero-split{min-height:190px}
.kl-tp-hero-visual{position:absolute;top:50%;right:28px;transform:translateY(-50%);width:200px;opacity:0.85;pointer-events:none}
.kl-tp-hero-visual svg{width:100%;height:auto;display:block}
@media(min-width:960px){.kl-tp-hero-visual{right:40px}}
.kl-tp-hero-split .kl-tp-kicker,.kl-tp-hero-split .kl-tp-h1,.kl-tp-hero-split .kl-tp-sub{max-width:calc(100% - 228px)}
@media(max-width:680px){.kl-tp-hero-visual{display:none!important}.kl-tp-hero-split .kl-tp-kicker,.kl-tp-hero-split .kl-tp-h1,.kl-tp-hero-split .kl-tp-sub{max-width:100%}}

/* === METHODOLOGY GRID (dark emerald panel) === */
.kl-meth{max-width:1180px;margin:56px auto;font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.kl-meth-panel{background:#EAF5F0;border:1px solid #D7E9E1;border-radius:20px;padding:44px 40px 36px;position:relative;overflow:hidden}
.kl-meth-panel::before{content:'';position:absolute;top:-90px;right:-60px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(0,181,130,.10) 0%,transparent 68%);pointer-events:none}
.kl-meth-kicker{font-family:'JetBrains Mono',monospace!important;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#006B4E!important;margin:0 0 10px;position:relative}
.kl-meth-h2{font-weight:700!important;color:#111!important;font-size:30px;line-height:1.15;letter-spacing:-.4px;margin:0;position:relative}
.kl-meth-sub{font-size:15.5px;color:#444!important;margin:10px 0 32px;line-height:1.5;position:relative}
.kl-meth-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}
.kl-meth-item{background:#fff;border:1px solid #D7E9E1;border-radius:12px;padding:22px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.kl-meth-item:hover{border-color:#009168;transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,107,78,.10)}
.kl-meth-num{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:30px;color:#009168;margin-bottom:12px;font-feature-settings:'tnum' 1;line-height:1}
.kl-meth-h{font-weight:600!important;color:#111!important;font-size:15px;margin:0 0 8px;letter-spacing:-.1px}
.kl-meth-p{font-size:13.5px;line-height:1.58;color:#444!important;margin:0}
.kl-meth-foot{font-size:14px;margin:24px 0 0;text-align:center;position:relative}
.kl-meth-foot a{color:#006B4E!important;font-weight:600;text-decoration:none!important}
.kl-meth-foot a:hover{text-decoration:underline!important}
@media(max-width:860px){.kl-meth-grid{grid-template-columns:1fr 1fr}.kl-meth-panel{padding:32px 24px 28px}}
@media(max-width:480px){.kl-meth-h2{font-size:24px}.kl-meth-grid{grid-template-columns:1fr}}

/* === KLR EDITORIAL LAYOUT (globalno — koriste /vodici/, rang-lista, supporting članci) === */
.klr{--brand:#009168;--dark:#006B4E;--ink:#111;--body:#3f3f3f;--muted:#8a8a8a;--line:#e7e7e7;--rule:#111;font-family:'Inter',sans-serif;color:var(--body);-webkit-font-smoothing:antialiased;max-width:760px;margin:0 auto}
.klr *{box-sizing:border-box}
.klr .kick{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--brand);margin:0 0 14px}
.klr h1{font-size:clamp(30px,6vw,46px);font-weight:900!important;color:var(--ink)!important;letter-spacing:-1.4px;line-height:1.04;margin:0 0 18px}
.klr .lead{font-size:20px;line-height:1.55;color:var(--ink);font-weight:500;margin:0 0 26px;letter-spacing:-.2px}
.klr p{font-size:16.5px;line-height:1.72;margin:0 0 17px}
.klr a{color:var(--dark)!important;font-weight:600;text-decoration:none!important;border-bottom:1px solid rgba(0,107,78,.3)}
.klr a:hover{border-bottom-color:var(--dark)}
.klr strong{color:var(--ink);font-weight:700}
.klr h2{font-size:24px;font-family:'Inter',sans-serif!important;font-weight:700!important;letter-spacing:-.3px;text-transform:none;color:var(--ink)!important;margin:44px 0 18px;padding-top:16px;border-top:1px solid var(--line)}
.klr .pull{font-size:clamp(22px,4.5vw,30px);font-weight:800;line-height:1.28;letter-spacing:-.7px;color:var(--ink);margin:30px 0}
.klr .pull b{color:var(--brand);font-weight:800}
.klr .toc{border-top:2px solid var(--rule);margin:6px 0 10px}
.klr .toc .row{display:flex;align-items:baseline;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.klr .toc .num{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;color:var(--brand);min-width:26px}
.klr .toc .ttl{font-size:18.5px;font-weight:800;color:var(--ink);letter-spacing:-.4px;white-space:nowrap}
.klr .toc .ttl a{color:var(--ink)!important;border-bottom:none;font-weight:800}
.klr .toc .ttl a:hover{color:var(--brand)!important}
.klr .toc .lead-dots{flex:1;border-bottom:1px dotted #cfcfcf;transform:translateY(-5px);min-width:18px}
.klr .toc .meta{font-size:14.5px;color:var(--muted);text-align:right;max-width:46%;line-height:1.45}
.klr .note{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:15px 0;margin:26px 0}
.klr .note .t{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brand);white-space:nowrap;padding-top:3px}
.klr .note p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink)}
.klr .faq dt{font-size:17px;font-weight:700;color:var(--ink);margin:22px 0 7px;letter-spacing:-.2px}
.klr .faq dd{margin:0;font-size:16px;line-height:1.68}
.klr .feed{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:8px}
.klr .idx{border-top:2px solid var(--rule);margin:6px 0 8px}
.klr .idx .r{display:grid;grid-template-columns:minmax(150px,210px) 1fr;gap:10px 26px;padding:17px 0;border-bottom:1px solid var(--line);align-items:baseline}
.klr .idx .r .nm{font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.4px;line-height:1.2}
.klr .idx .r .nm span{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--brand);margin-top:5px;border:0}
.klr .idx .r .ds{font-size:15.5px;line-height:1.6;color:var(--body);margin:0}
.klr .spec .it{display:grid;grid-template-columns:128px 1fr;gap:22px;padding:15px 0;border-bottom:1px solid var(--line)}
.klr .spec .it:first-child{border-top:1px solid var(--line)}
.klr .spec .lb{font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:4px}
.klr .spec .it p{margin:0;font-size:16px;line-height:1.65}
.klr .rules{list-style:none;margin:4px 0 17px;padding:0}
.klr .rules li{position:relative;padding:11px 0 11px 26px;border-bottom:1px solid var(--line);font-size:16px;line-height:1.6}
.klr .rules li:before{content:"";position:absolute;left:0;top:19px;width:11px;height:2px;background:var(--brand)}
@media(max-width:560px){.klr .toc .row{flex-wrap:wrap;gap:4px 12px}.klr .toc .ttl{white-space:normal}.klr .toc .lead-dots{display:none}.klr .toc .meta{max-width:100%;text-align:left;flex-basis:100%;padding-left:38px}.klr .note{grid-template-columns:1fr;gap:7px}.klr .idx .r,.klr .spec .it{grid-template-columns:1fr;gap:5px}.klr .spec .lb{padding-top:0}}

/* === SLOTOVI PAGE (kl-si-v2) === */
.kl-si-v2{--brand:#009168;--dark:#006B4E;--soft:#E0F2EC;--ink:#111;--body:#3f3f3f;--muted:#8a8a8a;--line:#e7e7e7;--rule:#111;font-family:'Inter',system-ui,sans-serif;color:var(--body);-webkit-font-smoothing:antialiased;max-width:1180px;margin:0 auto 12px}
.kl-si-v2 *{box-sizing:border-box}
.kl-si-v2 .grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:start}
.kl-si-v2 .kick{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--brand);margin:0 0 14px}
.kl-si-v2 .lead{font-size:19px;line-height:1.6;color:var(--ink);font-weight:500;margin:0 0 16px;letter-spacing:-.2px}
.kl-si-v2 p{font-size:16px;line-height:1.7;margin:0 0 14px}
.kl-si-v2 a{color:var(--dark)!important;font-weight:600;text-decoration:none!important;border-bottom:1px solid rgba(0,107,78,.3)}
.kl-si-v2 a:hover{border-bottom-color:var(--dark)}
.kl-si-v2 strong{color:var(--ink);font-weight:700}
.kl-si-v2 .side{border:1px solid var(--line);border-radius:12px;padding:8px 22px;background:#fcfcfc}
.kl-si-v2 .side .row{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line)}
.kl-si-v2 .side .row:last-child{border-bottom:none}
.kl-si-v2 .side .ic{flex:0 0 36px;width:36px;height:36px;border-radius:8px;background-color:var(--soft);background-repeat:no-repeat;background-position:center;background-size:19px 19px}
.kl-si-v2 .side .row:nth-child(1) .ic{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23009168' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='17.5' rx='7' ry='2.8'/%3E%3Cpath d='M5 17.5v-4.2c0 1.55 3.13 2.8 7 2.8s7-1.25 7-2.8v4.2'/%3E%3Cg%3E%3Cellipse cx='12' cy='7.4' rx='4.6' ry='2'/%3E%3Cpath d='M10.5 7.4h3'/%3E%3CanimateTransform attributeName='transform' type='translate' values='0 0;0 -1.8;0 0' dur='2.4s' repeatCount='indefinite' calcMode='spline' keySplines='.45 0 .55 1;.45 0 .55 1'/%3E%3C/g%3E%3C/svg%3E")}
.kl-si-v2 .side .row:nth-child(2) .ic{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23009168' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg%3E%3Cpath d='M19.5 12a7.5 7.5 0 1 1-2.2-5.3'/%3E%3Cpath d='M19.8 3.4v3.8h-3.8'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='6s' repeatCount='indefinite'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='2.1'/%3E%3C/svg%3E")}
.kl-si-v2 .side .row:nth-child(3) .ic{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23009168' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.6 5.2 5v5.8c0 4.6 2.9 7.9 6.8 9.2 3.9-1.3 6.8-4.6 6.8-9.2V5L12 2.6z'/%3E%3Ctext x='12' y='13.6' text-anchor='middle' font-family='Arial,sans-serif' font-size='6' font-weight='bold' fill='%23009168' stroke='none'%3E18%2B%3Canimate attributeName='opacity' values='1;.35;1' dur='2.6s' repeatCount='indefinite'/%3E%3C/text%3E%3C/svg%3E")}
.kl-si-v2 .side h4{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 3px}
.kl-si-v2 .side p{font-size:13.5px;line-height:1.45;color:var(--body);margin:0}
.kl-si-v2 .note{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:14px 0;margin:18px 0 4px}
.kl-si-v2 .note .t{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);white-space:nowrap;padding-top:3px}
.kl-si-v2 .note p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink)}
@media(max-width:820px){.kl-si-v2 .grid{grid-template-columns:1fr;gap:24px}.kl-si-v2 .note{grid-template-columns:1fr;gap:7px}}

/* Slotovi ikone v3 — animirane pozadine, inline svg ugašen */
.kl-si-v2 .side .ic svg{display:none!important}
.kl-si-v2 .side .ic{background-color:var(--soft);background-repeat:no-repeat;background-position:center;background-size:21px 21px!important;transition:transform .25s ease}
.kl-si-v2 .side .row:hover .ic{transform:scale(1.12) rotate(-5deg)}

/* === KL-TBL USPOREDNA TABLICA (globalno) === */
.kl-tbl{--brand:#009168;--brand-dark:#006B4E;--soft:#E0F2EC;--ink:#111111;--body:#444444;--border:#EAEAEA;--row:#F7FAF9;font-family:'Inter','Helvetica Neue',Arial,sans-serif;color:var(--body);max-width:760px;margin:0 auto;-webkit-font-smoothing:antialiased}
.kl-tbl *{box-sizing:border-box}
.kl-tbl-title{font-family:'Inter',sans-serif!important;font-weight:600!important;color:var(--ink)!important;font-size:28px;line-height:1.2;letter-spacing:-.4px;margin:0 0 18px;border-top:none!important;padding-top:0!important;text-transform:none!important}
.kl-tbl table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}
.kl-tbl th{background:var(--soft);color:var(--brand-dark);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;text-align:left;padding:14px 20px;border-bottom:1px solid var(--border)}
.kl-tbl td{padding:15px 20px;border-bottom:1px solid var(--border);font-size:15px;line-height:1.5;vertical-align:middle}
.kl-tbl tr:last-child td{border-bottom:0}
.kl-tbl tbody tr:nth-child(even){background:var(--row)}
.kl-tbl tbody tr:hover{background:#fcfefd}
.kl-tbl td.kl-name{font-weight:600;color:var(--ink);white-space:nowrap;width:34%}
.kl-tbl td.kl-name a{color:var(--brand-dark)!important;text-decoration:none!important;font-weight:600}
.kl-tbl td.kl-name a:hover{text-decoration:underline!important}
.kl-tbl td.kl-bonus{color:var(--body)}
@media(max-width:480px){.kl-tbl-title{font-size:23px}.kl-tbl th,.kl-tbl td{padding:12px 14px;font-size:14px}.kl-tbl td.kl-name{white-space:normal;width:38%}}

/* ============ TIP POSTOVI (tip dana / sistem dana / lanac) — V1 dark hero, 16.07.2026 ============ */
.kl-tip{max-width:820px;margin:18px auto 40px}
.kl-tip-hero{position:relative;border-radius:20px;background:#0F1311;padding:30px 30px 26px;overflow:hidden}
.kl-tip-hero::before{content:"";position:absolute;top:-120px;right:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(0,217,130,.14),transparent 65%);pointer-events:none}
.kl-tip-hero-meta{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.42);margin:0 0 14px}
.kl-tip-hero-meta b{color:#00D982;font-weight:700}
.kl-tip-match{font-size:clamp(26px,4.5vw,38px);font-weight:800;color:#fff;letter-spacing:-.8px;line-height:1.12;margin:0}
.kl-tip-match .vs{font-family:'JetBrains Mono',monospace;font-size:.45em;font-weight:400;color:rgba(255,255,255,.35);vertical-align:middle;margin:0 10px;letter-spacing:.05em}
.kl-tip-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.kl-tip-stats-2{grid-template-columns:repeat(2,1fr)}
.kl-tip-st{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:14px 12px;text-align:center}
.kl-tip-st-v{font-family:'JetBrains Mono',monospace;font-feature-settings:'tnum' 1;font-size:22px;font-weight:700;color:#00D982;line-height:1.1}
.kl-tip-st-l{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.38);margin-top:6px}
.kl-tip-prob{margin-top:18px}
.kl-tip-prob-row{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:rgba(255,255,255,.42);margin-bottom:6px;letter-spacing:.04em}
.kl-tip-prob-row b{color:rgba(255,255,255,.75);font-weight:700}
.kl-tip-prob-track{height:6px;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden}
.kl-tip-prob-fill{height:100%;border-radius:99px;background:#00D982}
.kl-tip-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap}
.kl-tip-tipster{display:flex;align-items:center;gap:10px}
.kl-tip-avatar{width:34px;height:34px;border-radius:50%;background:rgba(0,217,130,.14);border:1px solid rgba(0,217,130,.3);color:#00D982;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.kl-tip-tipster-n{font-size:13px;font-weight:700;color:#fff}
.kl-tip-tipster-s{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:rgba(255,255,255,.4);margin-top:1px}
.kl-tip-dots{display:flex;gap:4px}
.kl-tip-dot{width:24px;height:7px;border-radius:99px;background:rgba(255,255,255,.12)}
.kl-tip-dot.w{background:#00D982}
.kl-tip-dot.l{background:#C53030}
.kl-tip-result{position:absolute;top:22px;right:22px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.08em;padding:5px 12px;border-radius:99px;z-index:1}
.kl-tip-result.win{background:rgba(0,217,130,.15);color:#00D982;border:1px solid rgba(0,217,130,.4)}
.kl-tip-result.loss{background:rgba(197,48,48,.15);color:#e07070;border:1px solid rgba(197,48,48,.45)}
.kl-tip-pairs{display:flex;flex-direction:column;gap:8px;margin-top:20px}
.kl-tip-pair{display:flex;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:10px;overflow:hidden}
.kl-tip-pair-main{flex:1;min-width:0;padding:13px 15px;display:flex;flex-direction:column;gap:8px}
.kl-tip-pair-m{font-size:13.5px;font-weight:600;color:#fff}
.kl-tip-pair-m small{display:block;font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:400;color:rgba(255,255,255,.38);letter-spacing:.05em;text-transform:uppercase;margin-top:2px}
.kl-tip-pair-stub{position:relative;width:104px;flex-shrink:0;background:rgba(0,217,130,.06);border-left:2px dashed rgba(255,255,255,.14);padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}
.kl-tip-pair-stub::before,.kl-tip-pair-stub::after{content:'';position:absolute;left:-7px;width:14px;height:14px;border-radius:50%;background:#0F1311;border:1px solid rgba(255,255,255,.09)}
.kl-tip-pair-stub::before{top:-7px}
.kl-tip-pair-stub::after{bottom:-7px}
.kl-tip-pair-sg{display:flex;flex-direction:column;align-items:center;gap:3px}
.kl-tip-pair-sl{font-family:'JetBrains Mono',monospace;font-size:8px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.35)}
.kl-tip-pair-tip{font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:700;color:#00D982;background:rgba(0,217,130,.1);border:1px solid rgba(0,217,130,.28);border-radius:7px;padding:4px 9px}
.kl-tip-pair-odd{font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:800;color:#fff}
.kl-tip-chain{display:flex;align-items:center;gap:6px;margin-top:20px;flex-wrap:wrap}
.kl-tip-chain-step{font-family:'JetBrains Mono',monospace;font-size:12px;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.55)}
.kl-tip-chain-step.done{color:#00D982;border-color:rgba(0,217,130,.3)}
.kl-tip-chain-step.now{background:rgba(0,217,130,.12);color:#00D982;border-color:rgba(0,217,130,.45);font-weight:700}
.kl-tip-chain-arrow{color:rgba(255,255,255,.25);font-size:11px}
.kl-tip-body{max-width:680px;margin:0 auto}
.kl-tip-body h2{font-size:21px;font-weight:800;color:#111;letter-spacing:-.3px;margin:34px 0 12px;display:flex;align-items:baseline;gap:10px}
.kl-tip-body h2 .n{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;color:#009168}
.kl-tip-body p{font-size:15.5px;line-height:1.75;color:#444;margin:0 0 12px}
.kl-tip-verdict{background:#EAF5F0;border:1px solid #d8ece3;border-radius:16px;padding:22px 24px;margin:30px 0 6px}
.kl-tip-verdict-k{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#009168;margin:0 0 10px}
.kl-tip-verdict p{color:#1d3b30;margin-bottom:14px}
.kl-tip-verdict-row{display:flex;gap:8px;flex-wrap:wrap}
.kl-tip-chip{font-family:'JetBrains Mono',monospace;font-size:12.5px;font-weight:700;color:#009168;background:#fff;border:1px solid #d8ece3;border-radius:8px;padding:6px 12px}
.kl-tip-cta{margin:28px 0 0}
.kl-tip-cta-h{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5d8478;margin:0 0 12px}
.kl-tip-disc{margin-top:26px;padding:16px 18px;background:#fafafa;border:1px solid #ededed;border-radius:14px;font-size:11.5px;line-height:1.65;color:#888}
.kl-tip-disc a{color:#009168;text-decoration:none}
.kl-tip-disc b{color:#444}
@media(max-width:560px){
.kl-tip-hero{padding:22px 18px 20px}
.kl-tip-stats{gap:7px}
.kl-tip-st{padding:11px 6px}
.kl-tip-st-v{font-size:17px}
.kl-tip-result{position:static;display:inline-block;margin-bottom:12px}
.kl-tip-pair{flex-direction:column}
.kl-tip-pair-stub{width:100%;flex-direction:row;justify-content:center;gap:26px;border-left:none;border-top:2px dashed #bfe0d3;padding:11px 14px}
.kl-tip-pair-stub::before,.kl-tip-pair-stub::after{left:auto;top:-7px;background:#F3FAF7;border-color:#d8ece3}
.kl-tip-pair-stub::before{left:16px}
.kl-tip-pair-stub::after{right:16px}
}

/* ============ TIP POSTOVI — fix runda 2 (16.07. popodne) ============ */
/* Mercury gazi boju h2 unutar post contenta -> imena momčadi bila nevidljiva na dark heroju */
.kl-tip-hero h2.kl-tip-match{color:#fff!important;margin:0!important;padding:0!important;border:none!important}
.kl-tip-hero .kl-tip-match .vs{color:rgba(255,255,255,.35)!important}
.kl-tip-body h2{color:#111!important;border:none!important;padding:0!important}
.kl-tip-body h2 .n{color:#009168!important}

/* Tips feed v2 — prvi (najnoviji) tip je istaknuta dark kartica */
ul.kl-tips-feed{list-style:none!important;margin:10px 0 0!important;padding:0!important;display:flex;flex-direction:column;gap:10px}
ul.kl-tips-feed li{margin:0!important;background:#fff;border:1px solid #EAEAEA;border-radius:14px;padding:16px 20px!important;transition:border-color .15s ease}
ul.kl-tips-feed li:hover{border-color:#009168}
ul.kl-tips-feed li a{font-weight:700;font-size:16px;color:#111!important;text-decoration:none!important;line-height:1.35}
ul.kl-tips-feed li a:hover{color:#009168!important}
ul.kl-tips-feed .wp-block-latest-posts__post-date{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;color:#888;margin-top:6px}
ul.kl-tips-feed li:first-child{background:#EAF5F0;border-color:#cde7db;padding:22px 24px!important;position:relative}
ul.kl-tips-feed li:first-child:hover{border-color:#009168}
ul.kl-tips-feed li:first-child::before{content:"● Najnoviji tip";font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#009168;display:block;margin-bottom:9px}
ul.kl-tips-feed li:first-child a{color:#0f1110!important;font-size:19px}
ul.kl-tips-feed li:first-child a:hover{color:#009168!important}
ul.kl-tips-feed li:first-child .wp-block-latest-posts__post-date{color:#5d8478}

/* ============ TIP POSTOVI V2 — svijetli mint hero (16.07. večer, operator: bez crnih blokova) ============ */
.kl-tip-hero{background:#F3FAF7;border:1px solid #d8ece3}
.kl-tip-hero::before{background:radial-gradient(circle,rgba(0,145,104,.07),transparent 65%)}
.kl-tip-hero-meta{color:#5d8478}
.kl-tip-hero-meta b{color:#009168}
.kl-tip-hero h2.kl-tip-match{color:#0f1110!important}
.kl-tip-hero .kl-tip-match .vs{color:#9db8ae!important}
.kl-tip-st{background:#fff;border-color:#d8ece3}
.kl-tip-st-v{color:#009168}
.kl-tip-st-l{color:#8a8a8a}
.kl-tip-prob-row{color:#5d8478}
.kl-tip-prob-row b{color:#1d3b30}
.kl-tip-prob-track{background:#dcefe7}
.kl-tip-prob-fill{background:#009168}
.kl-tip-hero-foot{border-top-color:#d8ece3}
.kl-tip-tipster-n{color:#0f1110}
.kl-tip-tipster-s{color:#5d8478}
.kl-tip-avatar{background:#E0F2EC;border-color:#b8dccd;color:#009168}
.kl-tip-dot{background:#dcefe7}
.kl-tip-dot.w{background:#009168}
.kl-tip-dot.l{background:#C53030}
.kl-tip-result.win{background:#E0F2EC;color:#009168;border:1px solid #9fd0bd}
.kl-tip-result.loss{background:#FBEAEA;color:#C53030;border:1px solid #eec3c3}
.kl-tip-pair{background:#fff;border-color:#d8ece3}
.kl-tip-pair-m{color:#0f1110}
.kl-tip-pair-m small{color:#8a8a8a}
.kl-tip-pair-stub{background:#F3FAF7;border-left-color:#bfe0d3}
.kl-tip-pair-stub::before,.kl-tip-pair-stub::after{background:#F3FAF7;border-color:#d8ece3}
.kl-tip-pair-sl{color:#8fae9f}
.kl-tip-pair-tip{color:#009168;background:#fff;border-color:#b8dccd}
.kl-tip-pair-odd{color:#0f1110}
.kl-tip-pair-note{font-size:12.5px;line-height:1.55;color:#6b6b6b;margin:0}
.kl-tip-badge{display:inline-block;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.08);padding:4px;object-fit:contain;vertical-align:middle;margin:0 8px 5px 0}
.kl-tip-badge-sm{width:19px;height:19px;padding:2px;margin:0 5px 0 0;border-radius:50%}
.kl-tip-chain-step{background:#fff;border-color:#d8ece3;color:#5d8478}
.kl-tip-chain-step.done{color:#009168;border-color:#b8dccd}
.kl-tip-chain-step.now{background:#E0F2EC;color:#009168;border-color:#009168}
.kl-tip-chain-arrow{color:#9db8ae}

/* lanac hub: dovršeni (win) koraci u "Trenutni niz" kartici */
.kl-lc-step.win{background:#009168!important;border-color:#009168!important;color:#fff!important}

/* ===== TIP POST V3 (17.07.) — mini-tablica poretka, H2H/izostanci liste, tipsterov kut, lead ===== */
.kl-tip-body .kl-tip-lead{font-size:17px;line-height:1.75;color:#333;margin:0 0 18px}
.kl-tip-tbl{overflow-x:auto;margin:14px 0 8px}
.kl-tip-tbl table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border:1px solid #EAEAEA;border-radius:12px;overflow:hidden}
.kl-tip-tbl th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#888;text-align:left;padding:9px 12px;border-bottom:1px solid #EAEAEA;background:#F9FAFB}
.kl-tip-tbl td{padding:9px 12px;border-bottom:1px solid #F1F3F4;color:#444;font-feature-settings:'tnum' 1}
.kl-tip-tbl tr:last-child td{border-bottom:none}
.kl-tip-tbl tr.hl td{background:#E0F2EC;color:#111;font-weight:600}
.kl-tip-tbl td b{font-family:'JetBrains Mono',monospace;font-weight:700;color:#009168}
.kl-tip-h2h,.kl-tip-inj{list-style:none;padding:0;margin:12px 0 8px}
.kl-tip-h2h li,.kl-tip-inj li{display:flex;gap:10px;align-items:baseline;padding:8px 2px;border-bottom:1px solid #F1F3F4;font-size:14.5px;color:#444}
.kl-tip-h2h li:last-child,.kl-tip-inj li:last-child{border-bottom:none}
.kl-tip-h2h li b{margin-left:auto;font-family:'JetBrains Mono',monospace;font-weight:700;color:#111}
.kl-tip-h2h .d{font-family:'JetBrains Mono',monospace;font-size:12px;color:#888;white-space:nowrap}
.kl-tip-note{background:#F3FAF7;border:1px solid #DCEDE5;border-left:3px solid #009168;border-radius:12px;padding:16px 20px;margin:22px 0}
.kl-tip-note-k{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#009168;margin:0 0 6px}
.kl-tip-note-t{font-size:15.5px;line-height:1.7;color:#333;font-style:italic;margin:0}
@media (max-width:640px){.kl-tip-tbl table{font-size:13px}.kl-tip-tbl th,.kl-tip-tbl td{padding:7px 8px}}

/* === TIP HERO V3 "SCOREBOARD" (21.07.2026, konsolidacija V1+V2 slojeva) === */
.kl-tip-hero{position:relative;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #EAEAEA;padding:0}
.kl-tip-hero::before{content:none}
.kl-tip-strip{background:#009168;color:#fff;padding:9px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.kl-tip-hero-body{padding:26px 28px 22px}
.kl-tip-result{display:inline-block;margin:0 0 14px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.08em;padding:5px 12px;border-radius:99px}
.kl-tip-result.win{background:#E0F2EC;color:#009168;border:1px solid #9fd0bd}
.kl-tip-result.loss{background:#FBEAEA;color:#C53030;border:1px solid #eec3c3}
.kl-tip-hero h2.kl-tip-match{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;margin:0 0 20px!important;padding:0!important;border:none!important;color:#111!important;font-family:'Inter',sans-serif}
.kl-tip-hero .kl-tip-match .tm{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:800;letter-spacing:-.3px;color:#111!important}
.kl-tip-hero .kl-tip-match .vs{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:#9db8ae!important;margin:0}
.kl-tip-ticker{display:flex;justify-content:center;align-items:baseline;gap:16px;padding:13px 0;border-top:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA;margin:0 0 18px;flex-wrap:wrap}
.kl-tip-tk-it{display:flex;align-items:baseline;gap:6px;font-family:'JetBrains Mono',monospace}
.kl-tip-tk-it .l{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#888}
.kl-tip-tk-it .v{font-size:18px;font-weight:800;color:#111}
.kl-tip-tk-it.hl .v{color:#009168}
.kl-tip-tk-sep{color:#EAEAEA}
.kl-tip-hero-foot{display:flex;align-items:center;gap:10px;padding-top:15px;border-top:1px solid #EAEAEA;flex-wrap:wrap}
.kl-tip-hero-foot .kl-tip-tipster{display:flex;align-items:center;gap:10px}
.kl-tip-hero-foot .kl-tip-tipster-n{font-weight:700;font-size:13px;color:#111}
.kl-tip-hero-foot .kl-tip-tipster-s{font-family:'JetBrains Mono',monospace;font-size:11px;color:#888;margin-top:1px}
.kl-tip-hero-foot .kl-tip-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;background:#E0F2EC;border:1px solid #b8dccd;color:#009168;font-weight:800;font-size:14px;flex:0 0 auto}
.kl-tip-hero-foot .kl-tip-dots{display:flex;gap:4px;margin-left:auto}
.kl-tip-hero-foot .kl-tip-dot{width:7px;height:7px;border-radius:50%;background:#dcefe7}
.kl-tip-hero-foot .kl-tip-dot.w{background:#009168}
.kl-tip-hero-foot .kl-tip-dot.l{background:#C53030}

/* Sistem dana parovi v2: mono-ticker redovi umjesto listic-stub kartica */
.kl-tip-pairs2{margin:0 0 16px}
.kl-tip-pairs2-head{display:grid;grid-template-columns:20px 1fr 84px 56px;gap:10px;padding:0 0 8px}
.kl-tip-pairs2-head span{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#888}
.kl-tip-pairs2-head span:nth-child(3){text-align:center}
.kl-tip-pairs2-head span:nth-child(4){text-align:right}
.kl-tip-pairs2-row{border-top:1px solid #EAEAEA;padding:11px 0}
.kl-tip-pairs2-row:last-child{border-bottom:1px solid #EAEAEA}
.kl-tip-pairs2-main{display:grid;grid-template-columns:20px 1fr 84px 56px;align-items:center;gap:10px;font-size:13px}
.kl-tip-pairs2-main .n{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:#888}
.kl-tip-pairs2-main .m{color:#111;font-weight:600;display:flex;align-items:center;gap:6px;min-width:0}
.kl-tip-pairs2-main .m span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kl-tip-pairs2-main .t{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:#006B4E;background:#E0F2EC;padding:2px 8px;border-radius:5px;text-align:center;justify-self:center}
.kl-tip-pairs2-main .o{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:800;color:#111;text-align:right}
.kl-tip-pairs2-note{font-size:12.5px;line-height:1.55;color:#666;margin:8px 0 0;padding-left:30px}
@media(max-width:480px){.kl-tip-pairs2-main .m span{white-space:normal;overflow:visible;text-overflow:clip}.kl-tip-pairs2-main{align-items:start}}
.kl-tip-max{display:flex;justify-content:center;align-items:baseline;gap:8px;padding:13px 0;border-top:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA;margin:0 0 18px;font-family:'JetBrains Mono',monospace}
.kl-tip-max .l{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#888}
.kl-tip-max .v{font-size:22px;font-weight:800;color:#009168}

/* Lanac chain v2: manji kruzici, reuse .kl-lc-step boja (definirano za hub) */
.kl-tip-chain2{display:flex;justify-content:center;gap:8px;margin:0 0 18px}
.kl-tip-chain2 .kl-lc-step{width:28px;height:28px;font-size:10.5px}

/* Ulog kalkulator (Tip dana + Sistem dana) */
.calc-box{background:#E0F2EC;border:1px solid #cfe6dc;border-radius:12px;padding:16px 18px;margin:0 0 18px}
.calc-example{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px;font-family:'JetBrains Mono',monospace;font-size:12.5px;color:#006B4E;padding-bottom:13px;margin-bottom:13px;border-bottom:1px dashed #b9dccd}
.calc-example .l{color:#4f7a68}
.calc-example b{font-size:15px;color:#006B4E}
.calc-tool label{display:block;font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#888;margin:0 0 8px}
.calc-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.calc-input-wrap{display:flex;align-items:center;background:#fff;border:1px solid #cfe6dc;border-radius:8px;padding:0 12px}
.calc-input-wrap span{font-family:'JetBrains Mono',monospace;font-size:14px;color:#888}
.calc-input{width:64px;border:none;background:none;font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:700;color:#111;padding:9px 4px;text-align:right}
.calc-input:focus{outline:2px solid #009168;outline-offset:1px}
.calc-arrow{color:#888;font-size:14px}
.calc-out{font-family:'JetBrains Mono',monospace;font-size:19px;font-weight:800;color:#009168}
@media(max-width:480px){.kl-tip-hero-body{padding:20px 18px 18px}.kl-tip-ticker{gap:10px}.kl-tip-hero .kl-tip-match .tm{font-size:19px}}

/* WIN/LOSS bedž V4: ribbon u kutu umjesto pill-a (21.07.2026, operator odobrio nakon 3 varijante) */
.kl-tip-hero-body{position:relative}
.kl-tip-result{position:absolute;top:10px;right:-36px;transform:rotate(40deg);display:block;margin:0;background:#00D982;color:#00341f;font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:800;letter-spacing:.06em;padding:5px 42px;box-shadow:0 2px 6px rgba(0,0,0,.15);z-index:3;pointer-events:none;border:none;white-space:nowrap}
.kl-tip-result.loss{background:#FF6B6B;color:#4a0000}

/* Tipster forma-traka: kruzici uz ime umjesto sub-teksta + usamljene tocke (21.07.2026) */
.kl-tip-form{display:flex;gap:4px;margin-left:2px}
.kl-tip-fdot{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:800;color:#fff;flex:0 0 auto}
.kl-tip-fdot.w{background:#009168}
.kl-tip-fdot.l{background:#C53030}
.kl-tip-fdot.e{background:#EAEAEA}
.kl-tip-tipster-av{display:flex;flex-direction:column;align-items:center;gap:3px}
.kl-tip-tipster-tag{font-family:'JetBrains Mono',monospace;font-size:7px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#aaa;line-height:1}

/* WIN ribbon: pop-in + povremeni shine sweep, POBJEDA osjeca "fensy" (21.07.2026) */
.kl-tip-result.win{overflow:hidden;animation:klWinPop .55s cubic-bezier(.34,1.56,.64,1) both}
.kl-tip-result.win::after{content:'';position:absolute;top:-14px;bottom:-14px;left:-10%;width:34%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.75),transparent);animation:klWinShine 2.6s ease-in-out 1s infinite}
@keyframes klWinPop{0%{transform:rotate(40deg) scale(.3);opacity:0}55%{transform:rotate(40deg) scale(1.15);opacity:1}100%{transform:rotate(40deg) scale(1);opacity:1}}
@keyframes klWinShine{0%{transform:translateX(-40%) skewX(-20deg)}100%{transform:translateX(340%) skewX(-20deg)}}
@media(prefers-reduced-motion:reduce){.kl-tip-result.win{animation:none}.kl-tip-result.win::after{animation:none}}
.kl-tip-result.win{background:#00D982!important;color:#00341f!important;border:none!important}

/* Ribbon fix: sprijeci shrink-to-fit lom teksta u dva reda na uskim ekranima (mobitel) */
.kl-tip-result{width:max-content!important;max-width:none!important}
@media(max-width:480px){.kl-tip-result{font-size:8px!important;padding:4px 26px!important;right:-30px!important;top:6px!important}}

/* Ribbon jos preduzak dijagonalno na uskim ekranima (dugi tekst tipa "nakon produzetaka") —
   plica kosina + manji font na mobitelu, posebna animacija jer keyframes hardkodiraju kut rotacije */
@keyframes klWinPopSm{0%{transform:rotate(26deg) scale(.3);opacity:0}55%{transform:rotate(26deg) scale(1.15);opacity:1}100%{transform:rotate(26deg) scale(1);opacity:1}}
@media(max-width:480px){
  .kl-tip-result{font-size:7px!important;padding:3px 16px!important;right:-20px!important;top:16px!important;transform:rotate(26deg)!important}
  .kl-tip-result.win{animation:klWinPopSm .55s cubic-bezier(.34,1.56,.64,1) both!important}
}
@media(max-width:480px){.kl-tip-result{font-size:9px;padding:4px 34px;right:-32px;top:8px}}

/* "Tko piše tipove" masthead red — /tipovi/ (21.07.2026) */
.kl-team-row{display:flex;gap:36px;margin:0 0 8px;flex-wrap:wrap}
.kl-team-item{flex:1;min-width:180px;text-align:center}
.kl-team-item img{width:76px;height:76px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 14px}
.kl-team-item .kl-team-nm{font-size:16px;font-weight:800;color:#111;margin:0 0 6px;letter-spacing:-.2px}
.kl-team-item .kl-team-bio{font-size:14px;line-height:1.6;color:#3f3f3f}
@media(max-width:640px){.kl-team-row{flex-direction:column;gap:28px}}

/* === REZULTAT V5 FINAL (21.07. navečer): "rezultat u traci", ribbon UKINUT ===
   Desni span trake postaje ✓ POBJEDA / ✕ GUBITAK, puna linija rezultata ispod imena utakmice.
   Stare .kl-tip-result definicije ostaju mrtve (HTML ih više ne generira). */
.kl-tip-score{text-align:center;font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#006B4E;margin:0 0 14px}
.kl-tip-score.loss{color:#C53030}
.kl-strip-res{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.kl-strip-res.loss{background:#C53030;color:#fff;padding:2px 9px;border-radius:5px;margin:-2px 0}
.kl-strip-res.win{animation:klResPulse .5s ease-out both}
@keyframes klResPulse{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.kl-strip-res.win{animation:none}}

/* "TIPSTER" kicker iznad footer reda (foto+ime nikad bez konteksta) */
.kl-tip-hero-foot{display:block!important}
.kl-tip-foot-k{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#888;margin:0 0 8px}
.kl-tip-hero-foot .kl-tip-tipster{display:flex;align-items:center;gap:10px}
.kl-tip-hero-foot .kl-tip-form{margin-left:auto;display:flex;align-items:center;gap:5px}
.kl-tip-form-lbl{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:.05em;text-transform:uppercase;color:#aaa;margin-right:1px;white-space:nowrap}
.kl-strip-res svg{vertical-align:-1px;margin-right:2px;flex:0 0 auto}

/* S4 (21.07.): traka MINT umjesto pune emerald — "svijetlo na svijetlom" kao tip hero i kalkulator */
.kl-tip-strip{background:#E0F2EC!important;color:#006B4E!important;border-bottom:1px solid #d8ece3}

/* Animacija ishoda: POBJEDA pop-in + kratki shine, GUBITAK shake (oba postuju reduced-motion) */
.kl-strip-res.win{position:relative;overflow:hidden}
.kl-strip-res.win::after{content:'';position:absolute;top:0;bottom:0;left:-30%;width:40%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.35),transparent);animation:klResShine 4.5s ease-in-out .5s infinite}
@keyframes klResShine{0%{transform:translateX(-60%)}100%{transform:translateX(360%)}}
@keyframes klResShake{0%{opacity:0;transform:translateX(0)}35%{opacity:1;transform:translateX(-3px)}55%{transform:translateX(3px)}75%{transform:translateX(-2px)}100%{opacity:1;transform:translateX(0)}}
.kl-strip-res.loss{animation:klResShake .55s ease-out both}
@media(prefers-reduced-motion:reduce){.kl-strip-res.win::after{animation:none}.kl-strip-res.loss{animation:none}}

/* ============ KLT5 — usporedna tablica (dark pruga) ============ */
.klt5{width:100vw;margin-left:calc(50% - 50vw);background:linear-gradient(150deg,#091c14,#03301f 55%,#00563c);padding:60px 0 66px;position:relative;overflow:hidden;font-family:'Inter','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.klt5::before{content:'';position:absolute;top:-140px;right:-80px;width:520px;height:520px;background:radial-gradient(circle,rgba(0,217,130,.14),transparent 65%);pointer-events:none}
.klt5-in{max-width:1180px;margin:0 auto;padding:0 20px;position:relative}
.klt5 h2{font-weight:700!important;color:#fff!important;font-size:30px;letter-spacing:-.4px;line-height:1.2;margin:0 0 8px}
.klt5-sub{font-size:15px;color:#a8c6ba;margin:0 0 26px}
.klt5-scroll{overflow-x:auto}
.klt5 table{width:100%;border-collapse:collapse}
.klt5 th{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#7fa896;font-weight:600;text-align:left;padding:0 14px 12px;border-bottom:1px solid rgba(255,255,255,.22)}
.klt5 td{padding:16px 14px;border-bottom:1px solid rgba(255,255,255,.09);vertical-align:middle;color:#d6e6de;font-size:13.5px}
.klt5 tbody tr:hover td{background:rgba(255,255,255,.045)}
.klt5 .rk{font-family:'JetBrains Mono',monospace;color:#7fa896;width:30px;font-size:12px}
.klt5 .nm{font-weight:700;color:#fff;font-size:15.5px;white-space:nowrap}
.klt5 .sc{font-family:'JetBrains Mono',monospace;font-feature-settings:'tnum' 1;font-weight:700;font-size:21px;color:#00D982}
.klt5 .ac{text-align:right;white-space:nowrap}
.klt5 .ac a{margin-left:6px;border-bottom:none!important}
.klt5-a,.klt5-a:link,.klt5-a:visited{display:inline-block;font-size:12.5px;font-weight:600;text-decoration:none!important;padding:8px 13px;border-radius:8px;background:#00D982;color:#06281a!important;transition:.15s;white-space:nowrap}
.klt5-a:hover{background:#31e49c;color:#06281a!important}
.klt5-b,.klt5-b:link,.klt5-b:visited{display:inline-block;font-size:12.5px;font-weight:600;text-decoration:none!important;padding:8px 13px;border-radius:8px;color:#d6e6de!important;border:1px solid rgba(255,255,255,.25);transition:.15s;white-space:nowrap}
.klt5-b:hover{border-color:#00D982;color:#fff!important}
@media(max-width:900px){.klt5 .of{display:none}}

/* ============ KLKO — kako odabrati (auto-hod, dark pruga) ============ */
.klko{width:100vw;margin-left:calc(50% - 50vw);background:linear-gradient(150deg,#091c14,#03301f 55%,#00563c);padding:62px 0 66px;position:relative;overflow:hidden;font-family:'Inter','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.klko::before{content:'';position:absolute;top:-150px;left:22%;width:560px;height:560px;background:radial-gradient(circle,rgba(0,217,130,.13),transparent 65%);pointer-events:none}
.klko-in{max-width:1180px;margin:0 auto;padding:0 20px;position:relative}
.klko h2{font-weight:700!important;color:#fff!important;font-size:30px;letter-spacing:-.4px;line-height:1.2;margin:0 0 8px}
.klko-sub{font-size:15px;color:#a8c6ba;margin:0 0 40px;max-width:640px}
.klko-wrap{position:relative;padding-top:30px}
.klko-track{position:absolute;top:0;left:12.5%;right:12.5%;height:3px;background:rgba(255,255,255,.14);border-radius:3px;overflow:hidden}
.klko-fill{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#009168,#00D982);transform:scaleX(0);transform-origin:left;box-shadow:0 0 14px rgba(0,217,130,.5)}
.klko-wrap.go .klko-fill{animation:klkoW 7s cubic-bezier(.45,0,.3,1) .2s forwards}
@keyframes klkoW{0%{transform:scaleX(0)}22%{transform:scaleX(.34)}34%{transform:scaleX(.34)}52%{transform:scaleX(.67)}64%{transform:scaleX(.67)}86%{transform:scaleX(1)}100%{transform:scaleX(1)}}
.klko-node{position:absolute;top:-8px;width:19px;height:19px;border-radius:50%;background:#0a2c1d;border:3px solid rgba(255,255,255,.22);transform:translateX(-50%);transition:.3s}
.klko-wrap.go .klko-node{border-color:#00D982}
.klko-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.klko-c{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:22px 20px;opacity:.45;transform:translateY(10px)}
.klko-c .kk{font-family:'JetBrains Mono',monospace;font-size:10px;color:#7fa896;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:8px}
.klko-c h3{margin:0 0 7px!important;font-size:15.5px;color:#fff!important;letter-spacing:-.2px;font-weight:700!important}
.klko-c p{margin:0;font-size:13.5px;line-height:1.6;color:#a8c6ba}
.klko-wrap.go .klko-c{animation:klkoA 7s .2s forwards}
.klko-wrap.go .klko-c:nth-child(2){animation-name:klkoB}
.klko-wrap.go .klko-c:nth-child(3){animation-name:klkoC}
.klko-wrap.go .klko-c:nth-child(4){animation-name:klkoD}
@keyframes klkoA{0%{opacity:.45;transform:translateY(10px)}4%,30%{opacity:1;transform:none;border-color:rgba(0,217,130,.55);background:rgba(255,255,255,.1)}36%,100%{opacity:1;transform:none;border-color:rgba(255,255,255,.13)}}
@keyframes klkoB{0%,22%{opacity:.45;transform:translateY(10px)}28%,58%{opacity:1;transform:none;border-color:rgba(0,217,130,.55);background:rgba(255,255,255,.1)}64%,100%{opacity:1;transform:none;border-color:rgba(255,255,255,.13)}}
@keyframes klkoC{0%,50%{opacity:.45;transform:translateY(10px)}56%,84%{opacity:1;transform:none;border-color:rgba(0,217,130,.55);background:rgba(255,255,255,.1)}90%,100%{opacity:1;transform:none;border-color:rgba(255,255,255,.13)}}
@keyframes klkoD{0%,80%{opacity:.45;transform:translateY(10px)}88%,100%{opacity:1;transform:none;border-color:rgba(0,217,130,.55);background:rgba(255,255,255,.1)}}
.klko-cta{text-align:center;margin-top:40px}
.klko-cta a,.klko-cta a:link,.klko-cta a:visited{display:inline-flex;align-items:center;gap:9px;text-decoration:none!important;border-bottom:none!important;background:#fff;color:#006B4E!important;font-weight:600;font-size:15px;padding:14px 30px;border-radius:9px;transition:.2s}
.klko-cta a:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.3);background:#E0F2EC;color:#006B4E!important}
@media(max-width:900px){.klko-grid{grid-template-columns:1fr 1fr}.klko-track,.klko-node{display:none}}
@media(max-width:520px){.klko-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.klko-c{opacity:1!important;transform:none!important;animation:none!important}.klko-fill{transform:none!important;animation:none!important}}

/* ============ KLFAQ — site-wide FAQ (split sticky) ============ */
.klfaq{display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:start;max-width:1180px;margin:56px auto 24px;padding:0 20px;font-family:'Inter','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.klfaq aside{position:sticky;top:80px}
.klfaq aside h2{font-weight:700!important;color:#111!important;font-size:30px;letter-spacing:-.4px;line-height:1.2;margin:0 0 10px}
.klfaq aside h2::before{content:'';width:8px;height:8px;border-radius:50%;background:#009168;display:none;margin-right:10px;vertical-align:4px}
body.home .klfaq aside h2::before{display:inline-block!important}
.klfaq-d{font-size:14.5px;line-height:1.65;color:#444;margin:0 0 18px}
.klfaq-cta,.klfaq-cta:link,.klfaq-cta:visited{font-size:13.5px;font-weight:600;color:#006B4E!important;text-decoration:none!important;border:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA!important;padding:10px 16px;border-radius:9px;display:inline-block;transition:.15s}
.klfaq-cta:hover{border-color:#009168!important;border-bottom:1px solid #009168!important}
.klfaq-list details{border-bottom:1px solid #EAEAEA;border-left:0;border-right:0;border-top:0;background:transparent;padding:0;margin:0}
.klfaq-list details:first-child{border-top:2px solid #111}
.klfaq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 4px;font-size:16.5px;font-weight:600;color:#111;letter-spacing:-.2px;transition:.15s}
.klfaq-list summary::-webkit-details-marker{display:none}
.klfaq-list summary::marker{content:''}
.klfaq-list summary:hover{color:#006B4E;padding-left:10px}
.klfaq-list summary::after{content:'+';flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:1px solid #EAEAEA;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:14px;color:#009168;transition:.25s}
.klfaq-list details[open] summary::after{transform:rotate(45deg);background:#009168;color:#fff;border-color:#009168}
.klfaq-list .rank-math-answer{padding:0 40px 20px 4px;font-size:14.5px;line-height:1.7;color:#444}
.klfaq-list details[open] .rank-math-answer{animation:klfaqin .35s ease}
@keyframes klfaqin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:900px){.klfaq{grid-template-columns:1fr;gap:20px}.klfaq aside{position:static}}
@media(prefers-reduced-motion:reduce){.klfaq-list details[open] .rank-math-answer{animation:none}}

/* ============ KLPIL — /kladionice/ cinema kartice ============ */
.klpil{max-width:1180px;margin:10px auto 40px;padding:0 20px;display:flex;flex-direction:column;gap:18px;font-family:'Inter','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.klpil a{border-bottom:none!important;text-decoration:none!important}
.klpil-c{background:linear-gradient(150deg,#091c14,#03301f 55%,#00563c);border-radius:20px;position:relative;overflow:hidden;color:#c3dcd1}
.klpil-c::before{content:'';position:absolute;top:-120px;right:-60px;width:420px;height:420px;background:radial-gradient(circle,rgba(0,217,130,.15),transparent 65%);pointer-events:none}
.klpil-stage{position:relative;background:radial-gradient(120% 90% at 50% 0,rgba(0,217,130,.13),transparent 60%),rgba(0,0,0,.22);display:flex;justify-content:center;padding:32px 30px 0;overflow:hidden}
.klpil-brw{width:560px;max-width:78%;border-radius:10px 10px 0 0;overflow:hidden;background:#fff;box-shadow:0 22px 50px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.14);border-bottom:0;display:block}
.klpil-bh{height:22px;background:#1c2a23;display:flex;align-items:center;gap:5px;padding:0 10px}
.klpil-bh i{width:7px;height:7px;border-radius:50%;background:#3a4f44;display:block}
.klpil-bh i:nth-child(1){background:#e0655a}
.klpil-bh i:nth-child(2){background:#e0b34f}
.klpil-bh i:nth-child(3){background:#57bd7f}
.klpil-shot{display:block;height:250px;overflow:hidden;background:#fff;position:relative}
.klpil-shot img{width:100%!important;height:auto!important;display:block;border-radius:0!important;box-shadow:none!important;transition:transform 8s linear}
.klpil-c:hover .klpil-brw .klpil-shot img{transform:translateY(calc(-100% + 250px))}
.klpil-phn{position:absolute;width:118px;height:205px;right:calc(50% - 400px);bottom:-10px;border-radius:15px;border:4px solid #0b0f0d;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.5);background:#fff}
.klpil-phn .klpil-shot{position:absolute;top:0;left:0;right:0;bottom:0;height:auto}
.klpil-c:hover .klpil-phn .klpil-shot img{transform:translateY(calc(-100% + 197px))}
.klpil-skel{background-image:repeating-linear-gradient(180deg,#f3f5f4 0 14px,#e9edeb 14px 22px)}
.klpil-tx{display:grid;grid-template-columns:76px 1fr auto;gap:20px;align-items:center;padding:22px 28px 26px;border-top:1px solid rgba(255,255,255,.1);position:relative}
.klpil-lg{width:76px;height:76px;border-radius:14px;background:#fff;padding:11px;display:flex;align-items:center;justify-content:center}
.klpil-lg img{max-width:100%;max-height:100%;width:auto!important;height:auto!important;display:block;border-radius:0!important;box-shadow:none!important}
.klpil-mid{display:flex;flex-direction:column;gap:8px;min-width:0}
.klpil-bdg{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;background:#00D982;color:#06281a;border-radius:999px;padding:5px 12px;font-weight:700;width:max-content}
.klpil-bdg.gh{background:rgba(255,255,255,.12);color:#d6efe4}
.klpil-nm b{font-size:21px;color:#fff;font-weight:700;letter-spacing:-.3px;display:block;margin-bottom:4px}
.klpil-hsc{display:flex;align-items:center;gap:9px}
.klpil-hsc i{font-style:normal;font-family:'JetBrains Mono',monospace;font-feature-settings:'tnum' 1;font-weight:700;font-size:18px;color:#00D982}
.klpil-hsc em{font-style:normal;font-size:11px;color:#7fa896}
.klpil-stars{position:relative;display:inline-block;font-size:14px;line-height:1;letter-spacing:2px}
.klpil-stars .bg{color:rgba(255,255,255,.28)}
.klpil-stars .fg{position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden;color:#f2b01e}
.klpil-of{font-size:13.5px;line-height:1.6;color:#c3dcd1;margin:0!important}
.klpil-acts{display:flex;flex-direction:column;gap:10px}
.klpil-g,.klpil-g:link,.klpil-g:visited{display:inline-block;font-size:14px;font-weight:700;text-decoration:none!important;padding:12px 22px;border-radius:9px;background:#00D982;color:#06281a!important;transition:.15s;white-space:nowrap;text-align:center}
.klpil-g:hover{background:#31e49c;color:#06281a!important;transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,217,130,.3)}
.klpil-o,.klpil-o:link,.klpil-o:visited{display:inline-block;font-size:13px;font-weight:600;text-decoration:none!important;padding:11px 17px;border-radius:9px;color:#d6e6de!important;border:1px solid rgba(255,255,255,.28);transition:.15s;white-space:nowrap;text-align:center}
.klpil-o:hover{border-color:#00D982;color:#fff!important}
@media(max-width:960px){
.klpil-brw{max-width:100%;width:420px}
.klpil-phn{right:8px}
.klpil-tx{grid-template-columns:60px 1fr;gap:14px}
.klpil-lg{width:60px;height:60px;padding:9px}
.klpil-acts{grid-column:1/-1;flex-direction:row}
}

/* ============ FIXEVI 23.07. navečer ============ */
/* klfaq: override starog globalnog Q-badge FAQ dizajna unutar split komponente */
.klfaq .wp-block-rank-math-faq-block{max-width:none!important;margin:0!important}
.klfaq-list details.rank-math-faq-item{border:0!important;border-bottom:1px solid #EAEAEA!important;border-radius:0!important;background:transparent!important;margin:0!important;box-shadow:none!important;padding:0!important}
.klfaq-list details.rank-math-faq-item:first-child{border-top:2px solid #111!important}
.klfaq-list details.rank-math-faq-item:hover{border-color:#EAEAEA!important;border-bottom-color:#EAEAEA!important;box-shadow:none!important}
.klfaq-list details.rank-math-faq-item .rank-math-question{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;text-align:left!important;padding:19px 4px!important;margin:0!important;font-size:16.5px!important;font-weight:600!important;color:#111!important;letter-spacing:-.2px!important;line-height:1.4!important}
.klfaq-list .rank-math-question::before{display:none!important;content:none!important}
.klfaq-list details.rank-math-faq-item .rank-math-question::after{content:'+'!important;position:static!important;transform:none!important;width:26px!important;height:26px!important;border:1px solid #EAEAEA!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-family:'JetBrains Mono',monospace!important;font-size:14px!important;color:#009168!important;background:transparent!important;transition:.25s!important;flex:0 0 auto}
.klfaq-list details.rank-math-faq-item[open] .rank-math-question::after{transform:rotate(45deg)!important;background:#009168!important;color:#fff!important;border-color:#009168!important}
.klfaq-list details.rank-math-faq-item .rank-math-question:hover{color:#006B4E!important}
.klfaq-list details.rank-math-faq-item .rank-math-answer{margin:0!important;padding:0 40px 20px 4px!important;font-size:14.5px!important;line-height:1.7!important;color:#444!important;text-align:left!important}
@media(max-width:540px){.klfaq-list details.rank-math-faq-item .rank-math-question{padding:16px 2px!important}.klfaq-list details.rank-math-faq-item .rank-math-answer{padding:0 8px 16px 2px!important}}

/* klko: na mobitelu bez auto-hod koreografije, kartice odmah vidljive */
@media(max-width:900px){
.klko-c{opacity:1!important;transform:none!important;animation:none!important}
.klko-wrap.go .klko-c{animation:none!important}
}

/* klt5: CTA gumbi bez preklapanja, hover pruga ne prelazi preko gumba */
.klt5 .ac a{display:inline-block;margin:3px 0 3px 8px;vertical-align:middle}
.klt5-b,.klt5-b:link,.klt5-b:visited{background:rgba(9,28,20,.55)}
.klt5 tbody tr:hover td.ac{background:transparent!important}
@media(max-width:760px){.klt5 .ac a{display:block;margin:6px 0 0}.klt5 td{padding:14px 10px}}

/* ============ KLTM — teme koje pokrivamo (mint most između tamnih pruga) ============ */
.kltm{width:100vw;margin-left:calc(50% - 50vw);background:linear-gradient(180deg,#f2faf7,#E0F2EC);padding:56px 0 60px;font-family:'Inter','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.kltm-in{max-width:1180px;margin:0 auto;padding:0 20px}
.kltm-k{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#006B4E;margin:0 0 10px}
.kltm h2{font-weight:700!important;color:#111!important;font-size:30px;letter-spacing:-.4px;line-height:1.2;margin:0 0 22px}
.kltm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.kltm-c,.kltm-c:link,.kltm-c:visited{display:block;background:#fff;border:1px solid rgba(0,107,78,.14);border-radius:12px;padding:18px;text-decoration:none!important;box-shadow:0 2px 10px rgba(0,107,78,.05);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.kltm-c:hover{border-color:#009168;transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,107,78,.14)}
.kltm-c *{border-bottom:none!important;text-decoration:none!important}
.kltm-h{font-weight:700;color:#111!important;font-size:15px;letter-spacing:-.2px;margin:0 0 5px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.kltm-h span{font-family:'JetBrains Mono',monospace;color:#009168;font-weight:600;transition:transform .2s ease}
.kltm-c:hover .kltm-h span{transform:translateX(3px)}
.kltm-p{font-size:12.5px;line-height:1.5;color:#444!important;margin:0}
@media(max-width:860px){.kltm-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.kltm-grid{grid-template-columns:1fr}.kltm h2{font-size:25px}}

/* ============ KLPIL v4: telefon LIJEVO + scroll entrance animacija ============ */
.klpil-phn{right:auto;left:calc(50% - 400px)}
@media(max-width:960px){.klpil-phn{left:8px!important;right:auto!important}}
.klpil-anim .klpil-c{opacity:0;transform:translateY(46px)}
.klpil-anim .klpil-c.klgo{opacity:1;transform:none;transition:opacity .6s ease,transform .65s cubic-bezier(.2,.8,.3,1.1)}
.klpil-anim .klpil-brw{opacity:0;transform:translateY(-34px)}
.klpil-anim .klgo .klpil-brw{opacity:1;transform:none;transition:opacity .55s ease .18s,transform .6s cubic-bezier(.2,.8,.3,1.1) .18s}
.klpil-anim .klpil-phn{opacity:0;transform:translateY(-70px) rotate(-7deg)}
.klpil-anim .klgo .klpil-phn{opacity:1;transform:none;transition:opacity .5s ease .3s,transform .65s cubic-bezier(.34,1.45,.45,1) .3s}
@media(prefers-reduced-motion:reduce){.klpil-anim .klpil-c,.klpil-anim .klpil-brw,.klpil-anim .klpil-phn{opacity:1!important;transform:none!important}}

/* ============ FIXEVI 23.07. kasno navečer ============ */
/* klpil gumbi: jači kontrast na svijetlijem dijelu gradijenta */
.klpil-o,.klpil-o:link,.klpil-o:visited{background:rgba(6,40,26,.55);border:1px solid rgba(255,255,255,.45);color:#fff!important;font-weight:700}
.klpil-o:hover{background:rgba(6,40,26,.8);border-color:#00D982;color:#fff!important}
.klpil-g,.klpil-g:link,.klpil-g:visited{box-shadow:0 6px 18px rgba(0,0,0,.28);color:#052e1d!important}
/* klt5 mobile: tablica postaje kartice */
@media(max-width:760px){
.klt5 thead{display:none}
.klt5 table,.klt5 tbody,.klt5 tr,.klt5 td{display:block;width:100%}
.klt5 tr{position:relative;border:1px solid rgba(255,255,255,.15)!important;border-radius:14px;padding:16px!important;margin:0 0 12px;background:rgba(255,255,255,.05)}
.klt5 td{padding:0!important;border-bottom:0!important}
.klt5 tbody tr:hover td{background:transparent!important}
.klt5 .rk{position:absolute;top:16px;right:16px;width:auto}
.klt5 .nm{font-size:17px;padding-right:44px!important;white-space:normal}
.klt5 .sc{margin:2px 0 8px;font-size:19px}
.klt5 .of{display:block!important;font-size:13px;line-height:1.55;color:#a8c6ba;margin:0 0 12px}
.klt5 .ac{text-align:left;display:flex;gap:8px}
.klt5 .ac a{flex:1;margin:0!important;display:block}
}

/* ============ CTA GUMBI — puna zelena + bijeli tekst, bez theme hover underlinea (23.07.) ============ */
/* Pillar kartice */
.klpil-g,.klpil-g:link,.klpil-g:visited,.klpil-g:hover,.klpil-g:focus,.klpil-g:active{color:#fff!important;text-decoration:none!important}
.klpil-g{background:#009168!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 8px 22px rgba(0,0,0,.3);font-weight:700}
.klpil-g:hover{background:#00B582!important;border-color:rgba(255,255,255,.45)!important;transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.35)}
.klpil-o,.klpil-o:link,.klpil-o:visited,.klpil-o:hover,.klpil-o:focus,.klpil-o:active{color:#fff!important;text-decoration:none!important}
.klpil-o{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.5)!important}
.klpil-o:hover{background:rgba(255,255,255,.16)!important;border-color:#00D982!important}
/* Homepage dark tablica */
.klt5-a,.klt5-a:link,.klt5-a:visited,.klt5-a:hover,.klt5-a:focus,.klt5-a:active{color:#fff!important;text-decoration:none!important}
.klt5-a{background:#009168!important;border:1px solid rgba(255,255,255,.28);font-weight:700}
.klt5-a:hover{background:#00B582!important}
.klt5-b,.klt5-b:link,.klt5-b:visited,.klt5-b:hover,.klt5-b:focus,.klt5-b:active{color:#fff!important;text-decoration:none!important}
.klt5-b{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.45)!important}
.klt5-b:hover{background:rgba(255,255,255,.15)!important;border-color:#00D982!important}
/* ACES gumbi (recenzije/listing): makni theme underline na hover */
div[class^="space-"] a:hover,div[class*=" space-"] a:hover{text-decoration:none!important;border-bottom-color:transparent!important}

/* ============ CTA NUKLEARNO (max specificitet — pobjeđuje sve prethodne color rule-ove) ============ */
.klpil span.klpil-acts a.klpil-g,.klpil span.klpil-acts a.klpil-g:link,.klpil span.klpil-acts a.klpil-g:visited,.klpil span.klpil-acts a.klpil-g:hover,.klpil span.klpil-acts a.klpil-g:focus,.klpil span.klpil-acts a.klpil-g:active{color:#ffffff!important;background:#009168!important;text-decoration:none!important;-webkit-text-fill-color:#ffffff!important}
.klpil span.klpil-acts a.klpil-g:hover{background:#00B582!important}
.klpil span.klpil-acts a.klpil-o,.klpil span.klpil-acts a.klpil-o:link,.klpil span.klpil-acts a.klpil-o:visited,.klpil span.klpil-acts a.klpil-o:hover,.klpil span.klpil-acts a.klpil-o:focus,.klpil span.klpil-acts a.klpil-o:active{color:#ffffff!important;text-decoration:none!important;-webkit-text-fill-color:#ffffff!important}
.klt5 td.ac a.klt5-a,.klt5 td.ac a.klt5-a:link,.klt5 td.ac a.klt5-a:visited,.klt5 td.ac a.klt5-a:hover,.klt5 td.ac a.klt5-a:focus,.klt5 td.ac a.klt5-a:active{color:#ffffff!important;background:#009168!important;text-decoration:none!important;-webkit-text-fill-color:#ffffff!important}
.klt5 td.ac a.klt5-a:hover{background:#00B582!important}
.klt5 td.ac a.klt5-b,.klt5 td.ac a.klt5-b:link,.klt5 td.ac a.klt5-b:visited,.klt5 td.ac a.klt5-b:hover,.klt5 td.ac a.klt5-b:focus,.klt5 td.ac a.klt5-b:active{color:#ffffff!important;text-decoration:none!important;-webkit-text-fill-color:#ffffff!important}
/* ============ ACES SHORTCODE GUMBI (recenzije + listing) — isti CTA standard, ciljano po href-u ============ */
div[class*="space-"] a[href*="/partner/"],div[class*="space-"] a[href*="/partner/"]:link,div[class*="space-"] a[href*="/partner/"]:visited{background:#009168!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;text-decoration:none!important;text-shadow:none!important;box-shadow:0 6px 18px rgba(0,107,78,.25)!important;font-weight:700!important}
div[class*="space-"] a[href*="/partner/"]:hover{background:#00B582!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;text-decoration:none!important}
div[class*="space-"] a[href*="/partner/"] *{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;text-decoration:none!important}
div[class*="space-"] a[href^="https://kladionica.org/kladionica/"]:hover,div[class*="space-"] a[href^="/kladionica/"]:hover{text-decoration:none!important}

/* ============ CTA PILL — odabrani dizajn 5 (23.07.) ============ */
.klpil span.klpil-acts a.klpil-g,div[class*="space-"] a[href*="/partner/"]{border-radius:999px!important;padding:13px 26px!important}
.klpil span.klpil-acts a.klpil-o{border-radius:999px!important;border-width:2px!important;padding:11px 22px!important;background:transparent!important}
.klpil span.klpil-acts a.klpil-o:hover{background:rgba(255,255,255,.08)!important;border-color:#00D982!important}
.klt5 td.ac a.klt5-a{border-radius:999px!important;padding:9px 18px!important}
.klt5 td.ac a.klt5-b{border-radius:999px!important;border-width:2px!important;padding:8px 16px!important;background:transparent!important}
.klt5 td.ac a.klt5-b:hover{background:rgba(255,255,255,.08)!important;border-color:#00D982!important}
/* ============ KLTM featured tipovi kartica ============ */
.kltm-feat,.kltm-feat:link,.kltm-feat:visited{display:block;background:linear-gradient(150deg,#091c14,#03301f 55%,#00563c);border-radius:14px;padding:22px 26px;margin:0 0 12px;text-decoration:none!important;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.kltm-feat::before{content:'';position:absolute;top:-90px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(0,217,130,.16),transparent 65%);pointer-events:none}
.kltm-feat:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,60,40,.28)}
.kltm-feat *{border-bottom:none!important;text-decoration:none!important}
.kltm-flive{display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#00D982;margin-bottom:8px}
.kltm-flive::before{content:'';width:7px;height:7px;border-radius:50%;background:#00D982;animation:klivepulse 1.6s infinite}
@keyframes klivepulse{0%,100%{opacity:1}50%{opacity:.35}}
.kltm-fh{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:700;color:#fff!important;font-size:19px;letter-spacing:-.3px}
.kltm-fh span{font-family:'JetBrains Mono',monospace;color:#00D982;transition:transform .2s ease}
.kltm-feat:hover .kltm-fh span{transform:translateX(4px)}
.kltm-fp{margin:6px 0 0;font-size:13.5px;line-height:1.55;color:#a8c6ba!important;max-width:640px}
@media(prefers-reduced-motion:reduce){.kltm-flive::before{animation:none}}
/* ============ A11Y: fokus stanja ============ */
a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid #009168!important;outline-offset:3px!important}

/* ============ CTA PILL polish: jednake širine + proporcije (23.07.) ============ */
.klpil span.klpil-acts{align-items:stretch;min-width:210px}
.klpil span.klpil-acts a.klpil-g,.klpil span.klpil-acts a.klpil-o{display:block;text-align:center;line-height:1.25;white-space:nowrap}
.klpil span.klpil-acts a.klpil-g{padding:14px 28px!important;font-size:14.5px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 22px rgba(0,0,0,.3)}
.klpil span.klpil-acts a.klpil-g:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 12px 26px rgba(0,0,0,.35)}
.klpil span.klpil-acts a.klpil-o{padding:12px 24px!important;border-color:rgba(255,255,255,.55)!important}
@media(max-width:960px){.klpil span.klpil-acts{min-width:0;width:100%}.klpil span.klpil-acts a.klpil-g,.klpil span.klpil-acts a.klpil-o{flex:1}}

/* ============ CTA: pill ne sjeda (render artefakt) → meko zaobljenje 14px (23.07. finalno) ============ */
.klpil span.klpil-acts a.klpil-g,.klpil span.klpil-acts a.klpil-o,.klt5 td.ac a.klt5-a,.klt5 td.ac a.klt5-b,div[class*="space-"] a[href*="/partner/"]{border-radius:14px!important}
.klpil span.klpil-acts a.klpil-o,.klt5 td.ac a.klt5-b{border-width:1.5px!important}
.klt5 td.ac a.klt5-a{padding:10px 18px!important}
.klt5 td.ac a.klt5-b{padding:9px 16px!important}

/* ============ CTA ROOT-CAUSE FIX: `.klpil a{border-bottom:none}` (anti-underline) je skidao donji rub gumba → dijagonalno rezani kutovi. Vraćam donji border. ============ */
.klpil span.klpil-acts a.klpil-g,.klpil span.klpil-acts a.klpil-g:hover{border:1px solid rgba(255,255,255,.28)!important;border-bottom:1px solid rgba(255,255,255,.28)!important}
.klpil span.klpil-acts a.klpil-o,.klpil span.klpil-acts a.klpil-o:hover{border:1.5px solid rgba(255,255,255,.55)!important;border-bottom:1.5px solid rgba(255,255,255,.55)!important}
.klpil span.klpil-acts a.klpil-o:hover{border-color:#00D982!important;border-bottom-color:#00D982!important}
.klt5 td.ac a.klt5-a,.klt5 td.ac a.klt5-a:hover{border:1px solid rgba(255,255,255,.28)!important;border-bottom:1px solid rgba(255,255,255,.28)!important}
.klt5 td.ac a.klt5-b,.klt5 td.ac a.klt5-b:hover{border:1.5px solid rgba(255,255,255,.45)!important;border-bottom:1.5px solid rgba(255,255,255,.45)!important}
.klt5 td.ac a.klt5-b:hover{border-color:#00D982!important;border-bottom-color:#00D982!important}
/* radius i boje ostaju iz prethodnih pravila (14px, #009168/bijelo) */

/* ============ CTA FINALNO: PILL (operatorova odluka, border fix na mjestu) ============ */
.klpil span.klpil-acts a.klpil-g,.klpil span.klpil-acts a.klpil-o,.klt5 td.ac a.klt5-a,.klt5 td.ac a.klt5-b,div[class*="space-"] a[href*="/partner/"]{border-radius:999px!important}

/* ============ KLTF — Teme: Featured split (runda 1 V1, operatorov izbor 23.07.) ============ */
.kltf{max-width:1180px;margin:48px auto 8px;padding:0 20px;font-family:'Inter','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.kltf-k{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#006B4E;margin:0 0 10px}
.kltf-t{font-weight:700!important;color:#111!important;font-size:30px;letter-spacing:-.4px;line-height:1.2;margin:0 0 22px}
.kltf-grid{display:grid;grid-template-columns:1.05fr 1.6fr;gap:12px;align-items:stretch}
.kltf-feat,.kltf-feat:link,.kltf-feat:visited{display:flex;flex-direction:column;gap:14px;background:linear-gradient(150deg,#091c14,#03301f 55%,#00563c);border-radius:16px;padding:24px;text-decoration:none!important;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.kltf-feat::before{content:'';position:absolute;top:-90px;right:-70px;width:320px;height:320px;background:radial-gradient(circle,rgba(0,217,130,.16),transparent 65%);pointer-events:none}
.kltf-feat:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,60,40,.3)}
.kltf-feat *{border-bottom:none!important;text-decoration:none!important}
.kltf-live{display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#00D982}
.kltf-live::before{content:'';width:7px;height:7px;border-radius:50%;background:#00D982;animation:klivepulse 1.6s infinite}
.kltf-h3{color:#fff!important;font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.3}
.kltf-p{color:#a8c6ba!important;font-size:13.5px;line-height:1.6;margin:0}
.kltf-tk{display:block;background:#fff;border-radius:12px;padding:13px 15px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.kltf-tk-top{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px dashed #d8ddda;padding-bottom:9px;margin-bottom:9px}
.kltf-tk-top b{font-weight:700;color:#111;font-size:13px}
.kltf-tk-top i{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:10px;color:#888;letter-spacing:.08em}
.kltf-tk-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;color:#888}
.kltf-tk-row b{font-family:'JetBrains Mono',monospace;font-feature-settings:'tnum' 1;font-weight:700;font-size:13.5px;color:#111;margin-left:4px}
.kltf-wl{display:inline-flex;gap:4px}
.kltf-wl i{width:14px;height:14px;border-radius:50%;font-style:normal;font-size:8.5px;font-weight:700;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace}
.kltf-wl .w{background:#009168}
.kltf-wl .l{background:#C53030}
.kltf-wl .e{background:#d5ddd9}
.kltf-cta{margin-top:auto;font-weight:600;font-size:14px;color:#fff!important;display:flex;align-items:center;gap:8px}
.kltf-cta span{font-family:'JetBrains Mono',monospace;color:#00D982;transition:transform .2s ease}
.kltf-feat:hover .kltf-cta span{transform:translateX(4px)}
.kltf-topics{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:stretch}
@media(max-width:900px){.kltf-grid{grid-template-columns:1fr}}
@media(max-width:480px){.kltf-topics{grid-template-columns:1fr}.kltf-t{font-size:25px}}
@media(prefers-reduced-motion:reduce){.kltf-live::before{animation:none}}

/* ============ KLTF v2: tipster red + pill CTA (odabir 23.07.) ============ */
.kltf-tip{display:flex;align-items:center;gap:9px;margin-bottom:9px;padding-bottom:9px;border-bottom:1px dashed #d8ddda}
.kltf-tip img.kltf-av{width:32px;height:32px;border-radius:50%!important;object-fit:cover;flex:0 0 auto;box-shadow:none!important;display:block}
.kltf-av-ltr{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#0b241a,#00704f);color:#4ade80;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;font-family:'JetBrains Mono',monospace;flex:0 0 auto}
.kltf-tip b{font-size:12.5px;color:#111;display:block;font-weight:700}
.kltf-tip i{font-style:normal;font-size:11px;color:#888;display:block;line-height:1.35}
.kltf-wl span{width:14px;height:14px;border-radius:50%;font-style:normal;font-size:8.5px;font-weight:700;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace}
.kltf-wl span.w{background:#009168}
.kltf-wl span.l{background:#C53030}
.kltf-wl span.e{background:#d5ddd9}
.kltf-pill{margin-top:auto;align-self:flex-start;background:#00D982;color:#06281a!important;font-weight:700;font-size:13.5px;padding:11px 22px;border-radius:999px;transition:background .2s ease,transform .2s ease}
.kltf-feat:hover .kltf-pill{background:#31e49c;transform:translateY(-1px)}
@media(max-width:480px){.kltf-pill{align-self:stretch;text-align:center}}

/* kltf-pill = isti CTA standard kao svi ostali (23.07.) */
.kltf-pill{background:#009168!important;color:#fff!important;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 20px rgba(0,0,0,.25)}
.kltf-feat:hover .kltf-pill{background:#00B582!important;color:#fff!important}

/* ============ KLPIL MOBILE FIX (23.07.): samo telefon, centriran, auto-vožnja; gumbi 50/50 ============ */
@media(max-width:700px){
.klpil-stage{padding:22px 16px 0}
.klpil-brw{display:none}
.klpil-phn{position:static;width:158px;height:272px;margin:0 auto -1px;border-radius:20px;left:auto!important;right:auto!important;bottom:auto}
.klpil-anim .klpil-phn{transform:translateY(-40px) rotate(-5deg)}
.klpil-anim .klgo .klpil-phn{transform:none}
.klpil-anim .klgo .klpil-phn .klpil-shot img{animation:klpilride 16s linear 1.4s 1}
.klpil-tx{padding:18px 18px 20px;gap:12px}
.klpil-acts{flex-direction:row;gap:8px}
.klpil-acts a,.klpil span.klpil-acts a.klpil-g,.klpil span.klpil-acts a.klpil-o{flex:1;min-width:0;padding:12px 10px!important;font-size:13px!important;white-space:nowrap;display:block;text-align:center}
.klpil span.klpil-acts{min-width:0;width:100%}
.klpil-nm b{font-size:19px}
.klpil-of{font-size:13px}
}
@keyframes klpilride{0%{transform:translateY(0)}50%{transform:translateY(calc(-100% + 264px))}100%{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.klpil-shot img{animation:none!important;transform:none!important}}

/* ============ KLPIL badge poravnanje (23.07.): rang tagovi uvijek lijevo, iste dimenzije ============ */
.klpil-tx,.klpil-mid{text-align:left!important}
.klpil-mid{align-items:flex-start}
.klpil-bdg{align-self:flex-start!important;margin:0!important;width:auto!important;padding:5px 12px!important;font-size:10px!important;line-height:1.4}
@media(max-width:700px){.klpil-bdg{margin:0 0 2px!important}}

/* ============ KLPIL: fix telefona na mobitelu + lightbox (Igraj ovdje) 23.07. ============ */
@media(max-width:700px){.klpil-phn{position:relative!important}}
a.klpil-phn{display:block;cursor:pointer}
.klpb{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(6,16,11,.93);z-index:99999;display:none;overflow-y:auto;-webkit-overflow-scrolling:touch}
.klpb:target{display:block}
.klpb-sc{margin:0 auto;padding:58px 12px 100px}
.klpb-sc.m{max-width:430px}
.klpb-sc img{width:100%;height:auto;display:block;border-radius:10px!important;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.klpb-x,.klpb-x:link,.klpb-x:visited{position:fixed;top:14px;right:16px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff!important;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;text-decoration:none!important;border-bottom:none!important;z-index:2}
.klpb-x:hover{background:rgba(255,255,255,.28);color:#fff!important}
.klpb-cta,.klpb-cta:link,.klpb-cta:visited{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;background:#009168;color:#fff!important;font-weight:700;font-size:15px;padding:14px 30px;border-radius:999px;text-decoration:none!important;border-bottom:none!important;box-shadow:0 10px 30px rgba(0,0,0,.55);z-index:2;white-space:nowrap}
.klpb-cta:hover{background:#00B582;color:#fff!important}

/* ============ KLOR — pillar Ledger rail × Orkestar maksimum (WINNER runda 7 v10, 23.07.) ============ */
.klpil.klor .klpil-c{display:grid;grid-template-columns:104px 1fr;position:relative}
.klor .klpil-rail{grid-row:1/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:16px 8px;position:relative;z-index:1}
.klor .klpil-rail::after{content:'';position:absolute;right:0;top:16px;bottom:16px;width:1px;background:rgba(255,255,255,.25)}
.klor .klpil-rail b{font-family:'JetBrains Mono',monospace;font-size:32px;color:#00D982;font-weight:700;font-feature-settings:'tnum' 1;line-height:1}
.klor .klpil-rail .klpil-stars{font-size:11px;letter-spacing:1.5px}
.klor .klpil-r10{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.12em;color:#7fa896;text-transform:uppercase}
.klor .klpil-stage{grid-column:2}
.klor .klpil-tx{grid-column:2}
.klor .klpil-tx::before{content:'';position:absolute;top:-1px;left:24px;right:24px;height:1px;background:rgba(255,255,255,.3)}
.klor .klpil-hsc{display:none}
.klpil-brs{display:flex;gap:12px;margin-top:4px}
.klpil-brs span{flex:1;min-width:0}
.klpil-brs b{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:#00D982;font-weight:700}
.klpil-brs em{font-style:normal;font-size:9.5px;color:#7fa896;margin-left:4px}
.klpil-brs i{display:block;height:4px;border-radius:4px;background:linear-gradient(90deg,#009168,#00D982);margin-top:4px;transform-origin:left}
/* --- animacijska stanja SAMO uz .klor-js (JS guard: bez JS-a sve vidljivo) --- */
.klor-js .klpil-c{opacity:0;transform:translateY(40px)}
.klor-js .klpil-c.go{opacity:1;transform:none;transition:opacity .55s ease,transform .6s cubic-bezier(.2,.8,.3,1.1)}
.klor-js .klpil-rail{opacity:0;transform:translateX(-40px)}
.klor-js .klpil-c.go .klpil-rail{opacity:1;transform:none;transition:opacity .5s ease .1s,transform .55s cubic-bezier(.2,.8,.3,1.1) .1s}
.klor-js .klpil-rail::after{transform:scaleY(0);transform-origin:top}
.klor-js .klpil-c.go .klpil-rail::after{transform:scaleY(1);transition:transform .7s cubic-bezier(.6,0,.2,1) .35s}
.klor-js .klpil-tx::before{transform:scaleX(0);transform-origin:left}
.klor-js .klpil-c.go .klpil-tx::before{transform:scaleX(1);transition:transform .7s cubic-bezier(.6,0,.2,1) .35s}
.klor-js .klpil-brw{opacity:0;transform:translateY(-90px)}
.klor-js .klpil-c.go .klpil-brw{opacity:1;transform:none;transition:opacity .5s ease .35s,transform .85s cubic-bezier(.25,.9,.3,1.05) .35s}
.klor-js .klpil-phn{opacity:0;transform:translateY(-170px) rotate(-9deg)}
.klor-js .klpil-c.go .klpil-phn{opacity:1;transform:none;transition:opacity .5s ease .5s,transform 1.05s cubic-bezier(.3,1.3,.4,1.05) .5s}
.klor-js .klpil-brs i{transform:scaleX(0)}
.klor-js .klpil-c.go .klpil-brs i{transform:scaleX(1);transition:transform .6s cubic-bezier(.34,1.8,.45,1)}
.klor-js .klpil-c.go .klpil-brs span:nth-child(1) i{transition-delay:.85s}
.klor-js .klpil-c.go .klpil-brs span:nth-child(2) i{transition-delay:.97s}
.klor-js .klpil-c.go .klpil-brs span:nth-child(3) i{transition-delay:1.09s}
.klor-js .klpil-c.go .klpil-brs span:nth-child(4) i{transition-delay:1.21s}
.klor-js .klpil-c:not(.go) .klpil-rail .fg{width:0!important}
.klor-js .klpil-c.go .klpil-rail .fg{transition:width .8s cubic-bezier(.6,0,.2,1) .9s}
.klor-js .klpil-stage::after{content:'';position:absolute;top:-60%;left:20%;width:60%;height:120%;background:radial-gradient(closest-side,rgba(0,217,130,.3),transparent);opacity:0;pointer-events:none}
.klor-js .klpil-c.go .klpil-stage::after{animation:klorglow 1.4s ease .55s}
@keyframes klorglow{0%{opacity:0}35%{opacity:1}100%{opacity:0}}
.klor-js .klpil-c::after{content:'';position:absolute;top:0;bottom:0;left:-30%;width:26%;background:linear-gradient(100deg,transparent,rgba(0,217,130,.2),rgba(255,255,255,.13),transparent);transform:skewX(-12deg);opacity:0;pointer-events:none;z-index:3}
.klor-js .klpil-c.go::after{animation:klorsweep 1.15s cubic-bezier(.5,.1,.3,1) 1.15s}
@keyframes klorsweep{0%{left:-30%;opacity:0}15%{opacity:1}100%{left:115%;opacity:0}}
@media(max-width:700px){
.klpil.klor .klpil-c{grid-template-columns:1fr}
.klor .klpil-rail{grid-row:auto;flex-direction:row;justify-content:flex-start;gap:10px;padding:12px 16px}
.klor .klpil-rail::after{right:16px;left:16px;top:auto;bottom:0;width:auto;height:1px}
.klor-js .klpil-rail::after{transform:scaleX(0);transform-origin:left}
.klor-js .klpil-c.go .klpil-rail::after{transform:scaleX(1)}
.klor .klpil-rail b{font-size:26px}
.klor .klpil-stage,.klor .klpil-tx{grid-column:1}
.klor .klpil-tx::before{left:16px;right:16px}
.klpil-brs{flex-wrap:wrap;gap:8px}
.klpil-brs span{flex:1 1 40%}
.klor-js .klpil-phn{transform:translateY(-60px) rotate(-5deg)}
}
@media(prefers-reduced-motion:reduce){
.klor-js .klpil-c,.klor-js .klpil-rail,.klor-js .klpil-brw,.klor-js .klpil-phn{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
.klor-js .klpil-rail::after,.klor-js .klpil-tx::before,.klor-js .klpil-brs i{transform:none!important}
.klor-js .klpil-c:not(.go) .klpil-rail .fg{width:inherit!important}
.klor-js .klpil-stage::after,.klor-js .klpil-c::after{animation:none!important}
}

/* ============ KLAB — AB TEST: showcase kartice → ledger full-width + pad-nagib-izravnaj (23.07.) ============ */
/* Revert = maknuti klasu "klab" s .kl-rev diva na 163. Sve ostalo (stage, ACES, lightbox, klsc-arm animacija) netaknuto. */
.kl-rev.klab .kl-rev-list{gap:0;margin-top:30px}
.kl-rev.klab .kl-rev-item{background:transparent!important;border:0!important;border-top:1px solid #111!important;border-radius:0!important;box-shadow:none!important;width:100vw;margin-left:calc(50% - 50vw);padding:40px max(20px,calc(50vw - 570px))}
.kl-rev.klab .kl-rev-list .kl-rev-item:first-child{border-top:2px solid #111!important}
.kl-rev.klab .kl-rev-item:hover{border-color:#111!important;box-shadow:none!important}
.kl-rev.klab .kl-rev-h{display:flex!important;align-items:baseline;gap:12px}
.kl-rev.klab .kl-rev-h h3{font-size:21px!important;letter-spacing:-.3px}
.kl-rev.klab .kl-rev-score{margin-left:auto;font-family:'JetBrains Mono',monospace!important;font-size:25px!important;font-weight:700!important;color:#009168!important;background:transparent!important;border:0!important;padding:0!important}
.kl-rev.klab .klsc-offer{background:transparent!important;border:0!important;border-left:3px solid #009168!important;border-radius:0!important;padding:2px 0 2px 12px!important;color:#006B4E!important}
/* hover: uređaji se IZRAVNAJU (pregazi settled nagib iz klsc-go) */
.kl-rev.klab .kl-rev-item:hover .klsc-arm.klsc-go .klsc-cshot{transform:rotate(0) translateY(-4px)!important}
.kl-rev.klab .kl-rev-item:hover .klsc-arm.klsc-go .klsc-phone{transform:rotate(0) translateY(0)!important}
@media(prefers-reduced-motion:reduce){.kl-rev.klab .kl-rev-item:hover .klsc-cshot,.kl-rev.klab .kl-rev-item:hover .klsc-phone{transform:none!important}}

/* ============ KLPIL QA FIXEVI (23.07. QA runda) ============ */
/* 1) hover auto-scroll malo sporiji (8s -> 10s) */
.klpil-shot img{transition:transform 10s linear!important}
/* 2) desktop lightbox: browser okvir klikabilan */
a.klpil-brw{display:block;cursor:pointer}
.klpb-sc.d{max-width:1000px}
/* 3) trake stupova: razmaci (bilo "8 Sigurnost8 Sport" zalijepljeno) */
.klpil-brs{gap:18px!important;margin-top:8px!important}
.klpil-brs span{white-space:nowrap}
.klpil-brs b{font-size:11px!important}
.klpil-brs em{margin-left:5px!important;font-size:10px!important;letter-spacing:.02em}
.klpil-brs i{margin-top:5px!important}
@media(max-width:700px){.klpil-brs{gap:10px 16px!important}}

/* ============ KLPIPS — 3 dijagonalne točkice s logotipa kao sekcijski marker (23.07.) ============ */
/* Revert: obriši ovaj blok + 10ak <span class="klpips"> markera na 163/151. */
.klpips{position:relative;display:block;width:25px;height:17px;margin:0 0 12px}
.klpips i{position:absolute;width:7px;height:7px;border-radius:50%;display:block}
.klpips i:nth-child(1){left:0;bottom:0;background:#006B4E}
.klpips i:nth-child(2){left:9px;bottom:5px;background:#009168}
.klpips i:nth-child(3){left:18px;bottom:10px;background:#00B582}
.klpips.dk i:nth-child(1){background:#009168}
.klpips.dk i:nth-child(2){background:#00B582}
.klpips.dk i:nth-child(3){background:#00D982}
/* FAQ aside 3 točkice: SAMO homepage (23.07. — operator: ostale stranice ne dirati) */
body.page-id-163 .klfaq aside h2::before{content:''!important;display:block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#006B4E!important;box-shadow:9px -5px 0 #009168,18px -10px 0 #00B582;margin:11px 0 15px!important;vertical-align:baseline!important}

/* ============ KLTIP — /tipovi/ hub: dark hero s listićem + feed s paginacijom (WINNER v2, 23.07.) ============ */
.kltip{width:100vw;margin-left:calc(50% - 50vw);background:linear-gradient(150deg,#091c14,#03301f 55%,#00563c);color:#c3dcd1;padding:36px 0 40px;position:relative;overflow:hidden;font-family:'Inter','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.kltip::before{content:'';position:absolute;top:-120px;right:-60px;width:420px;height:420px;background:radial-gradient(circle,rgba(0,217,130,.14),transparent 65%);pointer-events:none}
.kltip-in{max-width:1180px;margin:0 auto;padding:0 20px;position:relative}
.kltip-h{font-weight:700!important;color:#fff!important;font-size:28px;letter-spacing:-.4px;margin:0 0 6px}
.kltip-sub{font-size:14px;color:#a8c6ba;margin:0 0 20px}
.kltip-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:stretch}
.kltip-grid.solo{align-items:start}
.kltip-rub{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kltip-rc,.kltip-rc:link,.kltip-rc:visited{display:block;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:18px;text-decoration:none!important;transition:.2s}
.kltip-rc:hover{background:rgba(255,255,255,.1);border-color:rgba(0,217,130,.45);transform:translateY(-2px)}
.kltip-rc *{border-bottom:none!important;text-decoration:none!important}
.kltip-rc .tag{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;color:#d6efe4;background:rgba(255,255,255,.12);border-radius:6px;padding:3px 8px;display:inline-block;margin-bottom:10px}
.kltip-rc b{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:16.5px;color:#fff!important;margin-bottom:6px;font-weight:700}
.kltip-rc b span{font-family:'JetBrains Mono',monospace;color:#00D982;transition:transform .2s}
.kltip-rc:hover b span{transform:translateX(3px)}
.kltip-rc p{margin:0;font-size:12.5px;line-height:1.55;color:#a8c6ba!important}
.kltip-tk,.kltip-tk:link,.kltip-tk:visited{display:block;background:#fff;border-radius:12px;padding:15px 17px;box-shadow:0 8px 22px rgba(0,0,0,.18);text-decoration:none!important;transition:.2s}
.kltip-tk:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.28)}
.kltip-tk *{border-bottom:none!important;text-decoration:none!important}
.kltip-tip{display:flex;align-items:center;gap:10px;margin-bottom:9px;padding-bottom:9px;border-bottom:1px dashed #d8ddda!important}
.kltip-av{width:34px;height:34px;border-radius:50%!important;object-fit:cover;flex:0 0 auto;box-shadow:none!important;display:block}
.kltip-tip b{font-size:12.5px;color:#111;display:block;font-weight:700}
.kltip-tip i{font-style:normal;font-size:11px;color:#888;display:block;line-height:1.35}
.kltip-row2{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;color:#888}
.kltip-row2 b{font-family:'JetBrains Mono',monospace;font-feature-settings:'tnum' 1;font-weight:700;font-size:13.5px;color:#111;margin-left:4px}
.kltip-wl{display:inline-flex;gap:4px}
.kltip-wl span{width:14px;height:14px;border-radius:50%;font-size:8.5px;font-weight:700;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace}
.kltip-wl span.w{background:#009168}
.kltip-wl span.l{background:#C53030}
.kltip-wl span.e{background:#d5ddd9}
/* feed (query loop) */
.kltip-feedh{font-weight:700!important;color:#111!important;font-size:26px;letter-spacing:-.4px;margin:34px 0 14px}
.kltip-feed{max-width:1180px;margin:0 auto;padding:0 20px;font-family:'Inter','Helvetica Neue',Arial,sans-serif}
.kltip-feed .wp-block-post-template{list-style:none;margin:0;padding:0;border-top:2px solid #111}
.kltip-feed .wp-block-post{margin:0!important;padding:0!important}
.kltip-feed .kltip-row{display:flex;align-items:baseline;gap:18px;padding:15px 4px;border-bottom:1px solid #EAEAEA;transition:background .15s,padding-left .15s;flex-wrap:wrap}
.kltip-feed .kltip-row:hover{background:#fafdfc;padding-left:12px}
.kltip-feed .kltip-dt{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#888;flex:0 0 76px}
.kltip-feed .kltip-tt{margin:0!important;font-size:15.5px!important;font-weight:600!important;letter-spacing:-.2px;line-height:1.4}
.kltip-feed .kltip-tt a{color:#111!important;text-decoration:none!important;border-bottom:none!important}
.kltip-feed .kltip-tt a:hover{color:#006B4E!important}
.kltip-pag{margin:18px 0 0;font-family:'JetBrains Mono',monospace}
.kltip-pag .wp-block-query-pagination-numbers{display:flex;gap:8px}
.kltip-pag .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border:1px solid #EAEAEA;border-radius:999px;font-size:13px;color:#444!important;text-decoration:none!important;border-bottom:1px solid #EAEAEA!important;transition:.15s}
.kltip-pag .page-numbers:hover{border-color:#009168!important;color:#006B4E!important}
.kltip-pag .page-numbers.current{background:#009168;border-color:#009168!important;color:#fff!important}
.kltip-pag .page-numbers.dots{border:0!important}
@media(max-width:900px){
.kltip-grid{grid-template-columns:1fr}
.kltip-rub{grid-template-columns:1fr;order:2}
.kltip-tk{max-width:430px}
.kltip-tk-wrap{order:1}
.kltip-feed .kltip-dt{flex-basis:100%;margin-bottom:-6px}
}
.kltip-tk-lbl{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a8c6ba;margin:0 0 10px}
.kltip-tk-wrap{display:flex;flex-direction:column;padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.035)}
.kltip-tk-wrap .kltip-tk{margin-top:12px}
@media(min-width:901px){
.kltip-rub{grid-template-columns:repeat(6,1fr)}
.kltip-rub .kltip-rc{grid-column:span 2}
.kltip-rub .kltip-rc:nth-child(4),.kltip-rub .kltip-rc:nth-child(5){grid-column:span 3}
}
.kltip .kltip-tk-wrap .kltip-tk-more,.kltip .kltip-tk-wrap .kltip-tk-more:link,.kltip .kltip-tk-wrap .kltip-tk-more:visited{margin-top:auto;padding-top:18px;font-size:13px;font-weight:600;color:#a8c6ba;text-decoration:none!important;border-bottom:none!important}
.kltip .kltip-tk-wrap .kltip-tk-more:hover{color:#fff;text-decoration:underline!important;text-underline-offset:4px}
.kltip-res svg{vertical-align:-1px;margin-right:3px}
@keyframes kltipPop{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}
.kltip-res{animation:kltipPop .3s cubic-bezier(.34,1.56,.64,1)}
.kltip-row:has(.kltip-res.l) .kltip-ar{color:#C53030}

/* ============ KLPIL mobile fix 2 (24.07.): browser okvir NIKAD na mobitelu (a.klpil-brw je bio pregazio display:none) ============ */
@media(max-width:700px){
a.klpil-brw,.klpil-brw{display:none!important}
}

/* ============ KLTIP feed badgevi (AKTIVAN / POGOĐEN / PROMAŠEN) 24.07. ============ */
.kltip-feed .kltip-res{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;border-radius:6px;padding:3px 9px;white-space:nowrap;letter-spacing:.02em}
.kltip-feed .kltip-res.w{background:#E0F2EC;color:#006B4E}
.kltip-feed .kltip-res.l{background:#fbeaea;color:#C53030}
.kltip-feed .kltip-res.p{background:#f4f6f5;color:#888}
.kltip-feed .kltip-ar{font-family:'JetBrains Mono',monospace;color:#009168;flex:0 0 auto}
@media(max-width:700px){.kltip-feed .kltip-res{margin-left:0}}

/* ============ KLVIJ - VIJESTI PILLAR (hub /vijesti/ + clanci /novosti/) 24.07. ============ */
.klvij-lbl{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#006B4E;margin:26px 0 10px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;line-height:1.5}
.klvij-live{display:inline-flex;align-items:center;gap:7px;color:#009168}
.klvij-live::before{content:'';width:7px;height:7px;border-radius:50%;background:#009168;animation:klivepulse 1.6s infinite}
.klvij-feed{background:linear-gradient(150deg,#091c14,#03301f 55%,#00563c);border-radius:16px;padding:24px 26px;position:relative;overflow:hidden}
.klvij-feed::before{content:'';position:absolute;top:-90px;right:-70px;width:320px;height:320px;background:radial-gradient(circle,rgba(0,217,130,.14),transparent 65%);pointer-events:none}
.klvij-feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative}
.klvij-feed h4{font-family:'JetBrains Mono',monospace!important;font-size:10.5px!important;letter-spacing:.14em;text-transform:uppercase;color:#7fa896!important;font-weight:600!important;margin:0 0 10px}
.klvij-wait{color:#6f8a7e;font-size:13px;margin:0}
.klvij-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:13.5px;color:#d6e6de}
.klvij-row:last-child{border-bottom:0}
.klvij-row .tm{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto;overflow:hidden}
.klvij-row .klvij-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.klvij-meta{flex:0 0 auto;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.04em;color:#9fb0aa;opacity:.7;white-space:nowrap;min-width:52px;text-align:right}
.klvij-time{flex:0 0 auto;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:#9fb0aa;opacity:.85;white-space:nowrap;min-width:36px;text-align:right}
.klvij-hint{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.08em;text-transform:none;color:#5d7a6d!important;font-weight:500!important;opacity:.85}
.klvij-crest{width:22px;height:22px;border-radius:50%;background:#fff;padding:2px;flex:0 0 auto;object-fit:contain}
.klvij-row b{font-family:'JetBrains Mono',monospace;font-feature-settings:'tnum' 1;font-weight:700;color:#fff;white-space:nowrap}
.klvij-row b.q{color:#00D982}
.klvij-tag{font-family:'JetBrains Mono',monospace;font-size:10.5px;border-radius:999px;padding:3px 9px;background:rgba(244,246,245,.92);color:#555;white-space:nowrap}
.klvij-tag.l{background:#fbeaea;color:#C53030}
.klvij-grid{display:grid;grid-template-columns:1.9fr 1fr;gap:22px;margin-top:22px;align-items:start}
.klvij-hero{border:1px solid #EAEAEA;border-radius:16px;overflow:hidden;background:#fff}
.klvij-hero-img{position:relative;min-height:230px;background:linear-gradient(100deg,var(--klvh,#12457a) 0%,var(--klvh,#12457a) 46%,#fff 46%,#fff 54%,var(--klva,#006B4E) 54%,var(--klva,#006B4E) 100%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:26px}
.klvij-hero-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.16));pointer-events:none}
.klvij-hero-lg{position:absolute;top:14px;left:18px;z-index:2;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.3);padding:4px 9px;border-radius:4px}
.klvij-team{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px}
.klvij-team img{width:58px;height:58px;border-radius:50%;background:#fff;padding:6px;object-fit:contain;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.klvij-team-nm{font-size:13px;font-weight:700;color:#111;background:#fff;padding:4px 12px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.klvij-sc{position:relative;z-index:2;font-family:'JetBrains Mono',monospace;font-feature-settings:'tnum' 1;font-weight:700;font-size:24px;color:#009168;background:#fff;padding:8px 16px;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.2);white-space:nowrap}
.klvij-hero-generic{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(150deg,#091c14,#03301f 55%,#00563c)}
.klvij-hero-wm{position:absolute;right:-26px;top:-26px;width:200px;height:200px;object-fit:contain;opacity:.16;filter:brightness(0) invert(1);pointer-events:none;z-index:1}
.klvij-hero-pf{position:absolute;right:14px;bottom:0;height:94%;width:auto;max-width:46%;object-fit:cover;object-position:top center;z-index:1;-webkit-mask-image:linear-gradient(to top,transparent 0,#000 24%);mask-image:linear-gradient(to top,transparent 0,#000 24%);pointer-events:none}
.klvij-hero-gt{position:relative;z-index:2;color:#dfeee7;font-size:19px;font-weight:600;line-height:1.45;margin:0}
.klvij-cap{padding:18px 22px 22px}
.klvij-cap h3{font-size:24px;letter-spacing:-.4px;line-height:1.22;margin:10px 0 8px}
.klvij-cap h3 a{color:#111;text-decoration:none;border-bottom:none!important}
.klvij-cap h3 a:hover{color:#009168}
.klvij-cap p{font-size:15px;color:#444;margin:0}
/* Oznaka rubrike i izvor: s mono verzala na Inter, po odobrenom dizajnu.
   Mono na ovoj stranici ostaje samo na brojkama (kvote, rezultati, paginacija). */
.klvij-rchip{display:inline-block;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;padding:4px 12px;border-radius:999px;background:#E0F2EC;color:#006B4E}
.klvij-src{font-family:inherit;font-size:13px;color:#888;margin-left:10px}
.klvij-src a{color:#009168}
.klvij-radar{background:linear-gradient(150deg,#EEF8F3,#E0F2EB);border:1px solid #CDE9DF;border-radius:16px;padding:18px 20px}
.klvij-radar .klvij-lbl{margin:0 0 12px}
.klvij-tk{background:#fff;border-radius:12px;padding:13px 15px;box-shadow:0 8px 22px rgba(0,60,40,.10)}
.klvij-tk-top{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px dashed #d8ddda;padding-bottom:9px;margin-bottom:9px}
.klvij-tk-top b{font-weight:700;color:#111;font-size:13.5px;display:flex;align-items:center;gap:8px}
.klvij-tk-top i{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:10px;color:#888;letter-spacing:.08em}
.klvij-tk-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:11px;color:#888}
.klvij-tk-row span{font-family:'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;font-size:10px}
.klvij-tk-row b{font-family:'JetBrains Mono',monospace;font-feature-settings:'tnum' 1;font-weight:700;font-size:14px;color:#111}
.klvij-tk-row b.klvij-edge{color:#009168}
.klvij-disc{font-family:'JetBrains Mono',monospace;font-size:10px;color:#6f8a7e;margin:12px 0 0;letter-spacing:.03em}
.klvij-brief{border-top:2px solid #111;padding:16px 0 0;margin-top:20px}
.klvij-brief .klvij-lbl{margin:0 0 8px}
.klvij-brief h4{font-size:17px;letter-spacing:-.2px;line-height:1.3;margin:0 0 6px}
.klvij-brief h4 a,.klvij-brief h4 a:link,.klvij-brief h4 a:visited{color:#111;text-decoration:none;border-bottom:none!important}
.klvij-brief h4 a:hover{color:#009168}
.klvij-brief p{font-size:13px;color:#444;margin:0}
.klvij-qlink{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #EAEAEA;font-weight:600;font-size:14.5px;color:#111!important;text-decoration:none!important}
.klvij-qlink:first-of-type{border-top:0}
.klvij-qlink span{font-family:'JetBrains Mono',monospace;color:#009168;flex:0 0 auto}
.klvij-qlink:hover{color:#009168!important}
.klvij-h2{font-family:'JetBrains Mono',monospace!important;font-size:12px!important;font-weight:700!important;letter-spacing:.18em;text-transform:uppercase;color:#006B4E!important;margin:36px 0 4px}
.klvij-latest{list-style:none!important;margin:10px 0 0!important;padding:0!important;background:none!important;border:0!important}
.klvij-latest:empty{display:none}
.klvij-latest li{border-top:1px solid #EAEAEA;padding:13px 0;margin:0!important;background:none!important}
.klvij-latest li:first-child{border-top:2px solid #111}
.klvij-latest li a{font-weight:700;color:#111;text-decoration:none;border-bottom:none!important;font-size:16px;letter-spacing:-.2px}
.klvij-latest li a:hover{color:#009168}
.klvij-latest .wp-block-latest-posts__post-date{font-family:'JetBrains Mono',monospace;font-size:11px;color:#888;display:block;margin-top:2px}
.klvij-cta{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 8px}
.klvij-pill,.klvij-pill:link,.klvij-pill:visited{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:13px 26px;border-radius:999px;background:#009168;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;text-decoration:none!important;border-bottom:none!important;box-shadow:0 6px 18px rgba(0,107,78,.25);transition:transform .16s ease,background .16s ease}
.klvij-pill:hover{background:#00B582;transform:translateY(-2px);color:#fff!important;-webkit-text-fill-color:#fff!important}
.klvij-pill-g,.klvij-pill-g:link,.klvij-pill-g:visited{background:transparent;color:#111!important;-webkit-text-fill-color:#111!important;border:1.5px solid #EAEAEA;box-shadow:none}
.klvij-pill-g{border-bottom:1.5px solid #EAEAEA!important}
.klvij-pill-g:hover{background:transparent;border-color:#009168;border-bottom:1.5px solid #009168!important;color:#111!important;-webkit-text-fill-color:#111!important}
.klvij-rg{font-family:'JetBrains Mono',monospace;font-size:12px;color:#888;text-align:center;margin:26px 0 0}
.klvij-abrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid #EAEAEA}
.klvij-lead{font-size:17px;line-height:1.65;color:#333;font-weight:400;margin:16px 0 16px}
/* Kut u clanku, verzija 27.07. Bio je tamna near-black kartica s mono verzalom
   i neonskim sjajem; operator ju je odbio ("mrzim taj ai design") i trazio
   manju kutiju sa svijetlim slojem. Emerald ostaje samo na tocki i oznaci. */
.klvij-kut{background:#EDF4F0;border:1px solid #D6E5DD;border-radius:12px;padding:14px 16px;margin:20px 0;display:flex;flex-direction:column;gap:10px;color:#233A2F;position:static;overflow:visible}
.klvij-kut::before{content:none}
.klvij-kut .kl{font-family:inherit;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:#006B4E;display:inline-flex;align-items:center;gap:7px;margin:0}
.klvij-kut .kl::before{content:'';width:6px;height:6px;border-radius:50%;background:#009168;display:block;flex:0 0 auto}
.klvij-kut p{color:#233A2F;font-size:15px;line-height:1.55;margin:0}
.klvij-kut b{color:#111}
.klvij-kut .go{font-size:13px;font-weight:600;color:#009168;text-decoration:none;border-bottom:0!important}
.klvij-kut .go:hover{text-decoration:underline}
/* srcbox je maknut iz generatora 27.07. (vijesti pisemo svojim rijecima, izvor
   stoji u traci iznad naslova). Pravilo skriva ostatke na starim objavama. */
.klvij-srcbox{display:none}

/* ============ BLOKOVI U CLANKU (27.07.) ============
   Devet blokova, svaki pada sam ako podatka nema. Oznake su <h2> jer clanak
   je do sada imao H1 iz teme i nijedan podnaslov ispod, dakle nikakav obris.
   Zajednicka mjera: 11px radijus, 1px rub, ista siva ploha kao ostatak sajta. */
.klvij-ukratko h2,.klvij-brojke h2,.klvij-klub h2,.klvij-tkoje h2,
.klvij-rub h2,.klvij-dalje h2,.klvij-crta h2,.klvij-faq h2{
  font-size:13px!important;font-weight:700!important;color:#888!important;
  letter-spacing:0!important;text-transform:none!important;margin:0 0 10px!important;
  line-height:1.4!important}
.klvij-ukratko,.klvij-brojke,.klvij-klub,.klvij-tkoje,
.klvij-rub,.klvij-dalje,.klvij-crta,.klvij-faq{margin:22px 0}
.klvij-klub .kart,.klvij-tkoje .kart,.klvij-rub .kart,.klvij-dalje .kart{
  border:1px solid #EAEAEA;border-radius:11px;background:#fff}

/* Ukratko */
.klvij-ukratko{background:#FBFCFC;border:1px solid #EAEAEA;border-radius:11px;padding:15px 17px}
.klvij-ukratko h2{color:#006B4E!important}
.klvij-ukratko ul{margin:0!important;padding:0 0 0 18px!important;list-style:disc!important}
.klvij-ukratko li{font-size:15px;line-height:1.5;margin:0 0 7px;color:#111}
.klvij-ukratko li:last-child{margin:0}

/* Brojke: mono s tabularnim znamenkama, jedini brojcani element u clanku */
.klvij-brojke{display:flex;border:1px solid #EAEAEA;border-radius:11px;overflow:hidden;
  background:#fff}
.klvij-brojke > div{flex:1;padding:12px;border-left:1px solid #EAEAEA;text-align:center;min-width:0}
.klvij-brojke > div:first-child{border-left:0}
.klvij-brojke b{display:block;font-family:'JetBrains Mono',monospace;font-size:20px;
  font-weight:700;color:#111;font-feature-settings:'tnum' 1;line-height:1.15}
.klvij-brojke span{display:block;font-size:11px;color:#888;margin-top:3px;
  overflow:hidden;text-overflow:ellipsis}
@media(max-width:520px){.klvij-brojke b{font-size:17px}}

/* Tko je: portret 64px, tocno velicina koju api-sports daje (150x150) */
.klvij-tkoje .kart{display:flex;gap:15px;padding:15px;align-items:flex-start}
.klvij-tkoje .av{width:64px;height:64px;border-radius:10px;flex:0 0 auto;object-fit:cover;
  background:#DDE5E1}
.klvij-tkoje .id{min-width:0}
.klvij-tkoje .id > b{display:block;font-size:16px;font-weight:700;color:#111;line-height:1.25}
.klvij-tkoje .id .s{display:block;font-size:12.5px;color:#888;margin-top:2px}
.klvij-tkoje .st{display:flex;gap:18px;margin-top:10px;flex-wrap:wrap}
.klvij-tkoje .st > span{display:flex;flex-direction:column}
.klvij-tkoje .st b{font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:700;
  color:#111;font-feature-settings:'tnum' 1}
.klvij-tkoje .st i{font-style:normal;font-size:10.5px;color:#888;margin-top:1px}

/* Forma i pozicija: isti kruzici kao u tip postovima i na tipster ploci */
.klvij-klub .r{display:flex;align-items:center;gap:11px;padding:13px 15px}
/* .cr prima ILI krugic s kraticom ILI pravi grb kluba. Grb ide contain na
   bijelom, jer su logotipi prozirni i raznih omjera; kratica ostaje samo kad
   API ne vrati sliku. */
.klvij-klub .cr,.klvij-dalje .cr{width:26px;height:26px;border-radius:50%;background:#EEF2F0;
  flex:0 0 auto;display:grid;place-items:center;font-family:'JetBrains Mono',monospace;
  font-size:9.5px;font-weight:700;color:#888}
.klvij-klub img.cr,.klvij-dalje img.cr{background:#fff;object-fit:contain;padding:1px;
  border:1px solid #EAEAEA;display:block}
/* portret igraca u redcima transfera i izostanaka */
.klvij-rub .t img.av{width:26px;height:26px;border-radius:50%;object-fit:cover;
  background:#EEF2F0;flex:0 0 auto}
.klvij-rub .t > span.av{width:26px;height:26px;border-radius:50%;background:#EEF2F0;flex:0 0 auto}
/* mali grb uz naziv drugog kluba, desno */
.klvij-rub img.lg{width:16px;height:16px;object-fit:contain;flex:0 0 auto}
.klvij-rub .kad{display:inline-flex;align-items:center;gap:6px}
.klvij-rub .t > img.lg{margin-right:2px}
.klvij-dalje .m em{font-style:normal;color:#888;flex:0 0 auto}
@media(max-width:480px){
  .klvij-rub .t img.av{width:22px;height:22px}
  .klvij-dalje .m{flex-wrap:wrap;gap:7px}
}
.klvij-klub .nm{font-size:15px;font-weight:700;color:#111}
.klvij-klub .poz{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:13px;color:#888}
.klvij-klub .poz b{color:#111;font-size:15px}
.klvij-klub .f{display:flex;align-items:center;gap:10px;padding:11px 15px;
  border-top:1px solid #EAEAEA;background:#FBFCFC}
.klvij-klub .f > span:first-child{font-size:12px;color:#888}
.klvij-klub .dots{display:flex;gap:4px}
.klvij-klub .dots i{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:800;
  color:#fff;font-style:normal;line-height:1;letter-spacing:0}
.klvij-klub .dots i.w{background:#009168}
.klvij-klub .dots i.l{background:#C53030}
.klvij-klub .dots i.d{background:#B9C2BE}

/* Blok po rubrici: transferi, ozljede, medjusobni susreti */
.klvij-rub .kart{padding:14px 16px}
.klvij-rub .t{display:flex;align-items:center;gap:10px;padding:9px 0;
  border-top:1px solid #EAEAEA;font-size:14.5px;color:#111}
.klvij-rub .t:first-child{border-top:0;padding-top:0}
.klvij-rub .t:last-child{padding-bottom:0}
.klvij-rub .kad{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:12.5px;
  color:#888;text-align:right}
.klvij-rub .ul{color:#009168;font-weight:700;font-size:11px;flex:0 0 26px}
.klvij-rub .iz{color:#C53030;font-weight:700;font-size:11px;flex:0 0 26px}

/* Sto dalje */
.klvij-dalje .kart{padding:14px 16px}
.klvij-dalje .m{display:flex;align-items:center;gap:11px;font-size:15px;color:#111;font-weight:600}
.klvij-dalje .kad{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:13px;
  color:#888;font-weight:400;flex:0 0 auto}
.klvij-dalje .go{display:block;margin-top:11px;font-size:13px;font-weight:600;color:#009168;
  text-decoration:none;border-bottom:0!important}

/* Kako smo dosli ovamo */
/* Veza na nas clanak ispod svake tocke tjednog pregleda. Bez nje je brief bio
   pet sazetaka bez ijednog izlaza, i za citatelja i za internu mrezu. */
.klvij-brief-go{display:inline-block;margin:-4px 0 20px;font-size:13.5px;font-weight:600;
  color:#009168!important;text-decoration:none!important;border-bottom:0!important}
.klvij-brief-go:link,.klvij-brief-go:visited{color:#009168!important}
.klvij-brief-go:hover{color:#006B4E!important;text-decoration:underline!important}

.klvij-crta{border:1px solid #EAEAEA;border-radius:11px;padding:14px 16px}
.klvij-crta a,.klvij-crta .sad{display:flex;gap:13px;padding:9px 0;
  border-top:1px solid #EAEAEA;align-items:baseline;text-decoration:none!important;
  border-bottom:0!important}
.klvij-crta a:first-of-type{border-top:0;padding-top:0}
.klvij-crta time{flex:0 0 56px;font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#888}
.klvij-crta a span{font-size:14.5px;font-weight:600;color:#111;line-height:1.4}
.klvij-crta a:hover span{color:#006B4E}
.klvij-crta .sad time,.klvij-crta .sad span{color:#009168!important;font-weight:600}

/* Cesta pitanja u clanku. Itemi su unutar .klfaq-list, pa ih oblikuje
   SITE STANDARD (tanka crta, + marker) i ovdje se ne dira nista osim razmaka.
   Bez tog omotaca globalno .rank-math-faq-item nacrta stari "Q badge" dizajn
   koji nigdje drugdje na sajtu vise ne postoji.
   Schema i dalje ide iz naseg JSON-LD-a, jer Rank Math ne zna za pitanja
   koja nisu iz njegovog bloka. */
.klvij-faq .klfaq-list{margin-top:2px}
.klvij-rel{border-top:1px solid #EAEAEA;margin-top:26px;padding-top:18px}
.klvij-rel p{font-family:inherit;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:#888;margin:0 0 10px}
.klvij-rel a{display:block;padding:10px 0;border-bottom:1px solid #EAEAEA!important;color:#111;text-decoration:none;font-weight:600}
.klvij-rel a:hover{color:#009168}
@media(max-width:900px){.klvij-grid{grid-template-columns:1fr}.klvij-feed-grid{grid-template-columns:1fr;gap:20px}}
@media(max-width:640px){.klvij-hero-img{min-height:185px;padding:20px 14px}.klvij-sc{font-size:20px;padding:7px 13px}.klvij-team img{width:44px;height:44px}.klvij-cap h3{font-size:20px}.klvij-feed{padding:20px 18px}.klvij-cta{flex-direction:column}.klvij-pill{justify-content:center}.klvij-lbl{font-size:10px;letter-spacing:.13em}.klvij-feed-grid{gap:18px}}
.klvij-row .tm{color:#d6e6de!important}
.klvij-cap h3 a,.klvij-cap h3 a:link,.klvij-cap h3 a:visited{color:#111!important}
.klvij-cap h3 a:hover{color:#009168!important}
.klvij-brief h4 a,.klvij-brief h4 a:link,.klvij-brief h4 a:visited{color:#111!important}
.klvij-brief h4 a:hover{color:#009168!important}
.klvij-latest li a,.klvij-latest li a:link,.klvij-latest li a:visited{color:#111!important}
.klvij-latest li a:hover{color:#009168!important}
.klvij-rel a,.klvij-rel a:link,.klvij-rel a:visited{color:#111!important}
.klvij-rel a:hover{color:#009168!important}

/* ============ 26.07. KLVIJT — tabovi umjesto 3-stupčane tamne tablice (zamjena za klvij-feed) ============ */
.klvijt{background:#fff;border:1px solid #EAEAEA;border-radius:16px;overflow:hidden}
.klvijt-tabs{display:flex;gap:6px;background:#E0F2EC;padding:4px;margin:20px 20px 0;border-radius:11px}
.klvijt-tab{flex:1;text-align:center;font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:12px 6px;border-radius:8px;color:#6f8a7e;cursor:pointer;transition:.15s;background:none;border:0;-webkit-appearance:none;appearance:none}
.klvijt-tab.on{background:#fff;color:#006B4E;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.klvijt-panel{padding:8px 20px 20px;display:none}
.klvijt-panel.on{display:block}
.klvijt-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:13px 2px;border-bottom:1px solid #EAEAEA}
.klvijt-row:last-child{border-bottom:0}
.klvijt-crest{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.06);flex:0 0 auto;object-fit:contain}
.klvijt-nm{font-size:14.5px;font-weight:600;color:#111;flex:1 1 auto;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.klvijt-nm small{display:block;font-size:11px;font-weight:400;color:#7c8985;margin-top:1px;white-space:normal}
.klvijt-meta{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:#7c8985;flex:0 0 auto;white-space:nowrap}
.klvijt-val{font-family:'JetBrains Mono',monospace;font-feature-settings:'tnum' 1;font-weight:700;color:#111;flex:0 0 auto}
.klvijt-val.q{color:#009168}
.klvijt-tag{font-size:11px;font-weight:600;background:#FBEAEA;color:#C53030;padding:4px 10px;border-radius:999px;flex:0 0 auto;white-space:nowrap}
.klvijt-hint{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7c8985;text-align:right;margin:10px 0 4px}
.klvijt-lglogo{width:12px;height:12px;object-fit:contain;vertical-align:-2px;margin-right:3px;opacity:.85}
.kl-tip-inj li{display:flex;align-items:center;gap:8px}
.kl-tip-inj-ph{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#eee}
.klvij-tk-match{display:flex;align-items:center;gap:5px;min-width:0}
.klvij-tk-crest{width:18px;height:18px;border-radius:50%;background:#fff;object-fit:contain;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:0 0 auto}
.kl-tip-tbl-logo{width:16px;height:16px;object-fit:contain;vertical-align:-3px;margin-right:5px}
.kl-tip-h2h-logo{width:14px;height:14px;object-fit:contain;vertical-align:-2px;margin:0 3px}
.klh-crest{width:15px;height:15px;object-fit:contain;vertical-align:-3px;margin-right:2px}
@media(max-width:480px){.klvijt-tab{font-size:9.5px;padding:11px 3px}.klvijt-nm{min-width:100%;order:1}.klvijt-crest{order:0}.klvijt-meta,.klvijt-val,.klvijt-tag{order:2}}

/* ============ 26.07. RUNDA 2 fixevi ============ */
/* FAQ h2 "Česta pitanja" hvatan globalnim .klr h2 (mono uppercase) kad je klfaq unutar .klr sekcije (vijesti, odgovorno-kladenje...) — vraća na normalan izgled kao na homepageu (koji nije unutar .klr pa ga pravilo ne dotiče) */
.klfaq aside h2{font-family:'Inter',sans-serif!important;text-transform:none!important}
.kl-vd-main .klfaq{grid-template-columns:1fr;gap:20px}
.kl-vd-main .klfaq aside{position:static}
/* Kontrast fix: klvij-nm (naziv utakmice) padao je na globalnu body-span boju #444 na tamnoj pozadini */
.klvij-row .klvij-nm{color:#d6e6de!important}
/* Najnovije lista (wp:latest-posts) na mobitelu — theme default centriranje pregaženo */
.klvij-latest{text-align:left!important}
.klvij-latest li{text-align:left!important}

/* ============ 26.07. GLOBALNE LISTE (wp:list) — marker poravnanje s tekstom, flex umjesto native markera ============ */
.klr .wp-block-list,.kl-vd-main .wp-block-list{list-style:none!important;margin:4px 0 20px!important;padding:0!important}
.klr .wp-block-list li,.kl-vd-main .wp-block-list li{list-style:none!important;display:flex!important;gap:12px;align-items:flex-start;padding:9px 0!important;border-bottom:1px solid #EAEAEA;font-size:16px;line-height:1.6}
.klr .wp-block-list li:last-child,.kl-vd-main .wp-block-list li:last-child{border-bottom:0}
.klr .wp-block-list li::marker,.kl-vd-main .wp-block-list li::marker{content:none!important}
.klr ol.wp-block-list{counter-reset:klol}
.klr ol.wp-block-list li{counter-increment:klol}
.klr ol.wp-block-list li::before,.kl-vd-main ol.wp-block-list li::before{content:counter(klol) '.';flex:0 0 auto;font-family:'JetBrains Mono',monospace;font-weight:700;color:#009168;min-width:20px}
.klr ul.wp-block-list li::before,.kl-vd-main ul.wp-block-list li::before{content:'\2013';flex:0 0 auto;font-weight:700;color:#009168;min-width:12px}

/* ============ 07.08. klt/klp2 brojke: mono font + ROI boja po predznaku (Inter-na-span gazio mono; .klt-roi bio tvrdo crven pa je pozitivan ROI bio crven) ============ */
.klt-n.klt-n.klt-n,.klt-num.klt-num.klt-num,.klt-roi.klt-roi.klt-roi,.klp2-rank.klp2-rank.klp2-rank,.klp2-pv.klp2-pv.klp2-pv{font-family:'JetBrains Mono',monospace!important;font-feature-settings:'tnum' 1}
.klt-roi.klt-roi.klt-roi{color:#111!important}
.klt-roi.klt-roi.klt-roi.up{color:#009168!important}
.klt-roi.klt-roi.klt-roi.down{color:#C53030!important}
/* 07.08. scroll-to-top strelica teme UGAŠENA (operator: smeta, preklapa se s dizajnom) */
#scrolltop{display:none!important}

/* ============ 06.08. CTA standardizacija (audit 342 gumba, 12 stranica) ============ */
/* P0 vijesti pilule: tema .space-page-content a (0,2,1)!important tuce nasu (0,1,1) — triple-class pobjeduje */
.klvij-pill.klvij-pill.klvij-pill,.klvij-pill.klvij-pill.klvij-pill:link,.klvij-pill.klvij-pill.klvij-pill:visited,.klvij-pill.klvij-pill.klvij-pill:hover{color:#fff!important}
.klvij-pill-g.klvij-pill-g.klvij-pill-g,.klvij-pill-g.klvij-pill-g.klvij-pill-g:link,.klvij-pill-g.klvij-pill-g.klvij-pill-g:visited{color:#006B4E!important;background:transparent!important;border:2px solid #009168!important}
.klvij-pill-g.klvij-pill-g.klvij-pill-g:hover{color:#006B4E!important;background:#E0F2EC!important}
/* Vijesti "Procitaj cijelu vijest": tihi tekst-link umjesto punog pilla (operator 6.8.) —
   read-more nije konverzijski CTA pa ne nosi puni brand pill; cross-promo pilule u .klvij-cta ostaju gumbi */
.klv1-cta .klvij-pill.klvij-pill.klvij-pill{background:transparent!important;border:0!important;padding:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;color:#009168!important;font-weight:700;font-size:16px;gap:7px}
.klv1-cta .klvij-pill.klvij-pill.klvij-pill:hover{background:transparent!important;color:#006B4E!important;text-decoration:none!important;transform:none!important;box-shadow:none!important}
.klv1-cta .klvij-pill.klvij-pill.klvij-pill:hover i{transform:translateX(4px)}
/* P1 SlotsLaunch "Load More" u brand (bio Arial, crni, uglat) */
.slotsl-container .slotsl-load-more-btn{font-family:'Inter',system-ui,sans-serif!important;font-size:15px!important;font-weight:700!important;color:#fff!important;background:#009168!important;border:0!important;border-radius:999px!important;padding:12px 26px!important;cursor:pointer;transition:background .15s ease,transform .15s ease}
.slotsl-container .slotsl-load-more-btn:hover{background:#00B582!important;transform:translateY(-1px)}
/* P1 temin style-2 "Uzmi bonus" 21px na standard 16px */
a.space-style-2-button{font-size:16px!important}
/* P2 jedini uglati CTA-ovi na sajtu prelaze na pill */
.klh-btn,.klko-cta a,.klfaq-cta{border-radius:999px!important}
/* P2 pillar traka sekundarni gumb: brand border (standard = klp2-b2) */
.klls .c-cta a.btn-s.btn-s,.klls .c-cta a.btn-s.btn-s:link,.klls .c-cta a.btn-s.btn-s:visited{color:#006B4E!important;border:2px solid #009168!important}
.klls .c-cta a.btn-s.btn-s:hover{background:#E0F2EC!important;border-color:#006B4E!important}
/* P3 sitnice: font i tezina primarnih na standard */
.klm .klm-card .klm-go,.klf-help,.klps-go2{font-size:15px!important}
.kd-go,.kl-share-native{font-weight:700!important}
/* ============ 26.07. CTA overflow fix (vijesti + generic pill gumbi) ============ */
.klvij-pill{max-width:100%;box-sizing:border-box;text-align:center;white-space:normal}
@media(max-width:640px){.klvij-cta{width:100%}.klvij-pill{width:100%}}

/* ============================================================================
   klrez - Rezultati uživo (/rezultati/) - dodano 26.07.2026.
   LiteSpeed: dodati "klrez-" u UCSS whitelist.
   ============================================================================ */
.klrez{
  --kz-line:#EAEAEA; --kz-ink:#111; --kz-body:#444; --kz-mut:#888;
  --kz-mint:#E8F5EF; --kz-bg:#fff; --kz-soft:#FBFCFC;
  --kz-g:#009168; --kz-gd:#006B4E; --kz-gl:#00B582; --kz-acc:#00D982;
  --kz-loss:#C53030; --kz-gold:#E8B33A;
  --kz-grad:linear-gradient(150deg,#091c14,#03301f 55%,#00563c);
  --kz-glow:radial-gradient(circle,rgba(0,217,130,.14),transparent 65%);
  --kz-head:88px;
  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  color:var(--kz-body);
  width:100vw; margin-left:calc(50% - 50vw);
  background:var(--kz-bg);
  border-top:1px solid var(--kz-line);
}
.klrez *{box-sizing:border-box}
.klrez button{font-family:inherit}
.klrez-top{max-width:1560px;margin:0 auto;padding:16px 22px 14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.klrez-lbl{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--kz-gd);display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0}
.klrez-live{display:inline-flex;align-items:center;gap:7px;color:var(--kz-g)}
.klrez-live::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--kz-g);animation:klrezpulse 1.6s infinite}
@keyframes klrezpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}
.klrez-upd{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--kz-mut);letter-spacing:.05em;display:flex;align-items:center;gap:6px}
.klrez-upd i{width:6px;height:6px;border-radius:50%;background:var(--kz-g);display:block;animation:klrezpulse 1.6s infinite}
.klrez-grid{max-width:1560px;margin:0 auto;display:grid;grid-template-columns:262px minmax(0,1fr) 376px;border-top:1px solid var(--kz-line)}
.klrez-col{min-width:0}
.klrez-rail{border-right:1px solid var(--kz-line)}
.klrez-side{border-left:1px solid var(--kz-line)}
.klrez-stick{position:sticky;top:var(--kz-head);max-height:calc(100vh - var(--kz-head));overflow-y:auto}
.klrez-stick::-webkit-scrollbar{width:6px}
.klrez-stick::-webkit-scrollbar-thumb{background:var(--kz-line);border-radius:3px}
.klrez-srch{padding:14px 16px 10px}
.klrez-srch input{width:100%;background-color:var(--kz-soft);border:1px solid var(--kz-line);border-radius:999px;color:var(--kz-ink);font-family:inherit;font-size:13px;padding:9px 14px}
.klrez-srch input::placeholder{color:var(--kz-mut)}
.klrez-srch input:focus{outline:none;border-color:var(--kz-g);background-color:var(--kz-bg)}
.klrez-h4{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--kz-mut);margin:14px 0 6px;padding:0 16px;font-weight:700}
.klrez-li{display:flex;align-items:center;gap:10px;padding:9px 16px;color:var(--kz-body);font-size:13.5px;background:none;border:0;width:100%;text-align:left;cursor:pointer;line-height:1.35}
.klrez-li .n{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--kz-mut);font-feature-settings:'tnum' 1}
.klrez-li:hover{background:var(--kz-soft);color:var(--kz-ink)}
.klrez-li[aria-current="true"]{background:var(--kz-mint);color:var(--kz-gd);font-weight:700;box-shadow:inset 3px 0 0 var(--kz-g)}
.klrez-li[aria-current="true"] .n{color:var(--kz-g)}
.klrez-li:focus-visible{outline:2px solid var(--kz-g);outline-offset:-2px}
.klrez-fl{border-radius:3px;width:21px;height:16px;flex:0 0 auto;object-fit:cover;background:var(--kz-line)}
/* Logo lige umjesto zastave kod medjunarodnih natjecanja: contain na bijelom,
   jer su logotipi prozirni i uspravni, a zastave su polozene i idu cover. */
.klrez-fl-lg{object-fit:contain;background:#fff;border-radius:3px}
/* Globus kad ni zastave ni lige nema, npr. red "Medjunarodno" u popisu zemalja. */
.klrez-fl-w{background:none;display:inline-flex;align-items:center;justify-content:center;
  color:var(--kz-mut)}
.klrez-fl-w svg{width:15px;height:15px}
.klrez-bar{padding:12px 16px;border-bottom:1px solid var(--kz-line);display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.klrez-tabs{display:flex;gap:3px;background:var(--kz-mint);border-radius:11px;padding:4px}
.klrez-tabs button{font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:8px 15px;border-radius:8px;border:0;background:transparent;color:#6B807A;cursor:pointer;white-space:nowrap}
.klrez-tabs button[aria-selected="true"]{background:var(--kz-bg);color:var(--kz-gd);box-shadow:0 1px 2px rgba(9,28,20,.09)}
.klrez-tabs button:focus-visible{outline:2px solid var(--kz-g);outline-offset:-2px}
.klrez-days{display:flex;gap:3px;margin-left:auto}
.klrez-days button{font-size:12.5px;font-weight:600;color:var(--kz-mut);padding:6px 13px;border-radius:999px;border:0;background:none;cursor:pointer}
.klrez-days button[aria-selected="true"]{background:var(--kz-mint);color:var(--kz-gd)}
.klrez-days button:focus-visible{outline:2px solid var(--kz-g);outline-offset:1px}
.klrez-gh{display:flex;align-items:center;gap:9px;padding:13px 16px 8px}
.klrez-gh .lg{font-weight:700;font-size:13px;color:var(--kz-ink)}
.klrez-gh .cn{font-size:12px;color:var(--kz-mut)}
.klrez-gh .pin{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--kz-g)}
.klrez-m{display:grid;grid-template-columns:70px 1fr auto 28px;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--kz-line);width:100%;text-align:left;background:none;border-left:0;border-right:0;border-bottom:0;cursor:pointer;position:relative}
.klrez-m:hover{background:var(--kz-soft)}
.klrez-m:focus-visible{outline:2px solid var(--kz-g);outline-offset:-2px}
.klrez-m[aria-current="true"]{background:var(--kz-mint)}
.klrez-m[aria-current="true"]::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--kz-g)}
.klrez-when{font-family:'JetBrains Mono',monospace;font-size:11.5px;font-feature-settings:'tnum' 1;color:var(--kz-mut);display:flex;align-items:center;gap:5px}
/* Datum na favoritu s drugog dana. Stupac je uzak pa datum ide u vlastiti red
   iznad termina, inace bi "27.7. 20:00" gurnuo rezultat. */
.klrez-when:has(.klrez-fd){flex-direction:column;align-items:flex-start;gap:1px;line-height:1.25}
.klrez-fd{font-size:10px;font-weight:700;color:var(--kz-g);letter-spacing:.02em}
.klrez-m.is-live .klrez-when{color:var(--kz-g);font-weight:700}
.klrez-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto;animation:klrezpulse 1.6s infinite}
/* redak: timovi jedan ispod drugog, rezultat kao stupac, pobjednik podebljan */
.klrez-mt{min-width:0;display:grid;gap:5px}
.klrez-t{display:flex;align-items:center;gap:9px;min-width:0}
.klrez-t img{width:18px;height:18px;flex:0 0 auto;object-fit:contain}
.klrez-t .n{font-size:14.5px;color:var(--kz-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.klrez-t.is-w .n{color:var(--kz-ink);font-weight:700}
.klrez-m.is-up .klrez-t .n,.klrez-m.is-off .klrez-t .n{color:var(--kz-body)}
.klrez-mt .sub{font-size:11.5px;color:var(--kz-mut);margin-top:1px}
.klrez-sc{font-family:'JetBrains Mono',monospace;font-feature-settings:'tnum' 1;font-size:15.5px;font-weight:700;color:var(--kz-ink);display:grid;gap:5px;text-align:right;line-height:1.3;min-width:14px}
.klrez-sc i{font-style:normal;display:block}
.klrez-tabs button .c{margin-left:6px;opacity:.6;font-weight:600}
.klrez-tabs button[aria-selected="true"] .c{opacity:.7}
.klrez-m.is-live .klrez-sc{color:var(--kz-g)}
.klrez-m.is-up .klrez-sc{color:var(--kz-mut);font-weight:500}
.klrez-star{background:none;border:0;padding:4px;cursor:pointer;line-height:0;border-radius:5px;color:#C9CFCD}
.klrez-star svg{width:15px;height:15px}
.klrez-star[aria-pressed="true"]{color:var(--kz-gold)}
.klrez-star:focus-visible{outline:2px solid var(--kz-g);outline-offset:1px}
.klrez-tipline{grid-column:2/4;margin-top:3px}
/* Bio je pun crni blok koji se lomio u tri retka i tezio kao naslov. Sad je
   lagana mint plocica u jednom retku, s rezanjem umjesto loma. */
.klrez-chip{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;
  padding:3px 9px;border-radius:999px;background:var(--kz-mint);color:var(--kz-gd);
  border:1px solid rgba(0,145,104,.18);text-decoration:none;max-width:100%;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.klrez-chip b{font-family:'JetBrains Mono',monospace;color:var(--kz-g);flex:0 0 auto}
.klrez-chip.is-loss{background:#FCEDED;color:#8E2020;border-color:rgba(197,48,48,.22)}
.klrez-chip.is-loss b{color:var(--kz-loss)}
.klrez-chip:hover{opacity:.88}
.klrez-end{padding:20px;text-align:center;border-top:1px solid var(--kz-line)}
.klrez-end button{color:var(--kz-g);background:none;border:0;font-weight:700;font-size:13.5px;cursor:pointer;padding:4px 8px;border-radius:6px}
.klrez-end button:focus-visible{outline:2px solid var(--kz-g);outline-offset:2px}
.klrez-end p{margin:6px 0 0;font-size:11.5px;color:var(--kz-mut)}
.klrez-pad{padding:16px}
.klrez-sh{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--kz-mut);font-weight:700;margin:0 0 12px;display:flex;align-items:center;gap:8px}
.klrez-sh button{margin-left:auto;background:none;border:0;color:var(--kz-mut);cursor:pointer;line-height:0;padding:3px;border-radius:5px}
.klrez-sh button:hover{color:var(--kz-ink)}
.klrez-sh svg{width:14px;height:14px}
.klrez-e{background:var(--kz-grad);border-radius:16px;padding:18px;position:relative;overflow:hidden;color:#fff}
.klrez-e::before{content:'';position:absolute;top:-70px;right:-50px;width:220px;height:220px;background:var(--kz-glow);pointer-events:none}
.klrez-e>*{position:relative}
.klrez-e .top{display:flex;align-items:center;gap:9px;margin-bottom:13px}
.klrez-e .av{width:40px;height:40px;flex:0 0 auto;border-radius:50%;background:#2C7A7B;
  display:grid;place-items:center;font-size:14px;font-weight:800;color:#fff}
.klrez-e .av.is-img{object-fit:cover;border:2px solid rgba(255,255,255,.22);background:#0E3B26}
.klrez-e .idt{display:flex;flex-direction:column;gap:1px;min-width:0}
.klrez-e .who{font-size:15px;font-weight:700;color:#fff;line-height:1.25}
.klrez-e .rub{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--kz-acc)}
.klrez-e .bdg{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(0,217,130,.16);color:var(--kz-acc)}
.klrez-e .bdg.is-loss{background:rgba(255,140,140,.16);color:#FFB4B4}
.klrez-e .pick{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.klrez-e .pick .p{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.01em}
.klrez-e .pick .q{font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:700;color:var(--kz-acc)}
.klrez-e .pick .u{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:#9DBDB0;margin-left:auto}
.klrez-e .qhid{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:#9DBDB0}
.klrez-e .cta{display:flex;gap:8px;margin-top:12px}
/* CTA standard sajta (LOCKED 23.07.): puni pill, #009168, bijeli bold tekst,
   hover #00B582 + lift. Prije se rastezao preko cijele sirine panela. */
.klrez-e .cta a{flex:0 0 auto;align-self:flex-start;text-align:center;
  text-decoration:none!important;font-size:13px;font-weight:700;padding:11px 26px;
  border-radius:999px;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}
.klrez-e .cta .g{background:var(--kz-g);color:#fff!important;border:0;
  box-shadow:0 2px 8px rgba(0,0,0,.22)}
.klrez-e .cta .g:hover{background:var(--kz-gl);transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(0,0,0,.28)}
/* na mobitelu je gumb zauzimao previse visine kartice */
@media (max-width:640px){
  .klrez-e .cta{margin-top:10px}
  .klrez-e .cta a{flex:1;align-self:stretch;font-size:12.5px;padding:9px 16px}
}
.klrez-e .cta .o{color:#fff!important;border:1.5px solid rgba(255,255,255,.45)}
.klrez-e .cta .o:hover{border-color:var(--kz-acc);background:rgba(255,255,255,.08)}
.klrez-e .cta a:focus-visible{outline:2px solid var(--kz-acc);outline-offset:2px}
.klrez-e.is-score{padding:16px}
.klrez-e .duel{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.klrez-e .sd{display:grid;justify-items:center;gap:7px;text-align:center}
.klrez-e .sd img{width:38px;height:38px;object-fit:contain}
.klrez-e .sd .tn{font-size:12px;font-weight:700;color:#fff;line-height:1.25}
.klrez-e .mid{display:grid;justify-items:center;gap:5px;min-width:74px}
.klrez-e .big{font-family:'JetBrains Mono',monospace;font-feature-settings:'tnum' 1;font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1;color:#fff}
.klrez-e .stt{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:5px;color:#7fa896}
.klrez-e.is-live .big,.klrez-e.is-live .stt{color:var(--kz-acc)}
.klrez-e.is-up .big{color:#d6e6de;font-size:22px}
.klrez-e .meta{text-align:center;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:#9DBDB0;margin:10px 0 0;line-height:1.5}
.klrez-blk{padding:16px;border-top:1px solid var(--kz-line)}
.klrez-blk h3{margin:0 0 12px;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--kz-mut);font-weight:700;display:flex;align-items:center;gap:8px}
.klrez-blk h3 .r{margin-left:auto;text-transform:none;letter-spacing:0;font-family:inherit;font-size:11px;color:var(--kz-g);font-weight:600}
.klrez-note{margin:9px 0 0;font-size:11px;color:var(--kz-mut)}
.klrez-form{display:flex;align-items:center;gap:9px;padding:6px 0}
.klrez-form .tn{font-size:13px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.klrez-fp{display:flex;gap:4px}
.klrez-fp span{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700}
.klrez-fp .w{background:#E0F2EC;color:#009168}
.klrez-fp .d{background:#F0F2F2;color:#8A9793}
.klrez-fp .l{background:#FBEAEA;color:#C53030}
/* Stupac ikone je 26.08. prosiren s 20 na 28 px: u njega ide fotografija
   strijelca. Usput je prestala prelijevati i ikona zamjene (dvije strelice od
   13 px su i prije bile sire od 20 px celije). */
.klrez-ev{display:grid;grid-template-columns:34px 28px 1fr;gap:9px;align-items:start;padding:6px 0}
.klrez-ev .mn{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--kz-mut);font-feature-settings:'tnum' 1;padding-top:1px}
.klrez-ev .ic{width:28px;height:18px;border-radius:5px;display:grid;place-items:center;font-size:9px;overflow:visible}
.klrez-ev.k-goal .ic{height:28px}
.klrez-ev.k-goal .ic{background:#E0F2EC;color:#009168}
/* Karton se crta kao karton, ne kao slovo u blijedoj kutiji. */
.klrez-ev.k-card .ic{background:none}
.klrez-ev .kk{display:block;width:10px;height:14px;border-radius:2px;
  border:1px solid rgba(0,0,0,.28);font-style:normal}
.klrez-ev .kk.is-zut{background:#F2C230}
.klrez-ev .kk.is-crv{background:#D42B2B}
/* drugi zuti: zuti sprijeda, crveni proviruje iza */
.klrez-ev .kk.is-2{background:#F2C230;position:relative}
.klrez-ev .kk.is-2::after{content:'';position:absolute;left:3.5px;top:-2.5px;width:10px;height:14px;
  border-radius:2px;background:#D42B2B;border:1px solid rgba(0,0,0,.28);z-index:-1}
.klrez-ev.k-sub .ic{background:none}
.klrez-ev .sw{display:flex;align-items:center;gap:1px}
.klrez-ev .sw svg{width:13px;height:13px;display:block;border-radius:50%}
.klrez-ev .sw svg:first-child{background:#0B7A46;padding:1px}
.klrez-ev .sw svg:last-child{background:#C0392B;padding:1px}
.klrez-ev.k-goal .ic{background:none}
.klrez-ev .bl{display:block;width:15px;height:15px}
.klrez-ev .bl svg{width:100%;height:100%;display:block}
.klrez-ev.k-var .ic{background:#EEF2FA;color:#2B6CB0}
.klrez-ev .tx{font-size:12.5px;line-height:1.45}
.klrez-ev .tx b{color:var(--kz-ink);font-weight:700}
.klrez-ev .tx .sm{display:block;font-size:11px;color:var(--kz-mut)}
/* STATISTIKA (26.08.2026.): jedna zajednicka traka govorila je omjer, ali ne i
   ciju stranu koja boja predstavlja. "0 Obrane vratara 2" bila je skroz siva,
   "5 Udarci u okvir 0" skroz zelena, a nigdje nije pisalo tko je zeleni. Sada
   svaka strana ima svoju traku koja raste iz sredine prema van, duljina joj je
   omjer prema vecoj brojci, a iznad bloka stoji tko je tko. */
.klrez-stlg{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-bottom:13px;padding-bottom:11px;border-bottom:1px solid var(--kz-line)}
.klrez-stlg .s{display:flex;align-items:center;gap:7px;min-width:0}
.klrez-stlg .s img{width:18px;height:18px;object-fit:contain;flex:0 0 auto}
.klrez-stlg .s b{font-size:12px;font-weight:700;color:var(--kz-ink);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.klrez-stlg .s::before{content:'';width:8px;height:8px;border-radius:50%;flex:0 0 auto}
.klrez-stlg .is-b{justify-content:flex-end}
.klrez-stlg .is-a::before{background:var(--kz-g)}
.klrez-stlg .is-b::before{background:#54635C;order:9}
/* ---- val pritiska (14.09.2026.) ---- */
.klrez-val .hd{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.klrez-val .hd b{font-size:13.5px;font-weight:700;color:var(--kz-ink);letter-spacing:-.01em}
.klrez-val .nas{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:8.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--kz-g);background:#e3f3ec;padding:3px 7px;border-radius:5px}
.klrez-val .tm{display:flex;justify-content:space-between;font-size:10.5px;font-weight:700}
.klrez-val .tm .a{color:var(--kz-g)}
.klrez-val .tm .b{color:#5a6c7d}
.klrez-val .cv{display:block;width:100%;height:78px;margin:3px 0 2px}
.klrez-val .ax{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--kz-mut);font-feature-settings:'tnum' 1}
.klrez-val .fus{margin:8px 0 0;font-size:11px;color:var(--kz-mut);line-height:1.5}
.klrez-val .fus b{color:var(--kz-ink);font-weight:600}
/* ---- dosje igraca u skocnom prozoru (14.09.2026.) ---- */
.klrez-docj{display:flex;gap:6px;flex:0 0 auto;margin-left:auto}
.klrez-docj .ob{width:62px;border:1px solid var(--kz-line);border-radius:10px;padding:6px 4px;text-align:center;background:#fff}
.klrez-docj .ob .k{display:block;font-family:'JetBrains Mono',monospace;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--kz-mut)}
.klrez-docj .ob .v{display:block;font-family:'JetBrains Mono',monospace;font-size:19px;font-weight:700;letter-spacing:-.04em;margin-top:2px;line-height:1.05;font-feature-settings:'tnum' 1;color:var(--kz-ink)}
.klrez-docj .ob.is-nas{background:#e3f3ec;border-color:#c9e5d8}
.klrez-docj .ob.is-nas .k{color:#0a6e51}
.klrez-docj .ob.is-nas .v{color:var(--kz-g)}
.klrez-docj .ob.is-izv .v{color:#37485a}
.klrez-dchips{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 12px}
.klrez-dchips .dch{display:inline-flex;align-items:center;gap:5px;background:var(--kz-line);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;color:var(--kz-mut)}
.klrez-dsec{margin:0 0 6px;font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--kz-mut)}
.klrez-dzas{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 14px}
.klrez-dzas .dch{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--kz-line);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;color:var(--kz-mut)}
.klrez-dzas .dch em{font-style:normal;font-family:'JetBrains Mono',monospace;font-weight:700;color:var(--kz-g);font-feature-settings:'tnum' 1}
.klrez-dzas .dch em.m{color:#c53030}
.klrez-dgr{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin:0 0 14px}
.klrez-dgr .dst{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--kz-line)}
.klrez-dgr .dst .l{font-size:11.5px;color:var(--kz-mut);min-width:0}
.klrez-dgr .dst .v{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--kz-mut);white-space:nowrap;font-feature-settings:'tnum' 1}
.klrez-dgr .dst .v b{font-size:13px;font-weight:700;color:var(--kz-ink)}
.klrez-dgr .dst .v s{text-decoration:none;font-size:10.5px}
.klrez-dsez{border:1px solid var(--kz-line);border-radius:12px;padding:11px 13px;margin:0 0 12px}
.klrez-dsez .kh{display:flex;align-items:center;gap:8px}
.klrez-dsez .k{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--kz-mut)}
.klrez-dsez .pr{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;color:#37485a;background:#e9ecef;padding:3px 7px;border-radius:5px}
.klrez-dsez .v{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px}
.klrez-dsez .v b{display:block;font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:700;color:var(--kz-ink);font-feature-settings:'tnum' 1}
.klrez-dsez .v span{display:block;font-size:10.5px;color:var(--kz-mut);margin-top:1px}
.klrez-dsez .dl{margin:9px 0 0;padding-top:8px;border-top:1px dashed var(--kz-line);font-size:11.5px;color:var(--kz-mut);line-height:1.5}
.klrez-dsez .dl em{font-style:normal;font-weight:700;color:var(--kz-ink)}
.klrez-dizv{margin:0;font-size:10.5px;color:var(--kz-mut);line-height:1.55}
.klrez-dizv code{font-family:'JetBrains Mono',monospace;font-size:10px;background:var(--kz-line);padding:1px 5px;border-radius:4px}
@media (max-width:520px){.klrez-dgr{grid-template-columns:1fr}}
/* --- detalj utakmice V4: dvostupac i puna sirina (14.9.2026.) -----------
   Otvorena utakmica je svoj ekran. Lijevi stupac nosi ono sto racunamo
   (val pritiska, prilike, statistika), desni ono sto se gleda (igrac
   utakmice, teren, tijek). Na mobitelu se stupci raspustaju s
   display:contents pa je redoslijed stvar CSS-a, ne HTML-a. */
.klrez-back{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--kz-line)}
.klrez-back button{font-family:inherit;font-size:12.5px;font-weight:700;color:var(--kz-g);background:#fff;
  border:1px solid var(--kz-line);border-radius:8px;padding:7px 12px;cursor:pointer;
  transition:border-color .18s,background .18s}
.klrez-back button:hover{border-color:var(--kz-g);background:var(--kz-mint)}
.klrez-back .kb{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--kz-mut);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.klrez-d2{display:grid;grid-template-columns:minmax(0,1fr) 392px;align-items:start}
.klrez-d2 .kd-l{min-width:0;border-right:1px solid var(--kz-line)}
.klrez-d2 .kd-r{min-width:0}
.klrez-d2 .kd-b:empty{display:none}
.klrez-d2 .kd-sas .klrez-pitchwrap{margin-top:10px}
.klrez.is-full .klrez-rail,.klrez.is-full .klrez-mid{display:none}
.klrez.is-full .klrez-side{border-left:0}
.klrez.is-full .klrez-drag{display:none}
.klrez.is-full .klrez-stick{position:static;max-height:none;overflow:visible}
@media (max-width:1240px){.klrez-d2{grid-template-columns:minmax(0,1fr) 344px}}
@media (max-width:979px){
  .klrez-d2{display:flex;flex-direction:column}
  .klrez-d2 .kd-l,.klrez-d2 .kd-r{display:contents}
  .klrez-d2 .kd-val{order:1}
  .klrez-d2 .kd-jun{order:2}
  .klrez-d2 .kd-stat{order:3}
  .klrez-d2 .kd-sas{order:4}
  .klrez-d2 .kd-tok{order:5}
  .klrez-back{padding:9px 13px}
}
/* --- nase brojke u statistici ------------------------------------------- */
.klrez-nash{display:flex;align-items:center;gap:9px;margin:15px 0 5px;padding-top:11px;
  border-top:1px dashed var(--kz-line)}
.klrez-nash .nas{font-family:'JetBrains Mono',monospace;font-size:8.5px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--kz-g);background:var(--kz-mint);padding:3px 7px;border-radius:5px;
  white-space:nowrap}
.klrez-nash span+span{font-size:11px;color:var(--kz-mut);line-height:1.4}
.klrez-stat.is-nas .lb span{color:#3E7160;font-weight:600}
/* --- dosje u lijevom stupcu -------------------------------------------- */
.klrez-dosb{padding-top:14px}
.klrez-dospr{border:1px dashed var(--kz-line);border-radius:12px;padding:15px 16px;background:var(--kz-soft)}
.klrez-dospr b{display:block;font-size:13.5px;font-weight:700;color:var(--kz-ink);margin-bottom:4px}
.klrez-dospr p{margin:0;font-size:12px;color:var(--kz-mut);line-height:1.55}
.klrez-pmbox.is-ugr{max-width:none;width:100%;max-height:none;overflow:visible;background:#fff;
  border:1px solid var(--kz-line);border-radius:12px;box-shadow:none}
.klrez-pmbox.is-ugr .klrez-pmhd{border-bottom:1px solid var(--kz-line);background:var(--kz-soft);
  border-radius:12px 12px 0 0;padding-right:46px}
.klrez-pmbox.is-ugr .klrez-pmhd h4{color:var(--kz-ink)!important}
.klrez-pmbox.is-ugr .klrez-pmhd p{color:var(--kz-mut)!important}
.klrez-pmbox.is-ugr .klrez-pmx{background:var(--kz-line);color:var(--kz-mut)}
.klrez-pmbox.is-ugr .klrez-pmx:hover{background:#dde2dc}
.klrez-pmbox.is-ugr .klrez-pmst{padding:14px 16px 16px}
@media (max-width:979px){.klrez-d2 .kd-dos{display:none}}
/* ======================================================================
   DETALJ UTAKMICE — dizajn V4, doslovno po nacrtu (14.09.2026.)
   Sve je omotano u .klrez-side pa popis dana ostaje netaknut.
   Tokeni su preslikani iz nacrta: papir, tanke crte, emerald i grafit.
   ====================================================================== */
#klrez .klrez-side{--v4-ink:#0B100D;--v4-mut:#69726C;--v4-hair:#DDE2DC;--v4-hair2:#EBEEE9;
  --v4-cool:#F5F8F4;--v4-em:#009168;--v4-em2:#00C98F;--v4-soft:#E3F3EC;--v4-gra:#37485A;
  --v4-gra2:#5A6C7D;--v4-grasoft:#E9ECEF;--v4-red:#C53030;--v4-amb:#E0A82E}
@keyframes klrezpip{0%,100%{opacity:1}50%{opacity:.18}}
@keyframes klrezpop{0%{transform:scale(.72)}60%{transform:scale(1.09)}100%{transform:scale(1)}}
@keyframes klrezpnin{from{opacity:0;transform:translate(-50%,-38%) scale(.82)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes klrezzvi{0%{opacity:.75;transform:scale(.9)}70%{opacity:0;transform:scale(1.75)}100%{opacity:0}}
@keyframes klrezevin{0%{opacity:0;transform:translateY(-14px)}100%{opacity:1;transform:none}}
@keyframes klrezgrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}

/* ---------- traka lige iznad semafora ---------- */
#klrez .klrez-side .klrez-hdr{display:flex;align-items:center;gap:11px;padding:13px 18px;
  border-bottom:1px solid var(--v4-hair);flex-wrap:wrap;background:#fff}
#klrez .klrez-side .klrez-hdr img.lgo{width:18px!important;height:18px!important;object-fit:contain;
  border-radius:0!important;flex:0 0 18px}
#klrez .klrez-side .klrez-hdr .lg{font-size:11.5px;font-weight:700;letter-spacing:.045em;
  text-transform:uppercase;color:var(--v4-mut)}
#klrez .klrez-side .klrez-hdr .ven{font-size:12px;color:var(--v4-mut)}
#klrez .klrez-side .klrez-hdr .liv{margin-left:auto;display:flex;align-items:center;gap:7px;
  font-size:12.5px;font-weight:700;color:var(--v4-em);white-space:nowrap}
#klrez .klrez-side .klrez-hdr .liv .klrez-dot{display:block;width:7px;height:7px;border-radius:50%;
  background:var(--v4-em);animation:klrezpip 1.4s infinite}
#klrez .klrez-side .klrez-hdr .liv.is-off{color:var(--v4-mut);font-weight:600;text-transform:uppercase;
  font-size:11px;letter-spacing:.06em}
/* ---------- semafor ---------- */
#klrez .klrez-side .klrez-sh{display:flex;align-items:center;gap:16px;padding:20px 18px 15px;background:#fff}
#klrez .klrez-side .klrez-sh .tm{flex:1;display:flex;align-items:center;gap:12px;min-width:0}
#klrez .klrez-side .klrez-sh .tm.is-aw{flex-direction:row-reverse}
#klrez .klrez-side .klrez-sh .tm img{width:48px!important;height:48px!important;object-fit:contain;
  flex:0 0 48px;border-radius:0!important}
#klrez .klrez-side .klrez-sh .tm .n2{min-width:0}
#klrez .klrez-side .klrez-sh .tm .n2 b{display:block;font-size:19px;font-weight:800;letter-spacing:-.028em;
  line-height:1.15;color:var(--v4-ink)}
#klrez .klrez-side .klrez-sh .tm .n2 .pr{display:block;font-size:12px;color:var(--v4-mut);margin-top:4px;
  font-variant-numeric:tabular-nums}
/* ocjena kroz utakmicu u dosjeu */
#klrez .klrez-side .klrez-dkr{border:1px solid var(--v4-hair);border-radius:12px;padding:11px 13px 9px;
  margin:0 0 14px;background:#fff}
#klrez .klrez-side .klrez-dkr .dkh{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
#klrez .klrez-side .klrez-dkr .dkh .k{font-family:'JetBrains Mono',monospace;font-size:8.5px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--v4-mut)}
#klrez .klrez-side .klrez-dkr .dkh .z{margin-left:auto;font-size:11px;color:var(--v4-mut)}
#klrez .klrez-side .klrez-dkr svg{display:block;width:100%;height:76px;margin-top:7px;overflow:visible}
#klrez .klrez-side .klrez-dkr .osx{display:flex;justify-content:space-between;
  font-size:10.5px;font-weight:600;color:#98a29b;margin-top:4px}
/* ======================================================================
   TIPOGRAFIJA po nacrtu V4 (14.09.2026.)
   Nacrt je cijeli u Interu s tabularnim brojkama. Mono je razvlacio brojke i
   detalj se citao kao terminal umjesto kao semafor; ostaje samo za oznake
   izvora (<code>). Tabularne znamenke ukljucujemo na cijelom detalju, da se
   rezultat i ocjene ne pomicu dok se broj mijenja.
   ====================================================================== */
#klrez .klrez-side{font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
#klrez .klrez-side .klrez-sh .mid .big{font-family:inherit;font-weight:800;font-size:46px;
  letter-spacing:-.04em}
#klrez .klrez-side .klrez-sh.is-up .mid .big{font-size:30px;font-weight:700}
#klrez .klrez-side .klrez-sh .tm .n2 b{font-size:22px;letter-spacing:-.028em}
#klrez .klrez-side .klrez-sh .mid .stt{font-size:11px;font-weight:600;letter-spacing:.07em}
#klrez .klrez-side .klrez-junak .br em{font-family:inherit;font-weight:800;font-size:31px;
  letter-spacing:-.05em}
#klrez .klrez-side .klrez-junak .br s{font-family:inherit;font-size:10px;font-weight:700;
  letter-spacing:.05em}
#klrez .klrez-side .klrez-junak .im b{font-size:20px;letter-spacing:-.035em}
#klrez .klrez-side .klrez-junak .hd .k{font-size:11.5px;font-weight:700;letter-spacing:.05em}
#klrez .klrez-side .klrez-junak .ch em{font-family:inherit;font-weight:800}
#klrez .klrez-side .klrez-stat .lb b{font-family:inherit;font-weight:700;letter-spacing:-.02em;
  font-size:13.5px}
#klrez .klrez-side .klrez-pril .rb .vb{font-family:inherit;font-weight:800;letter-spacing:-.05em}
#klrez .klrez-side .klrez-pril .nas,#klrez .klrez-side .klrez-val .nas,
#klrez .klrez-side .klrez-nash .nas{font-family:inherit;font-size:10.5px;font-weight:700;
  letter-spacing:.05em}
#klrez .klrez-side .klrez-pril .mj{font-family:inherit;font-size:10px;font-weight:800;
  letter-spacing:.07em}
#klrez .klrez-side .klrez-pp .rt{font-family:inherit;font-weight:800;letter-spacing:-.02em}
#klrez .klrez-side .klrez-ev .mn{font-family:inherit;font-weight:800;letter-spacing:-.02em}
#klrez .klrez-side .klrez-ev .rt{font-family:inherit;font-weight:800;font-size:11.5px}
#klrez .klrez-side .klrez-pteam b{font-family:inherit;font-weight:700;letter-spacing:.06em}
#klrez .klrez-side .klrez-val .ax{font-family:inherit;font-size:10.5px;font-weight:600}
#klrez .klrez-side .klrez-dkr .dkh .k,#klrez .klrez-side .klrez-dsec,
#klrez .klrez-side .klrez-dsez .k{font-family:inherit;font-size:10px;font-weight:800;
  letter-spacing:.06em}
#klrez .klrez-side .klrez-docj .ob .k{font-family:inherit;font-size:9.5px;font-weight:800;
  letter-spacing:.06em}
#klrez .klrez-side .klrez-docj .ob .v{font-family:inherit;font-size:22px;font-weight:800;
  letter-spacing:-.05em}
#klrez .klrez-side .klrez-dsez .v b{font-family:inherit;font-size:16px;font-weight:800;
  letter-spacing:-.03em}
#klrez .klrez-side .klrez-dsez .pr{font-family:inherit;font-size:11px;font-weight:700}
#klrez .klrez-side .klrez-dzas .dch em{font-family:inherit;font-weight:800}
#klrez .klrez-side .klrez-dgr .dst .v,#klrez .klrez-side .klrez-dgr .dst .v b{font-family:inherit}
#klrez .klrez-side .klrez-dgr .dst .v b{font-weight:800;letter-spacing:-.02em}
#klrez .klrez-side .klrez-pr .kv{font-family:inherit;font-weight:700}
/* popis dana: iste tabularne brojke i Inter umjesto monoa */
#klrez-list,.klrez-sech{font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
#klrez .klrez-sech .bro{font-family:inherit;font-weight:700;font-size:11px}
#klrez .klrez-mpr .v b,#klrez .klrez-mpr .v s{font-family:inherit;font-weight:800;
  letter-spacing:-.03em;font-size:12.5px}
#klrez .klrez-mpr .v i{font-family:inherit;font-size:9px;font-weight:700;letter-spacing:.08em}
@media (max-width:760px){
  #klrez .klrez-side .klrez-sh .mid .big{font-size:32px}
  #klrez .klrez-side .klrez-sh .tm .n2 b{font-size:16px}
  #klrez .klrez-side .klrez-junak .br em{font-size:27px}
  #klrez .klrez-side .klrez-junak .im b{font-size:18px}
}
@media (max-width:760px){
  #klrez .klrez-side .klrez-sh .tm .n2 .pr{font-size:11px;margin-top:3px}
}
#klrez .klrez-side .klrez-sh .tm.is-aw .n2{text-align:right}
#klrez .klrez-side .klrez-sh .mid{flex:0 0 auto;text-align:center;min-width:104px}
#klrez .klrez-side .klrez-sh .mid .big{display:block;font-family:'JetBrains Mono',monospace;font-size:40px;
  font-weight:700;letter-spacing:-.045em;line-height:1;color:var(--v4-ink);font-feature-settings:'tnum' 1}
#klrez .klrez-side .klrez-sh.is-live .mid .big{color:var(--v4-em)}
#klrez .klrez-side .klrez-sh.is-up .mid .big{font-size:28px;color:var(--v4-mut)}
#klrez .klrez-side .klrez-sh .mid .stt{display:block;font-size:10.5px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--v4-mut);margin-top:9px}
#klrez .klrez-side .klrez-ref{margin:0;padding:0 18px 13px;font-size:11.5px;color:var(--v4-mut);background:#fff}
/* ---------- nas tip ---------- */
#klrez .klrez-side .klrez-pol{background:var(--v4-soft);border-top:1px solid #C9E5D8;
  border-bottom:1px solid #C9E5D8;border-radius:0;padding:0}
#klrez .klrez-side .klrez-pr{border:0;background:none;padding:13px 18px}
#klrez .klrez-side .klrez-pr .gore{color:#457A67!important;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;font-size:10.5px}
#klrez .klrez-side .klrez-pr .dolje{font-size:14.5px;font-weight:700;color:var(--v4-ink)}
#klrez .klrez-side .klrez-pr .bdg{background:var(--v4-em);color:#fff!important;font-weight:700;
  border-radius:7px;padding:6px 11px;font-size:11.5px;border:0}
#klrez .klrez-side .klrez-pr .bdg.is-loss{background:var(--v4-red)}
/* ---------- blokovi ---------- */
#klrez .klrez-side .klrez-blk{padding:16px 18px;border-top:1px solid var(--v4-hair)}
#klrez .klrez-side .klrez-blk h3{display:flex;align-items:center;gap:9px;margin:0 0 11px;
  font-size:13.5px;font-weight:700;letter-spacing:-.01em;color:var(--v4-ink)}
#klrez .klrez-side .klrez-blk h3 .cnt{font-size:11px;font-weight:700;color:var(--v4-em);
  background:var(--v4-soft);padding:2px 8px;border-radius:999px}
#klrez .klrez-side .klrez-blk h3 .r{margin-left:auto;font-size:11px;font-weight:500;color:var(--v4-mut)}
/* ---------- igrac utakmice ---------- */
#klrez .klrez-side .klrez-junak{border:0;border-radius:0;margin:0;padding:16px 18px 14px;
  background:linear-gradient(150deg,#F7FBF8,#EAF3EE);border-bottom:1px solid #D7E4DC}
#klrez .klrez-side .klrez-junak .hd{margin-bottom:12px}
#klrez .klrez-side .klrez-junak .hd .k{font-size:11px;font-weight:700;letter-spacing:.06em;color:#4A7D6B}
#klrez .klrez-side .klrez-junak .tp{gap:13px}
#klrez .klrez-side .klrez-junak .tp .fc{width:68px;height:68px;flex:0 0 68px;
  box-shadow:0 0 0 3px #fff,0 0 0 5px var(--v4-em),0 5px 14px rgba(11,16,13,.14);
  animation:klrezpop .6s cubic-bezier(.2,1.5,.4,1)}
#klrez .klrez-side .klrez-junak.is-b .tp .fc{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--v4-gra),
  0 5px 14px rgba(11,16,13,.14)}
#klrez .klrez-side .klrez-junak .im b{font-size:21px;letter-spacing:-.035em}
#klrez .klrez-side .klrez-junak .br em{font-size:33px;letter-spacing:-.05em}
#klrez .klrez-side .klrez-junak .zas{gap:6px;padding-top:10px}
#klrez .klrez-side .klrez-junak .ch{border-radius:6px;padding:5px 9px}
/* ---------- sklopka nasa / izvor ---------- */
#klrez .klrez-side .klrez-ocsw{display:flex;gap:2px;background:var(--v4-cool);border:1px solid var(--v4-hair);
  border-radius:8px;padding:2px;margin:0 0 11px}
#klrez .klrez-side .klrez-ocsw button{flex:1;font-family:inherit;font-size:11.5px;font-weight:700;border:0;
  background:none;color:var(--v4-mut);padding:7px 9px;border-radius:6px;cursor:pointer;
  transition:background .18s,color .18s}
#klrez .klrez-side .klrez-ocsw button[aria-selected="true"]{background:var(--v4-ink);color:#fff;box-shadow:none}
/* ---------- teren: svijetla trava iz nacrta ---------- */
#klrez .klrez-side .klrez-pitchwrap{border:1px solid #DCE7E1;border-radius:12px;overflow:hidden}
/* natpisi momcadi unutar terena */
#klrez .klrez-side .klrez-pitch .klrez-pteam{position:absolute;left:11px;z-index:1;padding:0;
  background:none!important;border:0;display:block;font-size:10px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:#8A9790!important;pointer-events:none}
#klrez .klrez-side .klrez-pitch .klrez-pteam.is-t{top:8px}
#klrez .klrez-side .klrez-pitch .klrez-pteam.is-b{bottom:8px}
#klrez .klrez-side .klrez-pitch .klrez-pteam b{background:none!important;border:0;padding:0;margin:0;
  color:#A2AAA2!important;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.08em}
/* grb kluba kao znacka na fotografiji */
#klrez .klrez-side .klrez-pp .cr{position:absolute;left:calc(50% + 8px);top:22px;width:16px;height:16px;
  border-radius:50%;background:#fff;display:grid;place-items:center;z-index:3;
  box-shadow:0 1px 3px rgba(11,16,13,.2)}
#klrez .klrez-side .klrez-pp .cr img{width:74%;height:74%;object-fit:contain;display:block;
  border-radius:0!important}
#klrez .klrez-side .klrez-pp .kt{top:22px;left:calc(50% - 26px)}
#klrez .klrez-side .klrez-pp .sb{top:-6px;left:calc(50% - 26px);width:15px;height:15px;
  border-color:#fff;box-shadow:0 1px 3px rgba(11,16,13,.25)}
#klrez .klrez-side .klrez-pp .gl{top:-6px;left:calc(50% - 26px)}
/* legenda i napomena ispod terena */
#klrez .klrez-side .klrez-tlg{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:11px}
#klrez .klrez-side .klrez-tlg span{display:inline-flex;align-items:center;gap:5px;font-size:11px;
  color:var(--v4-mut)}
#klrez .klrez-side .klrez-tlg i{width:9px;height:9px;border-radius:50%;display:block}
#klrez .klrez-side .klrez-tlg i.hi{background:var(--v4-em)}
#klrez .klrez-side .klrez-tlg i.mid{background:#fff;box-shadow:0 0 0 1px #C9D4CD}
#klrez .klrez-side .klrez-tlg i.lo{background:var(--v4-red)}
#klrez .klrez-side .klrez-tnote{margin:10px 0 0;font-size:11.5px;color:var(--v4-mut);line-height:1.55}
/* sklopka nasa/izvor u zaglavlju Sastava */
#klrez .klrez-side .klrez-blk h3 .klrez-ocsw{margin:0 0 0 auto;flex:0 0 auto;width:auto}
#klrez .klrez-side .klrez-blk h3 .klrez-ocsw button{flex:0 0 auto;font-size:11px;padding:5px 11px}
#klrez .klrez-side .klrez-pteam{background:var(--v4-cool);padding:10px 14px;border-bottom:1px solid #DCE7E1}
#klrez .klrez-side .klrez-pteam,#klrez .klrez-side .klrez-pteam span{color:var(--v4-ink)!important;
  font-size:12.5px;font-weight:700}
#klrez .klrez-side .klrez-pteam.is-h{border-bottom:0;border-top:1px solid #DCE7E1}
#klrez .klrez-side .klrez-pteam b{background:#fff!important;border:1px solid #DCE7E1;
  color:var(--v4-mut)!important;font-family:'JetBrains Mono',monospace;font-size:10.5px;
  letter-spacing:.06em;padding:3px 9px}
#klrez .klrez-side .klrez-pitch{background:#F1F7F3;
  background-image:repeating-linear-gradient(180deg,#F1F7F3 0 42px,#EDF4F0 42px 84px)}
#klrez .klrez-side .klrez-pitch::before{background:rgba(0,145,104,.18);height:1.5px}
#klrez .klrez-side .klrez-pitch::after{border-color:rgba(0,145,104,.18);border-width:1.5px}
#klrez .klrez-side .klrez-pbox{border-color:rgba(0,145,104,.18);border-width:1.5px}
#klrez .klrez-side .klrez-pvig{display:none}
#klrez .klrez-side .klrez-pcrest{opacity:.06;filter:grayscale(1) contrast(.7)}
#klrez .klrez-side .klrez-pp{width:66px;opacity:0;animation:klrezpnin .5s cubic-bezier(.2,1,.35,1) forwards}
#klrez .klrez-side .klrez-pp .fc{width:36px;height:36px;border-radius:50%!important;border:0;
  object-position:top center;background:linear-gradient(160deg,#F3F6F3,#E6ECE7);
  box-shadow:0 0 0 2px var(--v4-em),0 2px 6px rgba(11,16,13,.12)}
#klrez .klrez-side .klrez-pp.is-a .fc{box-shadow:0 0 0 2px var(--v4-gra),0 2px 6px rgba(11,16,13,.12)}
#klrez .klrez-side .klrez-pp.is-out{opacity:.55}
#klrez .klrez-side .klrez-pp.is-zvi .fc{box-shadow:0 0 0 2px var(--v4-em),0 0 0 5px rgba(0,201,143,.28),
  0 3px 10px rgba(11,16,13,.16)}
#klrez .klrez-side .klrez-pp.is-zvi::after{content:"";position:absolute;top:0;left:50%;width:36px;height:36px;
  margin-left:-18px;border-radius:50%;border:2px solid var(--v4-em);pointer-events:none;
  animation:klrezzvi 2.2s ease-out infinite}
#klrez .klrez-side .klrez-pp .nm{color:var(--v4-ink)!important;font-size:9.5px;font-weight:700;margin-top:5px;
  max-width:66px;text-shadow:0 0 4px #fff,0 0 8px #fff,0 0 12px #fff}
#klrez .klrez-side .klrez-pp .rt{position:absolute;top:-5px;left:calc(50% + 7px);margin:0;z-index:4;
  font-size:10px;font-weight:800;padding:1px 5px;border-radius:5px;letter-spacing:-.02em;
  background:#fff;color:var(--v4-ink)!important;box-shadow:0 1px 4px rgba(11,16,13,.18)}
#klrez .klrez-side .klrez-pp .rt.hi{background:var(--v4-em);color:#fff!important}
#klrez .klrez-side .klrez-pp .rt.mid{background:#fff;color:var(--v4-ink)!important}
#klrez .klrez-side .klrez-pp .rt.lo{background:var(--v4-red);color:#fff!important}
#klrez .klrez-side .klrez-pp .rt.is-no{background:#EDF0EC;color:#A7B0A9!important;box-shadow:none}
#klrez .klrez-side .klrez-pp .kt{top:22px;left:calc(50% + 12px);border-color:rgba(11,16,13,.18);
  box-shadow:0 1px 3px rgba(11,16,13,.2)}
#klrez .klrez-side .klrez-pp .sb{top:22px;left:calc(50% - 26px);width:15px;height:15px;
  border-color:#fff;box-shadow:0 1px 3px rgba(11,16,13,.25)}
#klrez .klrez-side .klrez-pp .gl{top:-6px;left:calc(50% - 26px);filter:drop-shadow(0 1px 2px rgba(11,16,13,.3))}
#klrez .klrez-side .klrez-lu .klrez-lut.is-bench summary{background:var(--v4-cool);border:1px solid var(--v4-hair);
  border-radius:9px;color:var(--v4-ink)}
/* ---------- prilike: znak, recenica, retci ---------- */
#klrez .klrez-side .klrez-pril{background:var(--v4-cool);border:1px solid var(--v4-hair);border-radius:13px;
  padding:0;overflow:hidden}
#klrez .klrez-side .klrez-pril .kart{display:flex;gap:13px;padding:15px 16px 14px;align-items:flex-start}
#klrez .klrez-side .klrez-pril .zn{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:var(--v4-ink);
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800}
#klrez .klrez-side .klrez-pril .kt{flex:1;min-width:0}
#klrez .klrez-side .klrez-pril .hd{display:flex;align-items:center;gap:9px;margin:0}
#klrez .klrez-side .klrez-pril .hd b{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--v4-ink)}
#klrez .klrez-side .klrez-pril .nas{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:8.5px;
  font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--v4-em);
  background:var(--v4-soft);padding:3px 7px;border-radius:5px;white-space:nowrap}
#klrez .klrez-side .klrez-pril .re{margin:5px 0 0;font-size:13px;color:var(--v4-mut);line-height:1.55}
#klrez .klrez-side .klrez-pril .re em{font-style:normal;font-weight:700;color:var(--v4-ink)}
#klrez .klrez-side .klrez-pril .mj{margin:13px 0 2px;font-family:'JetBrains Mono',monospace;font-size:9px;
  font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#98A29B}
#klrez .klrez-side .klrez-pril .fus{margin:12px 0 0;font-size:11.5px;color:#8A9790;line-height:1.5}
#klrez .klrez-side .klrez-pril .fus b{color:var(--v4-mut);font-weight:700}
#klrez .klrez-side .klrez-pril .rb{display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"t v" "s s" "b b";gap:2px 12px;align-items:baseline;padding:11px 0}
#klrez .klrez-side .klrez-pril .rb+.rb{border-top:1px solid var(--v4-hair2)}
#klrez .klrez-side .klrez-pril .rb .tm{grid-area:t;display:flex;align-items:center;gap:7px;font-size:13px;
  font-weight:700;letter-spacing:-.01em;color:var(--v4-ink);min-width:0}
#klrez .klrez-side .klrez-pril .rb .tm img{width:19px!important;height:19px!important;border-radius:0!important;
  object-fit:contain;flex:0 0 19px}
#klrez .klrez-side .klrez-pril .rb .vb{grid-area:v;font-family:'JetBrains Mono',monospace;font-size:21px;
  font-weight:700;letter-spacing:-.05em;white-space:nowrap;color:var(--v4-em);font-feature-settings:'tnum' 1}
#klrez .klrez-side .klrez-pril .rb.is-b .vb{color:var(--v4-gra)}
#klrez .klrez-side .klrez-pril .rb .vb s{text-decoration:none;font-family:inherit;font-size:11px;font-weight:600;
  color:var(--v4-mut);margin-left:5px;letter-spacing:0}
#klrez .klrez-side .klrez-pril .rb .sp{grid-area:s;font-size:12px;color:var(--v4-mut)}
#klrez .klrez-side .klrez-pril .rb .sp b{color:var(--v4-ink);font-weight:700}
#klrez .klrez-side .klrez-pril .rb .bb{grid-area:b;height:5px;border-radius:3px;background:#EDF0EC;
  overflow:hidden;margin-top:7px;display:block}
#klrez .klrez-side .klrez-pril .rb .bb i{display:block;height:100%;border-radius:3px;background:var(--v4-em);
  transition:width .7s cubic-bezier(.3,1,.4,1)}
#klrez .klrez-side .klrez-pril .rb.is-b .bb i{background:var(--v4-gra)}
/* ---------- statistika ---------- */
#klrez .klrez-side .klrez-sth{display:flex;gap:2px;background:var(--v4-cool);border:1px solid var(--v4-hair);
  border-radius:8px;padding:2px;margin:13px 0 11px}
#klrez .klrez-side .klrez-sth button{flex:1;font-family:inherit;font-size:11px;font-weight:700;border:0;
  background:none;color:var(--v4-mut);padding:6px 9px;border-radius:6px;cursor:pointer}
#klrez .klrez-side .klrez-sth button[aria-selected="true"]{background:var(--v4-ink);color:#fff}
#klrez .klrez-side .klrez-stlg{display:flex;justify-content:space-between;align-items:center;
  font-size:12px;font-weight:700;color:var(--v4-ink);margin-bottom:9px}
#klrez .klrez-side .klrez-stlg img{width:18px!important;height:18px!important;border-radius:0!important}
#klrez .klrez-side .klrez-stat{padding:8px 0}
#klrez .klrez-side .klrez-stat .lb{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;
  align-items:center;gap:8px;margin-bottom:6px}
#klrez .klrez-side .klrez-stat .lb b{font-family:'JetBrains Mono',monospace;font-size:13.5px;font-weight:700;
  letter-spacing:-.02em;color:var(--v4-mut);font-feature-settings:'tnum' 1}
#klrez .klrez-side .klrez-stat .lb b.b{text-align:right}
#klrez .klrez-side .klrez-stat .lb b.is-hi{color:var(--v4-ink)}
#klrez .klrez-side .klrez-stat .lb b.a.is-hi{color:var(--v4-em)}
#klrez .klrez-side .klrez-stat .lb span{font-size:12px;color:var(--v4-mut);text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#klrez .klrez-side .klrez-stat .tr{display:flex;height:6px;gap:2px;align-items:center;background:none}
#klrez .klrez-side .klrez-stat .tr u,#klrez .klrez-side .klrez-stat .tr s{display:block;height:100%;
  text-decoration:none;border-radius:3px;transition:width .55s cubic-bezier(.3,1,.4,1)}
#klrez .klrez-side .klrez-stat .tr u{background:var(--v4-em);margin-left:auto}
#klrez .klrez-side .klrez-stat .tr s{background:var(--v4-gra2);margin-right:auto}
#klrez .klrez-side .klrez-stat.is-nas{background:linear-gradient(90deg,rgba(0,145,104,.07),rgba(0,145,104,.02));
  margin:0 -10px;padding:8px 10px;border-radius:8px}
#klrez .klrez-side .klrez-stat.is-nas .lb span{color:#3E7160;font-weight:600}
/* ---------- tijek utakmice ---------- */
#klrez .klrez-side .klrez-tok{position:relative}
#klrez .klrez-side .klrez-tok::before{content:"";position:absolute;left:65px;top:10px;bottom:10px;width:2px;
  border-radius:2px;transform-origin:top;animation:klrezgrow 1s cubic-bezier(.3,1,.4,1);
  background:linear-gradient(180deg,var(--v4-em) 0,var(--v4-em) 18%,var(--v4-hair) 100%)}
#klrez .klrez-side .klrez-ev{position:relative;display:flex;gap:12px;align-items:center;padding:11px 0;
  border-bottom:1px solid var(--v4-hair2);border-top:0;background:none;
  animation:klrezevin .45s cubic-bezier(.2,1,.35,1) both}
#klrez .klrez-side .klrez-ev:last-child{border-bottom:0}
#klrez .klrez-side .klrez-ev[role="button"]{cursor:pointer;border-radius:8px;margin:0 -8px;padding:11px 8px;
  transition:background .18s}
#klrez .klrez-side .klrez-ev[role="button"]:hover{background:var(--v4-cool)}
#klrez .klrez-side .klrez-ev .mn{width:40px;flex:0 0 40px;font-family:'JetBrains Mono',monospace;font-size:13px;
  font-weight:800;letter-spacing:-.02em;color:var(--v4-mut);text-align:left}
#klrez .klrez-side .klrez-ev.is-big .mn{color:var(--v4-ink)}
#klrez .klrez-side .klrez-ev .ic{position:relative;z-index:2;width:28px;height:28px;flex:0 0 28px;
  border-radius:50%;display:grid;place-items:center;background:var(--v4-cool);
  box-shadow:0 0 0 4px #fff}
#klrez .klrez-side .klrez-ev.k-goal .ic{background:var(--v4-soft);width:34px;height:34px;flex:0 0 34px}
#klrez .klrez-side .klrez-ev.k-card .ic{background:#FCF4E5}
#klrez .klrez-side .klrez-ev.k-sub .ic{background:var(--v4-grasoft)}
#klrez .klrez-side .klrez-ev .tx{flex:1;min-width:0}
#klrez .klrez-side .klrez-ev .tx b{display:block;font-size:14px;font-weight:700;letter-spacing:-.01em;
  color:var(--v4-ink);line-height:1.25}
#klrez .klrez-side .klrez-ev .tx .sm{display:block;font-size:12.5px;color:var(--v4-mut);margin-top:2px;line-height:1.45}
#klrez .klrez-side .klrez-ev .tx .io{display:flex;align-items:center;gap:6px;font-size:12.5px;
  color:var(--v4-mut);line-height:1.5}
#klrez .klrez-side .klrez-ev .tx .io em{font-style:normal;font-weight:800;font-size:11px;line-height:1}
#klrez .klrez-side .klrez-ev .tx .io em.in{color:var(--v4-em)}
#klrez .klrez-side .klrez-ev .tx .io em.out{color:#9AA4A0}
/* grb kluba na fotografiji junaka */
#klrez .klrez-side .klrez-junak .tp .av{position:relative;display:inline-block;flex:0 0 68px;
  width:68px;height:68px}
#klrez .klrez-side .klrez-junak .tp .av .cr{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;
  border-radius:50%;background:#fff;display:grid;place-items:center;
  box-shadow:0 1px 3px rgba(11,16,13,.2)}
#klrez .klrez-side .klrez-junak .tp .av .cr img{width:74%;height:74%;object-fit:contain;display:block;
  border-radius:0!important}
@media (max-width:760px){
  #klrez .klrez-side .klrez-junak .tp .av{flex:0 0 56px;width:56px;height:56px}
  #klrez .klrez-side .klrez-junak .tp .av .cr{width:22px;height:22px}
}
#klrez .klrez-side .klrez-ev .rt{flex:0 0 auto;font-family:'JetBrains Mono',monospace;font-size:11.5px;
  font-weight:700;white-space:nowrap;padding:4px 9px;border-radius:6px;
  background:var(--v4-grasoft);color:var(--v4-gra);font-feature-settings:'tnum' 1}
#klrez .klrez-side .klrez-ev .rt.hi{background:var(--v4-soft);color:#0A6E51}
#klrez .klrez-side .klrez-ev .rt.lo{background:#FBEAEA;color:var(--v4-red)}
/* ---------- val pritiska ---------- */
#klrez .klrez-side .klrez-val .hd{display:flex;align-items:center;gap:9px;margin-bottom:2px}
#klrez .klrez-side .klrez-val .hd b{font-size:13.5px;color:var(--v4-ink);font-weight:700}
#klrez .klrez-side .klrez-val .cw{position:relative;width:100%}
#klrez .klrez-side .klrez-val .cv{display:block;width:100%;height:250px;margin:4px 0 0}
#klrez .klrez-side .klrez-val .tm{display:none}
#klrez .klrez-side .klrez-val .ax{display:flex;justify-content:space-between;
  font-family:'JetBrains Mono',monospace;font-size:10px;color:#A2AAA2;padding-top:4px;
  font-feature-settings:'tnum' 1}
#klrez .klrez-side .klrez-val .fus{margin:9px 0 0;font-size:11.5px;color:var(--v4-mut);line-height:1.5}
#klrez .klrez-side .klrez-val .fus b{color:var(--v4-ink);font-weight:700}
@media (max-width:760px){#klrez .klrez-side .klrez-val .cv{height:176px}}
/* ---------- dosje ---------- */
#klrez .klrez-side .klrez-dospr{background:#fff;border:1px dashed #CFD8D1}
#klrez .klrez-side .klrez-pmbox.is-ugr{border-color:var(--v4-hair)}
#klrez .klrez-side .klrez-pmbox.is-ugr .klrez-pmhd .fc{width:56px;height:56px;border-radius:50%!important;
  box-shadow:0 0 0 2px #fff,0 0 0 4px var(--v4-em);border:0}
/* ======================================================================
   POPIS DANA — dizajn V4 (14.09.2026. navecer)
   Lige vise nisu kartice s okvirom nego plosnate trake, kao u nacrtu, a
   popis je razlomljen na Uzivo / Zavrseno / Raspored.
   ====================================================================== */
#klrez .klrez-hd .lead{margin:7px 0 0;font-size:13.5px;line-height:1.6;color:var(--kz-mut);max-width:70ch}
#klrez .klrez-hd .lead b{color:var(--kz-ink);font-weight:700}
#klrez .klrez-sech{display:flex;align-items:center;gap:9px;padding:19px 18px 9px;background:var(--kz-bg)}
#klrez .klrez-sech b{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--kz-ink)}
#klrez .klrez-sech .bro{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:var(--kz-mut);
  background:#E9ECEF;padding:2px 8px;border-radius:999px;font-feature-settings:'tnum' 1}
#klrez .klrez-sech.is-live b{color:var(--kz-g)}
#klrez .klrez-sech.is-live .bro{color:var(--kz-g);background:#E3F3EC}
#klrez .klrez-sech .hint{margin-left:auto;font-size:11.5px;color:var(--kz-mut)}
#klrez-list .klrez-grp{background:var(--kz-bg);border:0;border-radius:0;margin:0;overflow:visible}
#klrez-list .klrez-grp:first-child{margin-top:0}
#klrez-list .klrez-gh{padding:12px 18px 7px;border-top:1px solid var(--kz-line);border-bottom:0;
  background:var(--kz-bg)}
#klrez-list .klrez-grp:not(.is-open) .klrez-gh{border-bottom:0}
#klrez-list .klrez-gh+.klrez-m{border-top:1px solid var(--kz-line)}
#klrez-list .klrez-gh .lg{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--kz-mut)}
#klrez-list .klrez-gh .cn{font-size:11px;color:#A2AAA2}
#klrez-list .klrez-gh .tog{font-size:11px;color:#A2AAA2}
#klrez-list .klrez-sech+.klrez-grp .klrez-gh{border-top:0}
#klrez-list .klrez-m{padding:10px 18px}
#klrez-list .klrez-end{margin:0;border:0;border-top:1px solid var(--kz-line);border-radius:0;
  background:var(--kz-bg)}
@media (max-width:760px){
  #klrez .klrez-hd .lead{font-size:12.5px;margin-top:6px}
  #klrez .klrez-sech{padding:16px 13px 8px}
  #klrez-list .klrez-gh{padding:10px 13px 6px}
  #klrez-list .klrez-m{padding:10px 13px}
}
/* uzi birac poluvremena na mobitelu: "2. POLUVRIJEME" se rezalo */
@media (max-width:760px){
  #klrez .klrez-side .klrez-sth button{padding:6px 4px;font-size:10.5px;letter-spacing:-.01em}
}
@media (prefers-reduced-motion:reduce){
  #klrez .klrez-side .klrez-pp,#klrez .klrez-side .klrez-ev,#klrez .klrez-side .klrez-junak .tp .fc,
  #klrez .klrez-side .klrez-tok::before,#klrez .klrez-side .klrez-pp.is-zvi::after,
  #klrez .klrez-side .klrez-hdr .liv .klrez-dot{animation:none!important;opacity:1!important}
  #klrez .klrez-side .klrez-pp{transform:translate(-50%,-50%)!important}
}
@media (max-width:760px){
  #klrez .klrez-side .klrez-hdr{padding:11px 13px;gap:8px}
  #klrez .klrez-side .klrez-hdr .ven{display:none}
  #klrez .klrez-side .klrez-sh{padding:15px 13px 12px;gap:9px}
  #klrez .klrez-side .klrez-sh .tm img{width:34px!important;height:34px!important;flex:0 0 34px}
  #klrez .klrez-side .klrez-sh .tm .n2 b{font-size:15px}
  #klrez .klrez-side .klrez-sh .mid{min-width:74px}
  #klrez .klrez-side .klrez-sh .mid .big{font-size:30px}
  #klrez .klrez-side .klrez-blk{padding:14px 13px}
  #klrez .klrez-side .klrez-junak{padding:14px 13px}
  #klrez .klrez-side .klrez-junak .tp .fc{width:56px;height:56px;flex:0 0 56px}
  #klrez .klrez-side .klrez-junak .im b{font-size:18px}
  #klrez .klrez-side .klrez-junak .br em{font-size:28px}
  #klrez .klrez-side .klrez-pril .kart{padding:13px;gap:11px}
  #klrez .klrez-side .klrez-tok::before{left:59px}
  #klrez .klrez-side .klrez-ev .mn{width:34px;flex:0 0 34px;font-size:12px}
  /* Na 390 px u redu stoje cetiri igraca, pa se imena spajaju jedno u drugo.
     Broj dresa ide van (ostaje na fotografiji kroz oznake), ime se stisne. */
  #klrez .klrez-side .klrez-pp{width:60px}
  #klrez .klrez-side .klrez-pp .nm{font-size:9px;max-width:58px}
  #klrez .klrez-side .klrez-pp .nm .br{display:none}
  #klrez .klrez-side .klrez-pr{padding:12px 13px}
}
/* --- nasa brojka u retku popisa (dizajn V4, 14.9.2026.) ----------------- */
.klrez-grp.is-nb .klrez-m{grid-template-columns:70px 1fr auto 130px 28px}
.klrez-grp.is-nb .klrez-tipline{grid-column:2/5}
.klrez-mnb{min-width:0;overflow:hidden}
.klrez-mval{display:block}
.klrez-mval svg{display:block;width:100%;height:26px}
.klrez-mpr{display:block}
.klrez-mpr .v{display:flex;align-items:baseline;justify-content:space-between;gap:6px}
.klrez-mpr .v b,.klrez-mpr .v s{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;
  font-feature-settings:'tnum' 1;text-decoration:none}
.klrez-mpr .v b{color:var(--kz-g)}
.klrez-mpr .v s{color:#5a6c7d}
.klrez-mpr .v i{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:.11em;
  text-transform:uppercase;color:#a2aaa2}
.klrez-mpr .bb{display:flex;height:4px;border-radius:2px;overflow:hidden;background:#edf0ec;margin-top:4px}
.klrez-mpr .bb u,.klrez-mpr .bb s{text-decoration:none}
.klrez-mpr .bb u{background:var(--kz-g)}
.klrez-mpr .bb s{background:#5a6c7d}
@media (max-width:760px){
  .klrez-grp.is-nb .klrez-m{grid-template-columns:62px 1fr auto 26px}
  .klrez-mnb{grid-column:1/-1;margin-top:7px}
  .klrez-grp.is-nb .klrez-tipline{grid-column:2/4}
}
/* ---- igrac utakmice: nasa ocjena (14.09.2026.) ---- */
.klrez-junak{border:1px solid #cfe7dc;border-radius:14px;background:linear-gradient(150deg,#f7fbf8,#eaf3ee);padding:13px 14px;margin:0 0 12px}
.klrez-junak .hd{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.klrez-junak .hd .k{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#4a7d6b;font-weight:700}
.klrez-junak .hd .nas{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:8.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--kz-g);background:#e3f3ec;padding:3px 7px;border-radius:5px;white-space:nowrap}
.klrez-junak .hd .nas.is-izv{color:#4b5b68;background:#e9ecef}
.klrez-junak .tp{display:flex;align-items:center;gap:12px}
.klrez-junak .tp img.fc{border-radius:50%!important}
.klrez-junak .tp .fc{width:52px;height:52px;flex:0 0 52px;border-radius:50%;object-fit:cover;object-position:top center;background:#fff;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--kz-g)}
.klrez-junak.is-b .tp .fc{box-shadow:0 0 0 2px #fff,0 0 0 4px #5a6c7d}
.klrez-junak .im{flex:1;min-width:0}
.klrez-junak .im b{display:block;font-size:17px;font-weight:800;letter-spacing:-.03em;color:var(--kz-ink);line-height:1.15}
.klrez-junak .im span{display:block;font-size:11.5px;color:var(--kz-mut);margin-top:3px}
.klrez-junak .br{text-align:right;line-height:1;flex:0 0 auto}
.klrez-junak .br em{display:block;font-style:normal;font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:700;letter-spacing:-.04em;color:var(--kz-g);font-feature-settings:'tnum' 1}
.klrez-junak.is-b .br em{color:#37485a}
.klrez-junak .br s{display:block;text-decoration:none;font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#6c8b7e;margin-top:4px}
.klrez-junak .br u{display:block;text-decoration:none;font-size:10.5px;color:var(--kz-mut);margin-top:5px;white-space:nowrap}
.klrez-junak .zas{margin-top:10px;padding-top:9px;border-top:1px solid #d7e4dc;display:flex;gap:6px;flex-wrap:wrap}
.klrez-junak .ch{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #dce7e1;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;color:var(--kz-mut)}
.klrez-junak .ch em{font-style:normal;font-family:'JetBrains Mono',monospace;font-weight:700;color:var(--kz-g);font-feature-settings:'tnum' 1}
.klrez-junak .ch em.m{color:#c53030}
.klrez-junak .ch.is-izv{background:#e9ecef;border-color:#d5dbe0;color:#4b5b68}
.klrez-ocsw{display:flex;gap:2px;background:var(--kz-line);border-radius:9px;padding:2px;margin:0 0 8px}
.klrez-ocsw button{flex:1;font-family:inherit;font-size:11.5px;font-weight:700;border:0;background:none;color:var(--kz-mut);padding:7px 9px;border-radius:7px;cursor:pointer;transition:background .18s,color .18s}
.klrez-ocsw button[aria-selected="true"]{background:#fff;color:var(--kz-ink);box-shadow:0 1px 3px rgba(11,16,13,.12)}
.klrez-ocnote{margin:0;font-size:11px;color:var(--kz-mut);line-height:1.5}
.klrez-lu .p.is-rate .min{white-space:nowrap}
/* ---- prilike: nasa brojka iz udaraca (14.09.2026.) ---- */
.klrez-pril{border:1px solid var(--kz-line);border-radius:13px;background:#f7fbf8;padding:13px 14px;margin:0 0 14px}
.klrez-pril .hd{display:flex;align-items:center;gap:9px}
.klrez-pril .hd b{font-size:13.5px;font-weight:700;color:var(--kz-ink);letter-spacing:-.01em;line-height:1.3}
.klrez-pril .nas{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:8.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--kz-g);background:#e3f3ec;padding:3px 7px;border-radius:5px;white-space:nowrap}
.klrez-pril .mj{margin:11px 0 0;font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--kz-mut)}
.klrez-pril .rb{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t v" "s s" "b b";gap:2px 10px;padding:9px 0;align-items:baseline}
.klrez-pril .rb+.rb{border-top:1px solid var(--kz-line)}
.klrez-pril .tm{grid-area:t;display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--kz-ink);min-width:0}
.klrez-pril .tm img{flex:0 0 18px;object-fit:contain}
.klrez-pril .vb{grid-area:v;font-family:'JetBrains Mono',monospace;font-size:19px;font-weight:700;color:var(--kz-ink);font-feature-settings:'tnum' 1;white-space:nowrap;line-height:1.1}
.klrez-pril .vb s{text-decoration:none;font-family:inherit;font-size:10px;font-weight:400;color:var(--kz-mut);margin-left:4px}
.klrez-pril .sp{grid-area:s;font-size:11.5px;color:var(--kz-mut);margin-top:1px}
.klrez-pril .sp b{color:var(--kz-ink);font-family:'JetBrains Mono',monospace;font-weight:700;font-feature-settings:'tnum' 1}
.klrez-pril .bb{grid-area:b;height:5px;border-radius:3px;background:var(--kz-line);overflow:hidden;margin-top:7px}
.klrez-pril .bb i{display:block;height:100%;border-radius:3px;background:var(--kz-g)}
.klrez-pril .rb.is-b .bb i{background:var(--kz-mut);opacity:.55}
.klrez-pril .fus{margin:11px 0 0;font-size:11px;color:var(--kz-mut);line-height:1.5}
.klrez-pril .fus b{color:var(--kz-ink);font-weight:600}
.klrez-stat{margin-bottom:11px}
.klrez-stat .lb{display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-size:11.5px;margin-bottom:5px;color:var(--kz-mut)}
.klrez-stat .lb span{text-align:center;min-width:0}
.klrez-stat .lb b{color:var(--kz-mut);font-family:'JetBrains Mono',monospace;font-weight:700;
  font-feature-settings:'tnum' 1;flex:0 0 auto;min-width:36px;font-size:12.5px}
.klrez-stat .lb .a{text-align:left}
.klrez-stat .lb .b{text-align:right}
.klrez-stat .lb .a.is-hi{color:var(--kz-g)}
.klrez-stat .lb .b.is-hi{color:#3E4B45}
.klrez-stat .tr{display:grid;grid-template-columns:1fr 1fr;gap:6px;height:5px}
.klrez-stat .tr span{display:block;height:100%;border-radius:3px;background:var(--kz-line);
  position:relative;overflow:hidden}
.klrez-stat .tr i{position:absolute;top:0;height:100%;border-radius:3px;display:block}
.klrez-stat .tr .h i{right:0;background:var(--kz-g)}
.klrez-stat .tr .v i{left:0;background:#54635C}
.klrez-h2h{display:grid;grid-template-columns:58px 1fr auto;gap:9px;align-items:center;padding:7px 0;border-bottom:1px solid var(--kz-line);font-size:12.5px}
.klrez-h2h:last-child{border-bottom:0}
.klrez-h2h .dt{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--kz-mut)}
.klrez-h2h .rs{font-family:'JetBrains Mono',monospace;font-weight:700;color:var(--kz-ink)}
.klrez-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.klrez-odds a{text-decoration:none!important;border:1px solid var(--kz-line);border-radius:11px;padding:10px 8px;display:grid;justify-items:center;gap:4px}
.klrez-odds a:hover{border-color:var(--kz-g);background:var(--kz-mint)}
.klrez-odds a:focus-visible{outline:2px solid var(--kz-g);outline-offset:2px}
.klrez-odds .k{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--kz-mut);font-weight:700}
.klrez-odds .v{font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:700;color:var(--kz-ink)}
.klrez-gate{border:1px dashed var(--kz-line);border-radius:11px;padding:14px;text-align:center}
.klrez-gate p{margin:0;font-size:12.5px;color:var(--kz-mut);line-height:1.55}
.klrez-gate b{color:var(--kz-ink);font-family:'JetBrains Mono',monospace}
.klrez-roi{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--kz-mint)}
.klrez-roi .k{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--kz-gd);font-weight:700}
.klrez-roi .v{font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:700;color:var(--kz-gd);margin-left:auto}
.klrez-tp{display:block;text-decoration:none!important;padding:12px 16px;border-top:1px solid var(--kz-line)}
.klrez-tp:hover{background:var(--kz-soft)}
.klrez-tp .r1{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.klrez-tp .rub{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:2px 7px;border-radius:4px;background:var(--kz-mint);color:var(--kz-gd)}
.klrez-tp .who{font-size:11.5px;color:var(--kz-mut)}
.klrez-tp .res{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}
.klrez-tp .res.w{background:#E0F2EC;color:#009168}
.klrez-tp .res.l{background:#FBEAEA;color:#C53030}
.klrez-tp .res.o{background:#F0F2F2;color:#8A9793}
.klrez-tp .mt{display:block;font-size:13.5px;color:var(--kz-ink);font-weight:700;margin-bottom:2px}
.klrez-tp .pk{display:block;font-size:12px;color:var(--kz-body)}
.klrez-m.is-off .klrez-when{color:#C53030}
.klrez-m.is-off .klrez-sc{color:var(--kz-mut);font-weight:500}

/* ============================================================================
   Naslovna traka - SVIJETLA. Odluka operatora 26.07.: tamna se ne uklapa
   ispod bijelog headera. Zadrzan je kompaktan raspored (naslov i status u
   istom retku) jer je to drzalo rezultate blizu vrha.
   ============================================================================ */
.klrez{border-top:1px solid var(--kz-line)}
.klrez-hero{background:var(--kz-bg);border-bottom:1px solid var(--kz-line)}
.klrez-hin{max-width:1560px;margin:0 auto;padding:16px 22px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.klrez-hd{max-width:none;margin:0;padding:0}
.klrez-hd .kick{margin:0 0 3px;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--kz-g);font-weight:600}
.klrez-hd h1{margin:0;font-size:23px;line-height:1.2;letter-spacing:-.02em;color:var(--kz-ink);font-weight:800}
.klrez-top{padding:0;margin-left:auto;max-width:none}
@media (max-width:979px){
  .klrez-hin{padding:13px 14px;gap:10px}
  .klrez-hd h1{font-size:19px}
  .klrez-top{margin-left:0;width:100%}
  .klrez-lbl{font-size:9.5px;gap:10px}
  .klrez-upd{margin-left:auto}
  .klrez[data-screen="detail"] .klrez-hero,
  .klrez[data-screen="favs"] .klrez-hero,
  .klrez[data-screen="tips"] .klrez-hero{display:none}
}
.klrez-tp .pk b{font-family:'JetBrains Mono',monospace;color:var(--kz-g)}
.klrez-empty{padding:38px 20px;text-align:center}
.klrez-empty .ic{width:46px;height:46px;border-radius:13px;background:var(--kz-mint);color:var(--kz-gd);display:grid;place-items:center;margin:0 auto 12px}
.klrez-empty .ic svg{width:23px;height:23px}
.klrez-empty h4{margin:0 0 6px;font-size:14.5px;color:var(--kz-ink);font-weight:700}
.klrez-empty p{margin:0 auto;font-size:12.5px;color:var(--kz-mut);max-width:36ch}
.klrez-empty button{margin-top:14px;background:var(--kz-g);color:#fff;border:0;border-radius:999px;padding:9px 18px;font-weight:700;font-size:13px;cursor:pointer}
.klrez-skel{padding:16px}
.klrez-skel i{display:block;height:44px;border-radius:8px;background:linear-gradient(90deg,#F2F4F4 25%,#E9EDEC 37%,#F2F4F4 63%);background-size:400% 100%;animation:klrezshine 1.3s ease infinite;margin-bottom:8px}
@keyframes klrezshine{0%{background-position:100% 50%}100%{background-position:0 50%}}
/* mobilni sloj i ekrani ne postoje na desktopu (favs/tips su tamo u stupcima) */
.klrez-nav,.klrez-sheet,.klrez-scrim,.klrez-mtop,#klrez-favs,#klrez-tips{display:none}
@media (max-width:979px){
.klrez{--kz-head:64px}
.klrez-top{padding:14px 14px 10px}
.klrez-upd{margin-left:0}
.klrez-grid{grid-template-columns:1fr;border-top:0}
.klrez-rail{display:none}
.klrez-side{border-left:0;border-top:1px solid var(--kz-line)}
.klrez-stick{position:static;max-height:none}
.klrez[data-screen="home"] .klrez-side,
.klrez[data-screen="home"] #klrez-favs,
.klrez[data-screen="home"] #klrez-tips,
.klrez[data-screen="detail"] .klrez-col.klrez-mid,
.klrez[data-screen="detail"] #klrez-favs,
.klrez[data-screen="detail"] #klrez-tips,
.klrez[data-screen="favs"] .klrez-col.klrez-mid,
.klrez[data-screen="favs"] .klrez-side,
.klrez[data-screen="favs"] #klrez-tips,
.klrez[data-screen="tips"] .klrez-col.klrez-mid,
.klrez[data-screen="tips"] .klrez-side,
.klrez[data-screen="tips"] #klrez-favs{display:none}
.klrez[data-screen="home"] .klrez-top{display:flex}
.klrez[data-screen="detail"] .klrez-top,
.klrez[data-screen="favs"] .klrez-top,
.klrez[data-screen="tips"] .klrez-top{display:none}
#klrez-favs,#klrez-tips{display:block}
.klrez-mtop{display:flex;align-items:center;gap:10px;padding:16px 14px 12px;border-bottom:1px solid var(--kz-line);position:sticky;top:0;z-index:20;background:var(--kz-bg)}
.klrez[data-screen="home"] .klrez-mtop{display:none}
.klrez-mtop .bk{background:var(--kz-soft);border:1px solid var(--kz-line);border-radius:9px;color:var(--kz-ink);padding:6px 8px;cursor:pointer;line-height:0}
.klrez-mtop .bk svg{width:15px;height:15px}
.klrez-mtop .t{font-weight:800;font-size:17px;color:var(--kz-ink);letter-spacing:-.02em}
.klrez-bar{position:sticky;top:0;z-index:19;background:var(--kz-bg)}
.klrez-tabs{flex:1}
.klrez-tabs button{flex:1;padding:8px 4px;font-size:9.5px;letter-spacing:.1em}
.klrez-days{margin-left:0;width:100%}
.klrez-days button{flex:1}
.klrez-m{grid-template-columns:62px 1fr auto 26px;gap:9px;padding:11px 14px}
.klrez-mt .nm{font-size:13.5px}
.klrez-nav{display:grid;position:sticky;bottom:0;z-index:30;grid-template-columns:repeat(4,1fr);background:var(--kz-bg);border-top:1px solid var(--kz-line);box-shadow:0 -6px 20px -16px rgba(9,28,20,.4)}
.klrez-nav button{display:grid;justify-items:center;gap:3px;padding:10px 4px 12px;color:var(--kz-mut);background:none;border:0;font-size:10px;font-weight:600;position:relative;cursor:pointer}
.klrez-nav button[aria-current="true"]{color:var(--kz-g)}
.klrez-nav button[aria-current="true"]::before{content:'';position:absolute;top:0;left:24%;right:24%;height:2.5px;background:var(--kz-g);border-radius:0 0 3px 3px}
.klrez-nav svg{width:20px;height:20px}
.klrez-nav .bd{position:absolute;top:7px;right:calc(50% - 19px);min-width:6px;height:6px;border-radius:999px;background:var(--kz-g)}
.klrez-nav button:focus-visible{outline:2px solid var(--kz-g);outline-offset:-3px}
.klrez-scrim{display:block;position:fixed;inset:0;z-index:1200;background:rgba(9,28,20,.42);opacity:0;pointer-events:none;transition:opacity .26s ease}
.klrez-scrim.is-open{opacity:1;pointer-events:auto}
.klrez-sheet{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1201;background:var(--kz-bg);border-radius:20px 20px 0 0;transform:translateY(101%);transition:transform .27s cubic-bezier(.32,.72,0,1);max-height:80vh;flex-direction:column;box-shadow:0 -16px 44px -14px rgba(9,28,20,.34)}
.klrez-sheet.is-open{transform:translateY(0)}
.klrez-sheet .grab{width:38px;height:4px;border-radius:2px;background:var(--kz-line);margin:10px auto 4px;flex:0 0 auto}
.klrez-sheet .shd{padding:6px 16px 10px;display:flex;align-items:center;gap:10px;flex:0 0 auto}
.klrez-sheet .shd .t{font-weight:800;font-size:16px;color:var(--kz-ink)}
.klrez-sheet .shd .c{margin-left:auto;background:var(--kz-soft);border:1px solid var(--kz-line);border-radius:8px;color:var(--kz-mut);cursor:pointer;padding:5px 7px;line-height:0}
.klrez-sheet .shd .c svg{width:13px;height:13px}
.klrez-sheet .lst{overflow-y:auto;padding-bottom:16px}
}
@media (prefers-reduced-motion:reduce){
.klrez-dot,.klrez-live::before,.klrez-upd i,.klrez-skel i{animation:none}
.klrez-busy::before,.klrez-pane .klrez-skel::after,.klrez-side .klrez-skel::after,
.klrez-pmbox .klrez-skel::after{animation:none;border-top-color:var(--kz-g);opacity:.6}
.klrez-sheet,.klrez-scrim{transition:none}
}

/* ============================================================================
   klrez MOBILNA DORADA - 26.07. Dolazi na kraj pa nadglasava sve iznad.
   ============================================================================ */
@media (max-width:979px){
  /* traka s tabovima se lijepi ISPOD headera teme, ne na sam vrh zaslona */
  .klrez-bar{top:var(--kz-head);padding:10px 12px;gap:8px}
  .klrez-tabs{flex:1;display:grid;grid-template-columns:repeat(4,1fr);min-width:0}
  .klrez-tabs button{padding:8px 2px;font-size:9px;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .klrez-tabs button .c{margin-left:4px}
  .klrez-days{margin-left:0;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
  .klrez-days button{width:100%}

  .klrez-m{grid-template-columns:62px 1fr auto 26px;gap:9px;padding:11px 13px}
  .klrez-t .n{font-size:13.5px}
  .klrez-t img{width:17px;height:17px}
  .klrez-sc{font-size:15px}
  .klrez-when{font-size:11px}
  .klrez-gh{padding:12px 13px 6px}
  .klrez-chip{text-align:left}
  .klrez-tipline{margin-top:5px}

  /* detalj: kartice i blokovi na punu sirinu, bez viska sa strane */
  .klrez-pad{padding:13px}
  .klrez-blk{padding:14px 13px}
  .klrez-e{padding:15px}
  .klrez-e .sd img{width:34px;height:34px}
  .klrez-e .big{font-size:26px}
  .klrez-e .cta{flex-direction:column}
  .klrez-odds{gap:6px}

  /* donja navigacija ne smije pokriti zadnji redak */
  .klrez-grid,#klrez-favs,#klrez-tips{padding-bottom:4px}
  .klrez-nav{padding-bottom:env(safe-area-inset-bottom,0)}

  /* ladica: dovoljno visoka da se lige stvarno mogu birati */
  .klrez-sheet{max-height:82vh}
  .klrez-sheet .lst{-webkit-overflow-scrolling:touch}
}

/* uski telefoni: zvjezdica i vrijeme se stisnu */
@media (max-width:400px){
  .klrez-m{grid-template-columns:56px 1fr auto 22px;gap:7px;padding:10px}
  .klrez-t .n{font-size:13px}
  .klrez-sc{font-size:14px}
  .klrez-hd h1{font-size:18px}
  .klrez-tabs button{font-size:8.5px;letter-spacing:0}
}

/* ============================================================================
   klrez POPRAVCI 26.07. vecer
   ============================================================================ */

/* Donja navigacija je bila OKOMITA: grid je bio na <nav>, a gumbi su unutar
   <span id="klrez-nav">. display:contents makne span iz rasporeda. */
#klrez-nav{display:contents}

/* ---------------------------------------------------------------------------
   Struktura kao rezultati.com: skupljene lige, naslov ZEMLJA: Liga
   --------------------------------------------------------------------------- */
.klrez-gh{cursor:pointer;padding:11px 16px;border-top:1px solid var(--kz-line);gap:10px}
.klrez-gh:hover{background:var(--kz-soft)}
.klrez-gh .lg{font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--kz-ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.klrez-gh .tog{margin-left:auto;font-size:11.5px;color:var(--kz-mut);white-space:nowrap;flex:0 0 auto}
.klrez-gh.is-open .tog{font-family:'JetBrains Mono',monospace;font-size:11px}
.klrez-gh .klrez-star{flex:0 0 auto;margin-left:-4px}

/* u railu ime lige + zemlja ispod, jer "Cup" i "Primera División" postoje
   u vise zemalja pa sama zastava nije dovoljna */
.klrez-li .nm2{display:grid;min-width:0;line-height:1.25}
.klrez-li .nm2 .cy{font-size:10.5px;color:var(--kz-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.klrez-li[aria-current="true"] .nm2 .cy{color:var(--kz-g);opacity:.8}

/* ============================================================================
   PALETA 4 "topli neutrali" + kartice po ligi + tamni rail + prekidac uzivo
   Odluka operatora 26.07. Zelena ostaje ista, sivi tonovi idu prema pijesku.
   Za povratak: obrisati ovaj odsjecak do sljedece crte.
   ============================================================================ */
.klrez{
  --kz-line:#EBE7E1;
  --kz-soft:#FBFAF7;
  --kz-mut:#8B857D;
  --kz-body:#4A4540;
  --kz-ink:#171310;
  --kz-mint:#E9F1EB;
  --kz-gd:#0A5B41;
}

/* lige kao kartice s mint zaglavljem */
.klrez-mid{background:var(--kz-soft)}
.klrez-grp{background:var(--kz-bg);border:1px solid var(--kz-line);border-radius:12px;overflow:hidden;margin:0 12px 9px}
.klrez-grp:first-child{margin-top:12px}
.klrez-gh{background:var(--kz-mint);border-top:0;border-bottom:1px solid var(--kz-line);padding:11px 14px}
.klrez-gh .lg{color:var(--kz-gd)}
.klrez-gh .cn{color:var(--kz-gd);opacity:.7}
.klrez-gh .tog{color:var(--kz-gd);opacity:.75}
.klrez-gh .pin{color:var(--kz-gd)}
.klrez-grp:not(.is-open) .klrez-gh{border-bottom:0}
.klrez-m{padding:10px 14px}
.klrez-m:first-of-type{border-top:0}
.klrez-end{margin:0 12px 14px;border:1px solid var(--kz-line);border-radius:12px;background:var(--kz-bg)}

/* prekidac "Samo uzivo" umjesto tabova */
.klrez-only{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--kz-line);border-radius:999px;
  padding:6px 14px 6px 8px;font-size:13px;color:var(--kz-body);background:var(--kz-bg);cursor:pointer;
  font-family:inherit}
.klrez-only i{width:32px;height:18px;border-radius:999px;background:var(--kz-line);position:relative;flex:0 0 auto;
  transition:background .18s ease}
.klrez-only i::after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;
  background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .18s ease}
.klrez-only b{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--kz-g)}
.klrez-only.is-on{border-color:var(--kz-g);color:var(--kz-gd);font-weight:700}
.klrez-only.is-on i{background:var(--kz-g)}
.klrez-only.is-on i::after{left:16px}
.klrez-only:focus-visible{outline:2px solid var(--kz-g);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.klrez-only i,.klrez-only i::after{transition:none}}

/* Rail SVIJETAO. Probani tamni emerald 26.07. i odbijen: s tamnim railom lijevo
   i tamnom karticom tipova desno stranica postane sendvic, tamno-bijelo-tamno.
   Emerald na ovoj stranici ostaje samo na kartici tipova i tip chipu. */
.klrez-rail{background:var(--kz-bg);border-right:1px solid var(--kz-line)}
.klrez-rail .klrez-h4{color:var(--kz-mut)}
.klrez-rail .klrez-li{color:var(--kz-body)}
.klrez-rail .klrez-li:hover{background:var(--kz-soft);color:var(--kz-ink)}
.klrez-rail .klrez-li .n{color:var(--kz-mut)}
.klrez-rail .klrez-li[aria-current="true"]{background:var(--kz-mint);color:var(--kz-gd);
  box-shadow:inset 3px 0 0 var(--kz-g)}
.klrez-rail .klrez-li[aria-current="true"] .n{color:var(--kz-g)}
.klrez-rail .klrez-li .nm2 .cy{color:var(--kz-mut)}
.klrez-rail .klrez-li.is-none{opacity:.5}
.klrez-rail .klrez-srch input{background-color:var(--kz-soft);border-color:var(--kz-line);color:var(--kz-ink)}
.klrez-rail .klrez-srch input::placeholder{color:var(--kz-mut)}
.klrez-rail .klrez-srch input:focus{border-color:var(--kz-g);background-color:var(--kz-bg)}
.klrez-rail .klrez-fl{background:var(--kz-line)}

@media (max-width:979px){
  .klrez-grp{margin:0 10px 8px}
  .klrez-grp:first-child{margin-top:10px}
  .klrez-end{margin:0 10px 12px}
  .klrez-gh{padding:10px 12px}
  .klrez-m{padding:10px 12px}
  /* Prekidac je JEDINO dijete trake, a traka je ostala mreza od 4 stupca iz
     vremena kad su tamo bila cetiri taba. Zato je tekst bio odrezan. */
  .klrez-tabs{display:flex!important;flex:0 0 auto;background:none;padding:0;border-radius:0}
  .klrez-only{font-size:12.5px;padding:7px 14px 7px 8px;white-space:nowrap;overflow:visible;
    text-overflow:clip;letter-spacing:0;text-transform:none;font-weight:600}
  .klrez-only b{font-size:11.5px}
  .klrez-bar{gap:10px}

  /* brojcana oznaka u donjoj navigaciji */
  .klrez-nav .bd.is-num{min-width:16px;height:16px;padding:0 4px;border-radius:999px;
    font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;line-height:16px;
    text-align:center;color:#fff;background:var(--kz-g);top:4px;right:calc(50% - 22px)}
}

/* ---------------------------------------------------------------------------
   TABOVI U DETALJU: Detalji / Statistika / Sastavi / Ocjene / Tablica
   --------------------------------------------------------------------------- */
.klrez-dtabs{display:flex;gap:2px;padding:0 16px;border-bottom:1px solid var(--kz-line);
  overflow-x:auto;scrollbar-width:none}
.klrez-dtabs::-webkit-scrollbar{display:none}
.klrez-dtabs button{flex:0 0 auto;background:none;border:0;border-bottom:2px solid transparent;
  padding:11px 12px;font-size:12.5px;font-weight:600;color:var(--kz-mut);cursor:pointer;white-space:nowrap}
.klrez-dtabs button:hover{color:var(--kz-ink)}
.klrez-dtabs button[aria-selected="true"]{color:var(--kz-gd);border-bottom-color:var(--kz-g)}
.klrez-dtabs button:focus-visible{outline:2px solid var(--kz-g);outline-offset:-2px}
.klrez-pane{min-height:80px}

/* ocjene igraca */
.klrez-lut .p.is-rate{grid-template-columns:30px 1fr auto auto;gap:10px}
.klrez-lut .p.is-rate .min{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--kz-mut)}
.klrez-lut .p.is-rate .rt{font-family:'JetBrains Mono',monospace;font-size:12.5px;font-weight:700;
  min-width:34px;text-align:center;padding:3px 6px;border-radius:6px;background:var(--kz-mint);color:var(--kz-gd)}
.klrez-lut .p.is-rate .rt.hi{background:var(--kz-g);color:#fff}
.klrez-lut .p.is-rate .rt.lo{background:#FBEAEA;color:#C53030}
.klrez-lut .cap{display:inline-block;margin-left:6px;font-size:9px;font-weight:800;background:var(--kz-ink);
  color:#fff;border-radius:3px;padding:1px 4px;vertical-align:1px}

/* tablica lige */
.klrez-tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.klrez-tbl th{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.1em;color:var(--kz-mut);
  font-weight:700;text-align:center;padding:0 4px 8px}
.klrez-tbl th:nth-child(2){text-align:left}
.klrez-tbl td{padding:8px 4px;text-align:center;border-top:1px solid var(--kz-line);
  font-family:'JetBrains Mono',monospace;font-feature-settings:'tnum' 1;color:var(--kz-body)}
.klrez-tbl td.p{color:var(--kz-mut);width:22px}
.klrez-tbl td.t{text-align:left;font-family:inherit;color:var(--kz-ink);width:99%}
.klrez-tbl td.t span{display:inline-block;vertical-align:middle;max-width:calc(100% - 26px);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.klrez-tbl td.t .cr{width:18px;height:18px;object-fit:contain;vertical-align:middle;margin-right:8px}
.klrez-tbl td:not(.t):not(.p){width:30px}

/* zaglavlje lige s logotipom iznad tablice */
.klrez-lgh{display:flex;align-items:center;gap:10px;padding:14px 16px 0}
.klrez-lgh img{width:24px;height:24px;object-fit:contain}
.klrez-lgh span{font-size:13.5px;font-weight:700;color:var(--kz-ink)}
.klrez-tbl td.b{font-weight:700;color:var(--kz-ink)}
.klrez-tbl tr.is-mine td{background:var(--kz-mint)}
.klrez-tbl tr.is-mine td.t{font-weight:700;color:var(--kz-gd)}

/* ---------------------------------------------------------------------------
   POSTAVA NA TERENU. Pozicije dolaze iz API polja "grid" (red:stupac).
   Domacin donja polovica s vratarem na dnu, gost gornja, zrcalno.
   --------------------------------------------------------------------------- */
.klrez-pitchwrap{border-radius:14px;overflow:hidden;border:1px solid var(--kz-line)}
/* Tema ima vlastita pravila za tekst pa boju treba nametnuti, inace naziv
   ekipe ostaje taman na tamnozelenoj traci. */
.klrez-pteam{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#0E3B26;
  font-size:13px;font-weight:700}
.klrez-pteam,.klrez-pteam span,.klrez-pteam b{color:#fff!important}
.klrez-pteam b{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;
  background:rgba(255,255,255,.16);padding:3px 9px;border-radius:999px}
.klrez-pitch .klrez-pp .nm{color:#fff!important}
/* visinu postavlja JS iz broja redova, ne fiksni omjer.
   Tamnija trava jer imena igraca na svijetlozelenoj nemaju dovoljno kontrasta. */
.klrez-pitch{position:relative;width:100%;background:#2F6B48;
  background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0 46px,transparent 46px 92px)}
/* grb ekipe kao vodeni zig, jedan po polovici */
.klrez-pcrest{position:absolute;left:50%;transform:translateX(-50%);width:58%;max-width:230px;
  opacity:.13;filter:grayscale(1) brightness(1.3) contrast(.8);pointer-events:none;
  user-select:none}
.klrez-pcrest.is-t{top:9%}
.klrez-pcrest.is-b{bottom:9%}
/* zatamnjenje po rubu gura pogled prema sredini */
.klrez-pvig{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 78% at 50% 50%,transparent 40%,rgba(4,20,13,.42) 100%)}
/* crte terena */
/* Linije terena MORAJU biti prozirne za klik. Sredisnji krug je pseudoelement
   pa se crta iznad igraca i gutao je klik na sve u sredini terena. */
.klrez-pitch::before,.klrez-pitch::after,.klrez-pbox{pointer-events:none}
.klrez-pitch::before{content:'';position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(255,255,255,.28)}
.klrez-pitch::after{content:'';position:absolute;left:50%;top:50%;width:22%;aspect-ratio:1;transform:translate(-50%,-50%);
  border:2px solid rgba(255,255,255,.28);border-radius:50%}
.klrez-pbox{position:absolute;left:22%;right:22%;height:13%;border:2px solid rgba(255,255,255,.28)}
.klrez-pbox.t{top:0;border-top:0}
.klrez-pbox.b{bottom:0;border-bottom:0}

/* Raspored kao kod Sofascorea: fotografija, ocjena PREKO donjeg ruba slike,
   ime ispod. Prije je ocjena bila apsolutna i padala preko imena. */
.klrez-pp{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;
  align-items:center;width:82px}
.klrez-pp .fc{width:42px;height:42px;border-radius:12px;object-fit:cover;background:rgba(255,255,255,.88);
  border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 6px rgba(0,0,0,.3)}
.klrez-pp .fc.is-none{background:rgba(255,255,255,.72)}
.klrez-pp .nm{font-size:10.5px;line-height:1.25;color:#fff;text-align:center;
  text-shadow:0 1px 3px rgba(0,0,0,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  max-width:82px;margin-top:3px}
/* ocjena sjedi u donjem desnom kutu fotografije, kao kod Sofascorea */
/* ocjena preklapa donji rub fotografije, ime ide ispod nje */
.klrez-pp .rt{margin-top:-8px;position:relative;z-index:2;font-family:'JetBrains Mono',monospace;
  font-size:10px;font-weight:700;padding:1px 6px;border-radius:5px;color:#fff!important;background:#8A9793;
  box-shadow:0 1px 3px rgba(0,0,0,.35);line-height:1.5}
.klrez-pp .rt.hi{background:#0B7A46}
.klrez-pp .rt.mid{background:#C9962C}
.klrez-pp .rt.lo{background:#C53030}
/* ---- oznake na terenu: karton, zamjena ---- */
/* karton, gornji desni kut */
.klrez-pp .kt{position:absolute;top:-4px;left:calc(50% + 13px);width:9px;height:13px;
  border-radius:2px;z-index:3;box-shadow:0 1px 3px rgba(0,0,0,.45);
  border:1px solid rgba(0,0,0,.35)}
.klrez-pp .kt.is-zut{background:#F2C230}
.klrez-pp .kt.is-crv{background:#D42B2B}
/* strelica zamjene, donji lijevi kut */
.klrez-pp .sb{position:absolute;top:26px;left:calc(50% - 27px);width:16px;height:16px;
  border-radius:50%;display:grid;place-items:center;z-index:3;
  box-shadow:0 1px 3px rgba(0,0,0,.4);border:1.5px solid rgba(255,255,255,.85)}
.klrez-pp .sb svg{width:12px;height:12px;display:block}
.klrez-pp .sb.is-out{background:#C0392B}
.klrez-pp .sb.is-in{background:#0B7A46}

/* strelica u profilu igraca */
.klrez-arw{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;
  margin-right:7px;vertical-align:-3px;font-style:normal}
.klrez-arw svg{width:12px;height:12px;display:block}
.klrez-arw.is-out{background:#C0392B}
.klrez-arw.is-in{background:#0B7A46}

/* loptica strijelca, gornji lijevi kut fotografije */
.klrez-pp .gl{position:absolute;top:-5px;left:calc(50% - 27px);width:17px;height:17px;
  display:grid;place-items:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));z-index:3}
.klrez-pp .gl svg{width:100%;height:100%;display:block}
.klrez-pp .gl b{position:absolute;right:-6px;bottom:-3px;font-family:'JetBrains Mono',monospace;
  font-size:8.5px;font-weight:700;color:#fff!important;background:#0B7A46;border-radius:999px;
  padding:0 3px;line-height:1.5}
.klrez-pp{cursor:pointer}
.klrez-pp:hover .fc,.klrez-pp:focus-visible .fc{border-color:#009168;transform:scale(1.06)}
.klrez-pp .fc{transition:transform .12s ease,border-color .12s ease}
.klrez-lu .p.is-rate{cursor:pointer}
.klrez-lu .p.is-rate:hover{background:rgba(255,255,255,.05)}

/* ---- traka napretka ----
   Vidi se bilo gdje na stranici jer visi na vrhu komponente. Ne pokazuje se za
   tiho osvjezavanje rezultata u pozadini, inace bi treptala svakih 60 s. */
.klrez{position:relative}

/* Kvote su partnerski linkovi, pa ih je pojeo globalni CTA standard
   div[class*="space-"] a[href*="/partner/"] (tema omata stranicu u space- div).
   Postale su divovske zelene pilule s bijelim tekstom. Vracamo ih na kutiju
   s kvotom. Specificnost je veca od globalnog pravila, uz isti !important. */
.klrez .klrez-odds a[href*="/partner/"],
.klrez .klrez-odds a[href*="/partner/"]:link,
.klrez .klrez-odds a[href*="/partner/"]:visited{
  background:var(--kz-bg)!important;border:1px solid var(--kz-line)!important;
  border-radius:11px!important;padding:9px 8px!important;box-shadow:none!important;
  display:grid!important;justify-items:center;gap:3px;
  font-weight:600!important;color:var(--kz-ink)!important;
  -webkit-text-fill-color:currentColor!important;text-shadow:none!important}
.klrez .klrez-odds a[href*="/partner/"]:hover{
  background:var(--kz-mint)!important;border-color:var(--kz-g)!important;
  transform:none!important;box-shadow:none!important}
.klrez .klrez-odds a[href*="/partner/"] .k{
  color:var(--kz-mut)!important;-webkit-text-fill-color:var(--kz-mut)!important}
.klrez .klrez-odds a[href*="/partner/"] .v{
  color:var(--kz-ink)!important;-webkit-text-fill-color:var(--kz-ink)!important;
  font-size:17px!important;font-weight:700!important}
.klrez .klrez-odds a[href*="/partner/"]:hover .v{
  color:var(--kz-gd)!important;-webkit-text-fill-color:var(--kz-gd)!important}

@keyframes klrezspin{to{transform:rotate(360deg)}}
/* Plutajuci krug, gornji desni kut. Klasa je klrez-busy, NE klrez-bar —
   tako se vec zove traka alata iznad liste (Lige, prekidac uzivo, dani). */
.klrez-busy{position:fixed;top:calc(var(--kz-head) + 14px);right:18px;z-index:1300;
  width:34px;height:34px;border-radius:50%;background:var(--kz-bg);
  box-shadow:0 3px 12px rgba(9,28,20,.18);border:1px solid var(--kz-line);
  display:grid;place-items:center;pointer-events:none;
  opacity:0;transform:scale(.8);transition:opacity .18s ease,transform .18s ease}
.klrez.is-busy .klrez-busy{opacity:1;transform:scale(1)}
.klrez-busy::before{content:'';width:18px;height:18px;border-radius:50%;
  border:2.5px solid rgba(0,145,104,.2);border-top-color:var(--kz-g);
  animation:klrezspin .68s linear infinite}
/* 30.07.: lupa je zauzela gornji desni kut na mobitelu, pa se krug pomaknuo
   lijevo od nje (inace se spinner vrti TOCNO preko gumba) */
@media (max-width:979px){.klrez-busy{top:16px;right:58px}}
/* 27.08.2026.: dva kruga za isto cekanje. Kad ploca, pobocnica ili prozor
   igraca vec vrte svoj spinner TOCNO tamo gdje ce sadrzaj osvanuti, plutajuci
   krug u kutu je drugi indikator za isti dohvat i izgleda kao da se stranica
   ucitava dvaput. Dok stoji spinner na mjestu, kut se gasi. Velika lista je
   izuzeta namjerno: ona dobiva sivi skeleton, ne krug, pa se ne dvoji. */
.klrez:has(.klrez-pane .klrez-skel,.klrez-side .klrez-skel,.klrez-pmbox .klrez-skel)
  .klrez-busy{opacity:0!important;transform:scale(.8)!important}

/* Krug umjesto sivih traka u malim prostorima: detalj, tabovi i prozor igraca.
   Velika lista i dalje dobiva skeleton jer on pokazuje i raspored, ne samo cekanje. */
.klrez-pane .klrez-skel,.klrez-side .klrez-skel,.klrez-pmbox .klrez-skel{
  position:relative;min-height:104px;padding:0}
.klrez-pane .klrez-skel i,.klrez-side .klrez-skel i,.klrez-pmbox .klrez-skel i{display:none}
.klrez-pane .klrez-skel::after,.klrez-side .klrez-skel::after,.klrez-pmbox .klrez-skel::after{
  content:'';position:absolute;left:50%;top:50%;margin:-15px 0 0 -15px;width:30px;height:30px;
  border-radius:50%;border:2.5px solid rgba(0,145,104,.2);border-top-color:var(--kz-g);
  animation:klrezspin .68s linear infinite}
.klrez-pmbox .klrez-skel::after{border-color:rgba(255,255,255,.16);border-top-color:var(--kz-acc)}

/* Skeleton u tamnom prozoru igraca. Bijele trake na tamnozelenom su izgledale
   kao da se nesto slomilo, a ne kao cekanje. */
.klrez-pmbox .klrez-pmno{margin:18px 0}

/* ---- dodaci 26.07.: forma, izostanci, sezona, top strijelci ---- */
.klrez-frow{display:flex;align-items:center;gap:9px;padding:7px 0}
.klrez-frow + .klrez-frow{border-top:1px solid var(--kz-line)}
.klrez-frow .tn{font-size:13px;color:var(--kz-ink);font-weight:600;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.klrez-frow .fchips{margin-left:auto;display:flex;gap:4px;flex:0 0 auto}
/* font-style:normal jer tema kurzivira <i>, pa su slova bila nakosena */
/* W/D/L kruzici (26.08.2026.): pun krug u boji ishoda i BIJELO slovo, isto
   kao .klteam-dots na naslovnici, .kl-tip-form u tip objavama i klupska
   kartica u vijestima. Prvo su ovdje bili kvadratici s P/N/I, pa nakratko
   pastelna varijanta prepisana iz starijeg pravila u ovoj datoteci koje je
   14.08. vec bilo pregazeno punim receptom nize. Ovo je taj puni recept. */
.klrez-frow .fc{width:22px;height:22px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;flex:0 0 auto;line-height:1;
  font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:800;color:#fff;
  font-style:normal;cursor:help;letter-spacing:0;background:#F1F3F4}
.klrez-frow .fc.w{background:#009168}
.klrez-frow .fc.d{background:#B9C2BE}
.klrez-frow .fc.l{background:#C53030}

.klrez-injt{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--kz-mut);font-weight:700;margin:12px 0 4px}
.klrez-injt:first-of-type{margin-top:0}
.klrez-inj{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:13px}
.klrez-inj + .klrez-inj{border-top:1px solid var(--kz-line)}
.klrez-inj .d{width:7px;height:7px;border-radius:50%;flex:0 0 auto}
.klrez-inj .d.out{background:var(--kz-loss)}
.klrez-inj .d.q{background:var(--kz-gold)}
.klrez-inj .fc{width:26px;height:26px;border-radius:8px;object-fit:cover;flex:0 0 auto;
  background:#DDE5E1;border:0;box-shadow:none}
.klrez-inj .fc.is-none{background:#E4E9E7}
.klrez-inj .nm{color:var(--kz-ink);font-weight:600;min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.klrez-inj .rs{margin-left:auto;font-size:11.5px;color:var(--kz-mut);flex:0 0 auto;
  text-align:right;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.klrez-kvh{display:flex;gap:12px;padding-bottom:6px;border-bottom:1px solid var(--kz-line);
  font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--kz-mut);font-weight:700}
.klrez-kvh .l{flex:1}
.klrez-kvh span:not(.l){min-width:46px;text-align:center}
.klrez-kv{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:13px}
.klrez-kv + .klrez-kv{border-top:1px solid var(--kz-line)}
.klrez-kv .l{color:var(--kz-body);flex:1;min-width:0}
.klrez-kv .a,.klrez-kv .b{font-family:'JetBrains Mono',monospace;font-weight:700;
  min-width:46px;text-align:center;color:var(--kz-ink)}
.klrez-kv .a{color:var(--kz-g)}

.klrez-ts{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;cursor:pointer}
.klrez-ts + .klrez-ts{border-top:1px solid var(--kz-line)}
.klrez-ts:hover{background:var(--kz-soft)}
.klrez-ts .p{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--kz-mut);
  width:13px;flex:0 0 auto}
.klrez-ts .fc{width:26px;height:26px;border-radius:8px;object-fit:cover;flex:0 0 auto;
  background:#DDE5E1;border:0;box-shadow:none}
.klrez-ts .tx{min-width:0;display:flex;flex-direction:column}
.klrez-ts .nm{color:var(--kz-ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.klrez-ts .cl{font-size:11.5px;color:var(--kz-mut);overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.klrez-ts .g{margin-left:auto;font-family:'JetBrains Mono',monospace;font-weight:700;
  color:var(--kz-g);flex:0 0 auto}

/* sekcija Sezona unutar prozora igraca */
.klrez-pmsec{margin:12px -18px 4px;padding:12px 18px 4px;font-family:'JetBrains Mono',monospace;
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#7fa896!important;
  font-weight:700;border-top:1px solid rgba(255,255,255,.1)}

/* ---- skocni prozor igraca ---- */
.klrez-pmod{position:fixed;inset:0;z-index:9000;display:none;align-items:center;justify-content:center;
  padding:18px;background:rgba(6,18,13,.62);backdrop-filter:blur(3px)}
.klrez-pmod.is-open{display:flex}
.klrez-pmbox{position:relative;width:100%;max-width:400px;max-height:86vh;overflow:auto;
  background:#132B21;border:1px solid rgba(255,255,255,.1);border-radius:16px;
  box-shadow:0 24px 60px rgba(0,0,0,.45)}
.klrez-pmx{position:absolute;top:10px;right:10px;width:30px;height:30px;display:grid;place-items:center;
  border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;padding:0}
.klrez-pmx:hover{background:rgba(255,255,255,.2)}
.klrez-pmhd{display:flex;align-items:center;gap:12px;padding:18px 46px 16px 18px;
  border-bottom:1px solid rgba(255,255,255,.1)}
.klrez-pmhd .fc{width:52px;height:52px;border-radius:13px;object-fit:cover;flex:0 0 auto;
  background:rgba(255,255,255,.9);border:2px solid rgba(255,255,255,.85)}
/* tema ima vlastita pravila za naslove pa boju treba nametnuti */
.klrez-pmhd h4{margin:0;font-size:16px;font-weight:700;line-height:1.25}
.klrez-pmhd h4,.klrez-pmbox h4{color:#fff!important}
.klrez-pmhd p{margin:2px 0 0;font-size:12px;color:#a8c6ba!important}
.klrez-pmr{margin-left:auto;flex:0 0 auto;font-family:'JetBrains Mono',monospace;font-size:14px;
  font-weight:700;color:#fff;background:#8A9793;border-radius:7px;padding:4px 9px}
.klrez-pmr.hi{background:#0B7A46}.klrez-pmr.mid{background:#C9962C}.klrez-pmr.lo{background:#C53030}
.klrez-pmst{padding:6px 18px 16px}
.klrez-prow{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.klrez-prow:last-child{border-bottom:0}
.klrez-prow span{font-size:13px;color:#d6e6de}
.klrez-prow b{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:#fff;
  white-space:nowrap}
.klrez-pmno{margin:16px 0;font-size:13px;color:#a8c6ba;text-align:center}

@media (max-width:1100px){
  .klrez-pp{width:72px}
  .klrez-pmbox{max-width:none;width:100%}
  .klrez-pp .fc{width:38px;height:38px;border-radius:11px}
  .klrez-pp .nm{font-size:9.5px;max-width:72px}
  .klrez-pp .rt{font-size:9px;padding:0 5px;margin-top:-7px}
  .klrez-pp .gl{width:15px;height:15px;top:-4px;left:calc(50% - 24px)}
}

/* ---------------------------------------------------------------------------
   SASTAVI - dva stupca na sirem, jedan na mobitelu
   --------------------------------------------------------------------------- */
.klrez-lu{display:grid;grid-template-columns:1fr;gap:18px}
.klrez-lut .t{margin:0 0 10px;font-size:13.5px;font-weight:700;color:var(--kz-ink);display:flex;align-items:center;gap:9px}
.klrez-lut .t .f{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;
  color:var(--kz-gd);background:var(--kz-mint);padding:2px 8px;border-radius:999px}
.klrez-lut .p{display:grid;grid-template-columns:26px 30px 1fr auto;align-items:center;gap:9px;padding:6px 0;
  border-bottom:1px solid var(--kz-line)}
.klrez-lut .fc{width:30px;height:30px;border-radius:50%;object-fit:cover;background:var(--kz-mint);
  border:1px solid var(--kz-line)}
.klrez-lut .fc.is-none{background:var(--kz-mint)}
.klrez-lut .p.is-sub{grid-template-columns:26px 30px 1fr}
.klrez-lut .p.is-sub .fc{width:26px;height:26px}
.klrez-lut .p:last-child{border-bottom:0}
.klrez-lut .p .n{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--kz-mut);text-align:right;
  font-feature-settings:'tnum' 1}
.klrez-lut .p .nm{font-size:13px;color:var(--kz-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.klrez-lut .p .ps{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.08em;color:var(--kz-mut)}
.klrez-lut .p.is-sub .nm{color:var(--kz-body)}
.klrez-lut .sub{margin:14px 0 6px;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--kz-mut);font-weight:700}
.klrez-lut .c{margin:12px 0 0;font-size:12px;color:var(--kz-mut)}
@media (min-width:1400px){ .klrez-lu{grid-template-columns:1fr 1fr;gap:24px} }

/* povecalo u polju za pretragu, i u railu i u mobilnoj ladici */
.klrez-srch input{
  padding-left:38px;
  background-repeat:no-repeat;
  background-position:14px center;
  background-size:15px 15px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4.2-4.2'/%3E%3C/svg%3E");
}
.klrez-srch input:focus{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23009168' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4.2-4.2'/%3E%3C/svg%3E");
}
@media (max-width:979px){
  .klrez-sheet .klrez-srch input{font-size:15px;padding:12px 15px 12px 40px}
}

/* traka dana: 7 dana + strelice, klizi vodoravno kad ne stane */
.klrez-days{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;max-width:100%}
.klrez-days::-webkit-scrollbar{display:none}
.klrez-days button{flex:0 0 auto;white-space:nowrap}
.klrez-days button.nudge{font-size:17px;line-height:1;padding:4px 9px;color:var(--kz-mut);font-family:'JetBrains Mono',monospace}
.klrez-days button.nudge:hover{color:var(--kz-g);background:var(--kz-mint)}
/* datum uz naziv dana */
.klrez-days{position:relative}
.klrez-days button[role="tab"] .dt{margin-left:6px;font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:500;color:var(--kz-mut);font-feature-settings:'tnum' 1}
.klrez-days button[aria-selected="true"] .dt{color:var(--kz-g);opacity:.75}

/* padajuci izbornik datuma, otvara se klikom na sredinu */
.klrez-daymenu{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;
  background:var(--kz-bg);border:1px solid var(--kz-line);border-radius:14px;overflow:hidden;
  box-shadow:0 14px 34px -14px rgba(9,28,20,.28)}
.klrez-daymenu.is-open{display:block}
.klrez-daymenu button{display:flex;width:100%;align-items:baseline;gap:10px;padding:12px 16px;
  background:none;border:0;border-bottom:1px solid var(--kz-line);font-size:14px;color:var(--kz-body);
  cursor:pointer;text-align:left}
.klrez-daymenu button:last-child{border-bottom:0}
.klrez-daymenu button:hover{background:var(--kz-soft)}
.klrez-daymenu button[aria-selected="true"]{background:var(--kz-mint);color:var(--kz-gd);font-weight:700}
.klrez-daymenu .dt{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--kz-mut)}

@media (max-width:979px){
  /* Na mobitelu se traka od 7 dana ne moze citati. Umjesto nje koracnik:
     strelica, trenutni dan s datumom, strelica. Ostali dani su skriveni. */
  .klrez-days{display:flex;width:100%;margin-left:0;gap:0;overflow:visible;
    border:1px solid var(--kz-line);border-radius:999px;padding:3px}
  .klrez-days button[role="tab"]{display:none}
  .klrez-days button[aria-selected="true"]{display:flex;flex:1;justify-content:center;align-items:baseline;
    gap:7px;font-size:14px;font-weight:700;color:var(--kz-gd);background:none;padding:7px 4px}
  .klrez-days button[aria-selected="true"] .dt{font-family:'JetBrains Mono',monospace;
    font-size:11.5px;font-weight:500;color:var(--kz-mut);margin-left:0}
  .klrez-days button[aria-selected="true"]::after{content:'▾';font-size:11px;color:var(--kz-mut);margin-left:2px}
  .klrez-days button.nudge{display:flex;align-items:center;justify-content:center;flex:0 0 40px;
    font-size:20px;padding:4px 0;color:var(--kz-g);background:var(--kz-mint);border-radius:999px}
  .klrez-days button.nudge:hover{background:var(--kz-mint)}

  .klrez-dtabs{padding:0 10px}
  .klrez-dtabs button{padding:11px 9px;font-size:12px}
  .klrez-tbl td.t{max-width:110px}
  .klrez-tbl td,.klrez-tbl th{padding-left:2px;padding-right:2px}
}
.klrez-gh + .klrez-m{border-top:1px solid var(--kz-line)}

/* donja navigacija FIKSIRANA: vidi se dok skrolas, ne tek na dnu bloka */
@media (max-width:979px){
  /* 4 gumba: Uzivo, Trazi (lige + ekipe), Favoriti, Tipovi */
  .klrez-nav{position:fixed;left:0;right:0;bottom:0;z-index:1100;grid-template-columns:repeat(4,1fr)}
  .klrez-nav button{padding:10px 4px 12px;font-size:10px}
  .klrez-nav svg{width:20px;height:20px}
  .klrez-nav .bd{right:calc(50% - 19px)}
  .klrez{padding-bottom:66px}
  .klrez-sheet{bottom:0}
  .klrez-gh{padding:11px 13px}
  .klrez-gh .lg{font-size:12px}
  .klrez-gh .tog{font-size:11px}
}

/* naslov bez kickera */
.klrez-hin{padding:14px 22px}
.klrez-hd h1{font-size:21px}

/* liga koja danas ne igra: vidljiva, ali ocito neaktivna */
.klrez-li.is-none{opacity:.5;cursor:default;pointer-events:none}
.klrez-li.is-none .n{font-family:inherit;font-size:11px;font-style:italic}

/* ---------------------------------------------------------------------------
   TAMNE KARTICE - operator 26.07.: bijelo sa zelenim je prejako kroz cijelu
   stranicu, ali tamna kartica detalja mu se svidjela. Zato isti oblik dobiva
   i blok "Nasi tipovi danas", na desktopu i na mobitelu.
   --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
   PRILAGODBA RASPOREDA (desktop): skupljanje raila + vucenje ruba detalja
   --------------------------------------------------------------------------- */
/* Gumb nosi i natpis, ne samo strelicu. Bez natpisa se nije vidjelo cemu sluzi
   ni kako vratiti lige nakon skupljanja. */
.klrez-railtog{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;height:32px;padding:0 12px 0 10px;
  border:1px solid var(--kz-line);border-radius:999px;background:var(--kz-bg);color:var(--kz-body);
  cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600}
.klrez-railtog i{width:8px;height:8px;flex:0 0 auto;border-left:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .16s ease}
.klrez-railtog:hover{color:var(--kz-gd);border-color:var(--kz-g);background:var(--kz-mint)}
.klrez-railtog:focus-visible{outline:2px solid var(--kz-g);outline-offset:2px}
.klrez.is-rail-off .klrez-railtog{border-color:var(--kz-g);color:var(--kz-gd);background:var(--kz-mint)}
.klrez.is-rail-off .klrez-railtog i{transform:rotate(-135deg)}
.klrez.is-rail-off .klrez-rail{display:none}

.klrez-side{position:relative}
.klrez-drag{position:absolute;left:-4px;top:0;bottom:0;width:9px;cursor:col-resize;z-index:12;
  display:block}
.klrez-drag::after{content:'';position:absolute;left:3px;top:0;bottom:0;width:3px;border-radius:3px;
  background:transparent;transition:background .14s ease}
.klrez-drag:hover::after{background:var(--kz-g)}
@media (max-width:979px){
  .klrez-railtog,.klrez-drag{display:none}
  .klrez.is-rail-off .klrez-rail{display:none}
}
@media (prefers-reduced-motion:reduce){
  .klrez-railtog::before,.klrez-drag::after{transition:none}
}

/* ---------------------------------------------------------------------------
   NASI TIPOVI - svijetli panel s trakom stanja lijevo (varijanta 3, 26.07.)
   Traka nosi ishod bojom, ali oznaka teksta OSTAJE. Samo boja kao nositelj
   znacenja krsi pravilo iz design systema i ne radi za daltoniste.
   --------------------------------------------------------------------------- */
.klrez-tips{background:var(--kz-bg);border:1px solid var(--kz-line);border-radius:16px;overflow:hidden}
.klrez-tips .klrez-sh{padding:14px 16px 10px;margin:0;color:var(--kz-mut)}
.klrez-tips .klrez-sh .cnt{margin-left:auto;font-size:12px;color:var(--kz-g);font-weight:700}
.klrez-tips .klrez-tp{border-top:1px solid var(--kz-line);border-left:3px solid var(--kz-line);
  padding:12px 16px 12px 14px}
.klrez-tips .klrez-tp:hover{background:var(--kz-soft)}
.klrez-tips .klrez-tp.is-w{border-left-color:var(--kz-g)}
.klrez-tips .klrez-tp.is-l{border-left-color:#C53030}
.klrez-tips .klrez-tp.is-lv{border-left-color:var(--kz-g);
  background:linear-gradient(90deg,rgba(0,145,104,.06),transparent 42%)}
.klrez-tips .klrez-tp .mt{color:var(--kz-ink)}
.klrez-tips .klrez-tp .pk{color:var(--kz-body)}
.klrez-tips .klrez-tp .pk b{color:var(--kz-g)}
.klrez-tips .klrez-tp .who{color:var(--kz-mut)}
.klrez-tips .klrez-tp .rub{background:var(--kz-mint);color:var(--kz-gd)}
/* oznaka ishoda ostaje, ali prigusena - traka vec nosi glavninu signala */
.klrez-tips .klrez-tp .res{font-size:10px;padding:2px 7px;opacity:.85}
.klrez-tips .klrez-end{border-top:1px solid var(--kz-line);padding:13px;text-align:center}
.klrez-tips .klrez-end a{color:var(--kz-g);font-weight:700;font-size:13px}
.klrez-tips .klrez-empty h4{color:var(--kz-ink)}
.klrez-tips .klrez-empty p{color:var(--kz-mut)}

/* stara tamna varijanta ostaje definirana za slucaj povratka, ali se ne koristi */
.klrez-dark{background:var(--kz-grad);border-radius:16px;overflow:hidden;position:relative;
  border:1px solid rgba(0,217,130,.22)}
.klrez-dark::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(420px 260px at 88% -18%,rgba(0,217,130,.17),transparent 70%)}
.klrez-dark>*{position:relative}
.klrez-dark .klrez-sh{color:#7fa896;padding:15px 16px 4px;margin:0;display:flex;align-items:center;gap:8px}
.klrez-dark .klrez-sh .cnt{margin-left:auto;font-size:12px;color:var(--kz-acc);font-weight:700}
.klrez-dark .klrez-tp{border-top:1px solid rgba(255,255,255,.09);padding:12px 16px}
.klrez-dark .klrez-tp:hover{background:rgba(255,255,255,.05)}
.klrez-dark .klrez-tp .mt{color:#fff}
.klrez-dark .klrez-tp .pk{color:#b9d2c7}
.klrez-dark .klrez-tp .pk b{color:var(--kz-acc)}
.klrez-dark .klrez-tp .who{color:#7fa896}
.klrez-dark .klrez-tp .rub{background:rgba(0,217,130,.15);color:var(--kz-acc)}
.klrez-dark .klrez-tp .res.w{background:rgba(0,217,130,.16);color:var(--kz-acc)}
.klrez-dark .klrez-tp .res.l{background:rgba(255,120,120,.16);color:#FF9A9A}
.klrez-dark .klrez-tp .res.o{background:rgba(255,255,255,.09);color:#a8c6ba}
.klrez-dark .klrez-end{border-top:1px solid rgba(255,255,255,.09);padding:14px}
.klrez-dark .klrez-end a{color:var(--kz-acc)}
/* tema ima vlastita pravila za naslove pa boja mora biti nametnuta */
.klrez-dark .klrez-empty h4,.klrez-dark h4{color:#fff!important}
.klrez-dark .klrez-empty p,.klrez-dark p{color:#9DBDB0!important}
.klrez-dark .klrez-tp .mt{color:#fff!important}
.klrez-dark .klrez-sh{color:#7fa896!important}
.klrez-dark .klrez-empty .ic{background:rgba(0,217,130,.14);color:var(--kz-acc)}

/* ════ KLHERO — zaglavlje stranice (LOCKED 28.07.2026.) ════ */
.klhero{width:100vw;margin-left:calc(50% - 50vw);background:#fff;padding:32px 20px 0;position:relative;overflow:hidden;font-family:'Inter','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.klhero-in{max-width:1180px;margin:0 auto;position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:56px;padding-bottom:20px;border-bottom:1px solid #E7EBEA}
.klhero-l{flex:1 1 auto;min-width:0}
.klhero-crumb{font-size:13px;font-weight:500;color:#7b8380;margin:0 0 14px}
.klhero-crumb a{color:#7b8380;text-decoration:none;border-bottom:none!important}
.klhero-crumb a:hover{color:#006B4E}
.klhero-crumb b{color:#111;font-weight:600}
.klhero-crumb i{font-style:normal;padding:0 7px;opacity:.5}
.klhero .kick{font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:13px;font-weight:700;color:#009168;letter-spacing:0;text-transform:none;margin:0 0 6px}
.klhero h1{font-size:clamp(26px,4.4vw,38px)!important;font-weight:700!important;letter-spacing:-.028em!important;line-height:1.08!important;color:#111!important;margin:0!important;text-wrap:balance;padding:0!important}
.klhero .lead{font-size:15.5px;line-height:1.55;color:#5c6663;max-width:54ch;margin:10px 0 0}
.klhero-n{flex:0 0 auto;display:flex;gap:34px;padding-bottom:3px}
.klhero-n div span{display:block;font-size:22px;font-weight:700;color:#111;line-height:1.12;font-variant-numeric:tabular-nums;white-space:nowrap}
.klhero-n div span.g{color:#009168}
.klhero-n div b{display:block;font-size:12.5px;font-weight:500;color:#8a9390;margin-top:2px;white-space:nowrap}
.klhero--zig{background:linear-gradient(180deg,#F5F8F7,#FBFCFC)}
.klhero-zig{position:absolute;right:60px;top:-18px;width:215px;height:215px;opacity:.13;pointer-events:none}
.klhero-f{max-width:1180px;margin:0 auto;display:flex;gap:9px;flex-wrap:wrap;padding:14px 0 16px;border-bottom:1px solid #E7EBEA}
.klhero--alat{padding:18px 20px 0}
.klhero--alat .klhero-in{max-width:1560px;align-items:center;padding-bottom:14px;gap:32px}
.klhero--alat h1{font-size:30px!important}
.klhero--alat .klhero-crumb{margin-bottom:8px}
.klhero a:focus-visible{outline:2px solid #009168;outline-offset:2px}
.klhero--noline .klhero-in{border-bottom:0;padding-bottom:14px}
/* rezultati: zaglavlje na klhero mjeru (LOCKED 28.07.) */
.klrez-hd .klhero-crumb{margin:0 0 8px}
.klrez-hd h1{font-size:30px!important;font-weight:700!important;letter-spacing:-.028em!important;color:#111!important}
.page-id-24381 .klvij2-filt{border-bottom:1px solid #E7EBEA;padding-bottom:18px}
@media(max-width:760px){
.klhero{padding:16px 20px 0}
.klhero-in{flex-direction:column;align-items:flex-start;gap:0;padding-bottom:14px}
.klhero-crumb{margin-bottom:10px}
.klhero .lead{max-width:none}
.klhero-n{width:100%;gap:26px;margin-top:14px;padding-top:12px;border-top:1px solid #E7EBEA;padding-bottom:0}
.klhero-n div span{font-size:19px}
.klhero-f{flex-wrap:nowrap;overflow-x:auto;padding:11px 0 13px}
.klhero--alat h1{font-size:23px!important}
.klhero-zig{width:130px;height:130px;right:-22px;top:-16px;opacity:.14}
}

/* ---- klnav: bez mobilnog tap-highlighta (plavi bljesak na dodir) ---- */
.klnav,.klnav-pill,.klnav-burger,.klnav-panel,.klnav-scrim{-webkit-tap-highlight-color:transparent}

/* ══════════ klsx: /slotovi/ sekcija "Uđi kroz kategoriju" (29.07.) ══════════ */
.klsx{width:100vw;margin-left:calc(50% - 50vw);background:#fff;padding:22px 20px 6px}
.klsx-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:44px}
.klsx h2{font-size:22px!important;font-weight:700;letter-spacing:-.024em;color:#111;line-height:1.2;margin:0}
.klsx-l p{font-size:15px!important;line-height:1.6;color:#5c6663;margin:8px 0 0;max-width:64ch}
.klsx-r h3{font-size:13px!important;font-weight:700;color:#8a9390;margin:20px 0 9px;line-height:1.3}
.klsx-r h3:first-child{margin-top:2px}
.klsx-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.klsx .klsx-c,.klsx .klsx-c:link,.klsx .klsx-c:visited{border:1px solid #EAEAEA;border-radius:12px;padding:11px 13px;background:#fff;display:flex;align-items:center;gap:11px;text-decoration:none!important;transition:border-color .18s,background .18s}
.klsx .klsx-c:hover{border-color:#009168!important;border-bottom-color:#009168!important;background:#F7FCFA;text-decoration:none!important}
.klsx-c .ic{flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:#F1F5F3;display:flex;align-items:center;justify-content:center;color:#006B4E}
.klsx-c:hover .ic{background:#E0F2EC}
.klsx-c .ic svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.klsx-c .ic svg .f{fill:currentColor;stroke:none}
.klsx-c .tx b{display:block;font-size:14px!important;font-weight:700;color:#111!important;line-height:1.2}
.klsx-c .tx span{display:block;font-size:12.5px!important;color:#8a9390!important;line-height:1.35;margin-top:1px;font-variant-numeric:tabular-nums}
.klsx-t{display:flex;gap:8px;flex-wrap:wrap}
.klsx .klsx-t a,.klsx .klsx-t a:link,.klsx .klsx-t a:visited{display:inline-flex;align-items:center;gap:7px;font-size:13px!important;font-weight:600;color:#444!important;line-height:1.4;padding:6px 12px 6px 10px;border-radius:999px;border:1px solid #DFE4E5;background:#fff;text-decoration:none!important;transition:border-color .18s,background .18s}
.klsx .klsx-t a:hover{border-color:#009168!important;border-bottom-color:#009168!important;background:#F7FCFA;color:#111!important;text-decoration:none!important}
.klsx-t a svg{width:14px;height:14px;stroke:#006B4E;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.klsx-t a svg .f{fill:#006B4E;stroke:none}
.klsx-t a i{font-style:normal;color:#8a9390!important;font-weight:500;font-variant-numeric:tabular-nums}
.klsx a:focus-visible{outline:2px solid #009168;outline-offset:2px}
/* razdjelnik prije kataloga */
.klsx-cat{width:100vw;margin-left:calc(50% - 50vw);background:#fff;padding:26px 20px 0}
.klsx-cat-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:14px}
.klsx-cat-in span{font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8a9390;white-space:nowrap}
.klsx-cat-in i{flex:1;height:1px;background:#EFF2F1}
@media(max-width:980px){
.klsx-in{grid-template-columns:1fr;gap:0}
.klsx-r h3{margin-top:16px}
.klsx-r h3:first-child{margin-top:16px}
.klsx-cards{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
.klsx{padding:18px 20px 2px}
.klsx-cards{grid-template-columns:repeat(2,1fr);gap:8px}
.klsx .klsx-c,.klsx .klsx-c:link,.klsx .klsx-c:visited{padding:9px 11px;gap:9px;border-radius:11px}
.klsx-c .ic{width:30px;height:30px;border-radius:8px}
.klsx-c .ic svg{width:17px;height:17px}
.klsx-c .tx b{font-size:13px!important}
.klsx-c .tx span{font-size:11.5px!important}
.klsx-t{gap:6px}
.klsx .klsx-t a,.klsx .klsx-t a:link,.klsx .klsx-t a:visited{font-size:12px!important;padding:5px 11px 5px 9px}
.klsx-cat{padding:20px 20px 0}
}

/* ══════════ klsl: SlotsLaunch filter restyle (29.07., v2 hardened) ══════════ */
.slotsl-container{width:100vw!important;max-width:100vw!important;margin:10px 0 30px calc(50% - 50vw)!important;padding:0 20px!important;box-sizing:border-box;background:#fff}
.slotsl-container>*{max-width:1180px;margin-left:auto;margin-right:auto}
.slotsl-filters{margin:16px auto 4px;max-width:1180px}
#slotsl-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
#slotsl-filters .sl-filter-container{display:contents!important}
#slotsl-filters .sl-mobile-filter-button{display:none!important}
#slotsl-filters .choices{display:none!important}
#slotsl-filters .slotsl-search{position:relative;flex:1 1 250px;min-width:210px;order:1;margin:0!important}
#slotsl-filters .slotsl-providers{margin:0!important}
#slotsl-filters .sl-mobile-filters .slotsl-providers:nth-child(1){order:2;flex:0 1 150px;min-width:130px}
#slotsl-filters .sl-mobile-filters .slotsl-providers:nth-child(2){order:3;flex:0 1 150px;min-width:130px}
#slotsl-filters .sl-filter-container:not(.sl-mobile-filters) .slotsl-providers:not(.slotsl-providers-sortby){order:4;flex:0 1 178px;min-width:150px}
#slotsl-filters .slotsl-providers-sortby{order:5;flex:0 1 168px;min-width:140px}
#slotsl-filters .slotsl-megaways{order:6;flex:0 0 auto}
#slotsl-filters .slotsl-search input[type="text"]{width:100%!important;height:46px!important;min-height:46px!important;min-width:0!important;box-sizing:border-box;margin:0!important;padding:0 48px 0 15px!important;border:1px solid #EAEAEA!important;border-radius:12px!important;background:#fff!important;font-family:inherit;font-size:14px!important;font-weight:500;color:#111!important;outline:none;transition:border-color .18s,box-shadow .18s;-webkit-appearance:none;appearance:none}
#slotsl-filters .slotsl-search input[type="text"]::placeholder{color:#8a9390!important;font-weight:500}
#slotsl-filters .slotsl-search input[type="text"]:hover{border-color:#d5ddda!important}
#slotsl-filters .slotsl-search input[type="text"]:focus{border-color:#009168!important;box-shadow:0 0 0 3px #E0F2EC}
#slotsl-filters .sl-submit-search{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:transparent;cursor:pointer;padding:0;transition:background .18s}
#slotsl-filters .sl-submit-search:hover{background:#E0F2EC}
#slotsl-filters .sl-submit-search svg{width:18px!important;height:18px!important;stroke:#006B4E}
#slotsl-filters select{width:100%!important;height:46px!important;min-height:46px!important;min-width:0!important;box-sizing:border-box;margin:0!important;padding:0 32px 0 14px!important;border:1px solid #EAEAEA!important;border-radius:12px!important;background-color:#fff!important;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a9390' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 11px center!important;background-size:15px!important;font-family:inherit;font-size:13.5px!important;font-weight:600;color:#111!important;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .18s,box-shadow .18s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#slotsl-filters select:hover{border-color:#d5ddda!important}
#slotsl-filters select:focus{border-color:#009168!important;box-shadow:0 0 0 3px #E0F2EC}
#slotsl-filters .slotsl-megaways{display:flex;align-items:center;gap:10px;height:46px!important;min-width:0!important;box-sizing:border-box;margin:0!important;padding:0 15px!important;border:1px solid #EAEAEA!important;border-radius:12px!important;background:#fff!important;font-size:13.5px!important;color:#111!important}
#slotsl-filters .slotsl-megaways>div{margin:0!important;font-size:13.5px!important;font-weight:600;color:#111!important;line-height:1}
#slotsl-filters .slotsl-megaways .switch{position:relative;display:inline-block;width:40px!important;height:22px!important;margin:0!important;flex:0 0 auto}
#slotsl-filters .slotsl-megaways .switch input{opacity:0;width:0;height:0;margin:0}
#slotsl-filters .slotsl-megaways .slider{position:absolute;inset:0;background:#DFE4E5!important;border-radius:999px!important;cursor:pointer;transition:background .18s}
#slotsl-filters .slotsl-megaways .slider:before{content:""!important;position:absolute;width:16px!important;height:16px!important;left:3px!important;top:3px!important;bottom:auto!important;background:#fff!important;border-radius:50%!important;box-shadow:0 1px 2px rgba(0,0,0,.18);transition:transform .18s}
#slotsl-filters .slotsl-megaways input:checked+.slider{background:#009168!important}
#slotsl-filters .slotsl-megaways input:checked+.slider:before{transform:translateX(18px)!important}
#slotsl-filters .slotsl-megaways input:focus-visible+.slider{box-shadow:0 0 0 3px #E0F2EC}
@media(max-width:980px){
#slotsl-filters .slotsl-search{flex:1 1 100%}
#slotsl-filters .sl-mobile-filters .slotsl-providers:nth-child(1),
#slotsl-filters .sl-mobile-filters .slotsl-providers:nth-child(2),
#slotsl-filters .sl-filter-container:not(.sl-mobile-filters) .slotsl-providers:not(.slotsl-providers-sortby),
#slotsl-filters .slotsl-providers-sortby{flex:1 1 calc(50% - 5px);min-width:0}
#slotsl-filters .slotsl-megaways{flex:0 0 auto}
}
@media(max-width:760px){
.slotsl-filters{margin:12px auto 2px}
#slotsl-filters{gap:8px}
#slotsl-filters select,#slotsl-filters .slotsl-search input[type="text"],#slotsl-filters .slotsl-megaways{height:44px!important;min-height:44px!important;border-radius:11px!important}
#slotsl-filters .sl-mobile-filters .slotsl-providers:nth-child(1),
#slotsl-filters .sl-mobile-filters .slotsl-providers:nth-child(2),
#slotsl-filters .sl-filter-container:not(.sl-mobile-filters) .slotsl-providers:not(.slotsl-providers-sortby),
#slotsl-filters .slotsl-providers-sortby{flex:1 1 calc(50% - 4px)}
}

/* ============================================================================
   klrez SEMAFOR REDIZAJN - 29.07.2026. (V4 "Semafor" vizuali, V5 detalj ostaje
   u bocnom panelu). Dolazi na KRAJ i nadglasava starije klrez odsjecke.
   LiteSpeed: prefiks "klrez-" je vec u UCSS whitelisti.
   ============================================================================ */

/* povratak na hladne neutrale s homepagea; topli pijesak iz Palete 4 se gasi */
.klrez{
  --kz-line:#EAEAEA; --kz-soft:#FBFCFC; --kz-mut:#888; --kz-body:#444;
  --kz-ink:#111; --kz-mint:#E8F5EF; --kz-gd:#006B4E;
}
.klrez-mid{background:var(--kz-bg)}

/* zaglavlje: naslov + ziva podnaslovna linija, normalan Inter */
.klrez-hin{padding:22px 22px 6px}
.klrez-hd h1{font-size:27px;letter-spacing:-.02em}
.klrez-hd .klrez-sub{margin:5px 0 0;font-size:13.5px;color:var(--kz-mut);font-weight:500}
.klrez-hd .klrez-sub .lv{color:var(--kz-g);font-weight:700;display:inline-flex;align-items:center;gap:6px}
.klrez-hd .klrez-sub .lv::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--kz-g);animation:klrezpulse 1.6s infinite}
.klrez-hero{border-bottom:0}

/* ---------------------------------------------------------------------------
   SEMAFOR - vodoravna traka istaknutih utakmica
   --------------------------------------------------------------------------- */
.klrez-sem{max-width:1560px;margin:0 auto;padding:8px 22px 0}
.klrez.is-nosem .klrez-sem{display:none}
.klrez-semrow{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 14px;
  scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.klrez-semrow::-webkit-scrollbar{height:6px}
.klrez-semrow::-webkit-scrollbar-thumb{background:var(--kz-line);border-radius:3px}
.klrez-tile{flex:0 0 238px;scroll-snap-align:start;border:1px solid var(--kz-line);
  border-radius:16px;padding:13px 14px;background:var(--kz-bg);text-align:left;cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.klrez-tile:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(9,28,20,.08)}
.klrez-tile:focus-visible{outline:2px solid var(--kz-g);outline-offset:2px}
.klrez-tile.is-on{border-color:rgba(0,145,104,.45);background:linear-gradient(0deg,#F3FBF7,#fff);
  box-shadow:0 8px 22px rgba(0,145,104,.10)}
.klrez-tile .lg{display:flex;align-items:center;gap:6px;margin-bottom:10px;min-width:0}
.klrez-tile .lg .klrez-fl{width:16px;height:12px;border-radius:2px}
.klrez-tile .ln{font-size:11px;font-weight:600;color:var(--kz-mut);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;min-width:0}
.klrez-tile .mn{margin-left:auto;flex:0 0 auto;font-family:'JetBrains Mono',monospace;
  font-size:10.5px;font-weight:700;color:var(--kz-mut);display:inline-flex;align-items:center;
  gap:5px;font-feature-settings:'tnum' 1}
.klrez-tile.is-live .mn{color:var(--kz-g)}
.klrez-tile .tm{display:flex;align-items:center;gap:8px;padding:3px 0}
.klrez-tile .tm img{width:20px;height:20px;object-fit:contain;flex:0 0 auto}
.klrez-tile .tm .nm{font-size:13.5px;color:var(--kz-body);white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;flex:1;min-width:0}
.klrez-tile .tm.is-w .nm{color:var(--kz-ink);font-weight:700}
.klrez-tile .tm .sc{font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:700;
  color:var(--kz-ink);font-feature-settings:'tnum' 1;flex:0 0 auto}
.klrez-tile.is-live .tm .sc{color:var(--kz-g)}
.klrez-tile.is-up .tm .sc,.klrez-tile.is-off .tm .sc{color:var(--kz-mut);font-weight:500;font-size:12px}
.klrez-tile .tip{display:flex;align-items:center;gap:7px;margin-top:10px;padding-top:9px;
  border-top:1px dashed var(--kz-line);min-width:0}
.klrez-tile .tip .tx{font-size:10.5px;font-weight:700;color:var(--kz-gd);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;min-width:0}
.klrez-tile .tip b{margin-left:auto;flex:0 0 auto;font-family:'JetBrains Mono',monospace;
  font-size:10px;font-weight:700;color:var(--kz-g)}
.klrez-tile .tip.is-loss .tx{color:#8E2020}
.klrez-tile .tip.is-loss b{color:var(--kz-loss)}

/* dani: aktivni dan je MINT pilula (QA runda 2, odabir operatora: D4) - crna
   pilula maknuta; na mobitelu ostaje koracnik sa strelicama */
@media (min-width:980px){
  .klrez-days button[role="tab"][aria-selected="true"]{background:#E0F2EC;color:var(--kz-gd);font-weight:800}
  .klrez-days button[role="tab"][aria-selected="true"] .dt{color:var(--kz-gd);opacity:.8}
}

/* tabovi u detalju kao pilule, aktivna crna */
.klrez-dtabs{gap:5px;padding:12px 16px;border-bottom:0}
.klrez-dtabs button{border:1px solid var(--kz-line);border-radius:999px;padding:7px 14px;font-size:12px}
.klrez-dtabs button[aria-selected="true"]{background:var(--kz-ink);color:#fff;border-color:var(--kz-ink);font-weight:700}

/* ---------------------------------------------------------------------------
   LISTA - mint kartice postaju cisti bijeli odjeljci s crnom podvlakom lige
   --------------------------------------------------------------------------- */
.klrez-grp{border:0;border-radius:0;background:none;margin:0 22px;overflow:visible}
.klrez-grp:first-child{margin-top:4px}
.klrez-gh{background:none;border-top:0;border-bottom:2px solid var(--kz-ink);padding:16px 2px 8px;gap:9px}
.klrez-gh:hover{background:none}
.klrez-gh .lg{color:var(--kz-ink);font-size:13px;font-weight:800}
.klrez-gh .cn{color:var(--kz-mut);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.klrez-gh .tog{color:var(--kz-mut);font-size:11.5px}
.klrez-gh:hover .tog{color:var(--kz-g)}
.klrez-grp:not(.is-open) .klrez-gh{border-bottom:1px solid var(--kz-line)}
.klrez-m{padding:11px 6px;border-top:1px solid var(--kz-line)}
.klrez-gh + .klrez-m{border-top:0}
.klrez-end{margin:8px 22px 20px;border:0;background:none;padding:16px 0}

/* ---------------------------------------------------------------------------
   DESKTOP: donja navigacija postaje plutajuci dock, ladica kartica iznad docka.
   FAZA D (29.07. kasno navecer): rail se VRACA kao "lige sidebar" — nosi
   Moje klubove i istaknute lige koje otvaraju pogled lige. Gumb Lige ga sklapa.
   --------------------------------------------------------------------------- */
@media (min-width:980px){
  .klrez{padding-bottom:88px}
  .klrez-nav{display:block;position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:1100;
    background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border:1px solid var(--kz-line);
    border-radius:999px;box-shadow:0 14px 40px -14px rgba(9,28,20,.34);padding:5px}
  #klrez-nav{display:flex;gap:2px}
  .klrez-nav button{display:flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;
    border:0;background:none;color:var(--kz-body);font-size:12.5px;font-weight:600;cursor:pointer}
  .klrez-nav button:hover{background:var(--kz-soft);color:var(--kz-ink)}
  .klrez-nav button[aria-current="true"]{background:var(--kz-mint);color:var(--kz-gd);font-weight:700}
  .klrez-nav button:focus-visible{outline:2px solid var(--kz-g);outline-offset:-3px}
  .klrez-nav svg{width:16px;height:16px}
  .klrez-nav .lb{line-height:1}
  .klrez-nav .ct{font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;
    color:var(--kz-mut);font-feature-settings:'tnum' 1;line-height:1}
  .klrez-nav button[aria-current="true"] .ct{color:var(--kz-g)}
  .klrez-scrim{display:block;position:fixed;inset:0;z-index:1200;background:rgba(9,28,20,.35);
    opacity:0;pointer-events:none;transition:opacity .22s ease}
  .klrez-scrim.is-open{opacity:1;pointer-events:auto}
  .klrez-sheet{display:flex;position:fixed;left:50%;bottom:82px;transform:translate(-50%,14px);
    width:520px;max-width:calc(100vw - 40px);max-height:min(72vh,640px);z-index:1201;
    background:var(--kz-bg);border:1px solid var(--kz-line);border-radius:20px;flex-direction:column;
    box-shadow:0 30px 70px -20px rgba(9,28,20,.4);opacity:0;pointer-events:none;
    transition:opacity .2s ease,transform .2s ease}
  .klrez-sheet.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
  .klrez-sheet .grab{display:none}
  .klrez-sheet .shd{padding:14px 16px 8px;display:flex;align-items:center;gap:10px;flex:0 0 auto}
  .klrez-sheet .shd .t{font-weight:800;font-size:15px;color:var(--kz-ink)}
  .klrez-sheet .shd .c{margin-left:auto;background:var(--kz-soft);border:1px solid var(--kz-line);
    border-radius:8px;color:var(--kz-mut);cursor:pointer;padding:5px 7px;line-height:0}
  .klrez-sheet .shd .c svg{width:13px;height:13px}
  .klrez-sheet .lst{overflow-y:auto;padding-bottom:14px}
}

/* ---------------------------------------------------------------------------
   MOBITEL: 5 stavki s brojacima u navigaciji, cisti koracnik datuma,
   semafor kao swipe traka samo na pocetnom ekranu
   --------------------------------------------------------------------------- */
@media (max-width:979px){
  .klrez-hin{padding:16px 14px 4px}
  .klrez-hd h1{font-size:22px}
  .klrez-hd .klrez-sub{font-size:12.5px}
  .klrez-sem{padding:6px 14px 0}
  .klrez-semrow{padding:2px 0 12px;scrollbar-width:none}
  .klrez-semrow::-webkit-scrollbar{display:none}
  .klrez-tile{flex-basis:212px;padding:12px 13px}
  .klrez[data-screen="detail"] .klrez-sem,
  .klrez[data-screen="favs"] .klrez-sem,
  .klrez[data-screen="tips"] .klrez-sem{display:none}
  .klrez-grp{margin:0 14px}
  .klrez-gh{padding:14px 2px 7px}
  .klrez-m{padding:10px 4px}
  .klrez-end{margin:6px 14px 16px}
  .klrez-nav{grid-template-columns:repeat(5,1fr)}
  .klrez-nav button{padding:8px 2px 10px;font-size:10px;gap:2px}
  .klrez-nav svg{width:18px;height:18px}
  .klrez-nav .lb{line-height:1.1}
  .klrez-nav .ct{font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;
    color:var(--kz-mut);font-feature-settings:'tnum' 1;line-height:1}
  .klrez-nav button[aria-current="true"] .ct{color:var(--kz-g)}
  /* koracnik datuma: puna pilula bez rubnih sudara, strelice jasno odvojene */
  .klrez-bar{padding:10px 14px;row-gap:8px}
  .klrez-days{background:var(--kz-soft);border-color:var(--kz-line)}
  .klrez-days button[aria-selected="true"]{color:var(--kz-ink)}
  .klrez-days button[aria-selected="true"] .dt{color:var(--kz-mut)}
  .klrez-days button.nudge{background:var(--kz-bg);border:1px solid var(--kz-line);color:var(--kz-ink);flex:0 0 40px}
  .klrez-days button.nudge:hover{background:var(--kz-mint);color:var(--kz-g)}
}
@media (prefers-reduced-motion:reduce){
  .klrez-tile,.klrez-sheet,.klrez-scrim{transition:none}
  .klrez-hd .klrez-sub .lv::before{animation:none}
}

/* ---------------------------------------------------------------------------
   TIPOGRAFIJA 29.07.: mono uppercase "AI font" se gasi na svijetlim povrsinama.
   Inter za sve labele i naslove sekcija; JetBrains Mono ostaje SAMO za brojeve
   (rezultati, minute, kvote) i eyebrowe na TAMNIM karticama (odluka operatora).
   --------------------------------------------------------------------------- */
.klrez-sh{font-family:inherit;font-size:13.5px;letter-spacing:0;text-transform:none;
  font-weight:800;color:var(--kz-ink)}
.klrez-h4{font-family:inherit;font-size:11.5px;letter-spacing:0;text-transform:none;
  font-weight:700;color:var(--kz-mut)}
.klrez-blk h3{font-family:inherit;font-size:12.5px;letter-spacing:0;text-transform:none;
  font-weight:700;color:var(--kz-mut)}
.klrez-injt{font-family:inherit;font-size:11px;letter-spacing:0;text-transform:none;font-weight:700}
.klrez-kvh{font-family:inherit;font-size:10.5px;letter-spacing:0;text-transform:none;font-weight:700}
.klrez-lut .sub{font-family:inherit;font-size:11px;letter-spacing:0;text-transform:none;font-weight:700}
.klrez-tp .rub{font-family:inherit;font-size:10px;letter-spacing:0;text-transform:none;font-weight:700}
.klrez-tbl th{font-family:inherit;letter-spacing:0;font-size:10.5px}
.klrez-odds .k{font-family:inherit;letter-spacing:0;text-transform:none;font-size:11px}
/* prekidac Samo uzivo nasljeduje mono uppercase iz .klrez-tabs button - gasi se */
.klrez-tabs{background:none;padding:0;border-radius:0}
.klrez-tabs button.klrez-only{font-family:inherit;text-transform:none;letter-spacing:0;
  font-size:13px;font-weight:600;color:var(--kz-body)}
.klrez-tabs button.klrez-only.is-on{color:var(--kz-gd);font-weight:700}
.klrez-tabs button.klrez-only b{font-family:'JetBrains Mono',monospace;font-size:11.5px}
/* tamne povrsine zadrzavaju svoje mono eyebrowe (scorecard, tip kartica,
   prozor igraca) - to je dogovorena iznimka */

/* prazna zastava (span umjesto slike) se u plocici semafora ne prikazuje */
.klrez-tile span.klrez-fl{display:none}

/* ---------------------------------------------------------------------------
   QA 29.07. NAVECER: statistika u desnom kutu heroja, prekidaci (zvuk gola,
   format kvota), tip umjesto "ceka" na plocici i chipu, rezultati pretrage
   u samom prozoru pretrage.
   --------------------------------------------------------------------------- */
.klrez-hin{justify-content:space-between;align-items:center}
.klrez-hx{display:flex;flex-direction:column;align-items:flex-end;gap:7px;margin-left:auto;text-align:right}
.klrez-hx .klrez-sub{margin:0;font-size:13.5px;color:var(--kz-mut);font-weight:500}
.klrez-hx .klrez-sub .lv{color:var(--kz-g);font-weight:700;display:inline-flex;align-items:center;gap:6px}
.klrez-hx .klrez-sub .lv::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--kz-g);animation:klrezpulse 1.6s infinite}
.klrez-hbt{display:flex;align-items:center;gap:8px}
.klrez-hbt button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--kz-line);
  background:var(--kz-bg);color:var(--kz-body);border-radius:999px;padding:6px 12px;font-family:inherit;
  font-size:11.5px;font-weight:600;cursor:pointer;line-height:1}
.klrez-hbt button:hover{border-color:var(--kz-g);color:var(--kz-g)}
.klrez-hbt button svg{width:14px;height:14px;flex:0 0 auto}
.klrez-hbt button.is-off{color:var(--kz-mut)}
.klrez-hbt button b{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--kz-g)}
.klrez-hbt .upd{font-size:10.5px;color:var(--kz-mut)}
@media (max-width:979px){
  .klrez-hx{align-items:flex-start;text-align:left;gap:6px}
  .klrez-hbt .upd{display:none}
}
/* na plocici i chipu pise sam tip; kvacica/krizic tek kad je rijesen */
.klrez-tile .tip .tx{flex:0 0 auto}
.klrez-tile .tip b{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  font-family:inherit;font-size:10.5px}
.klrez-chip b{font-family:inherit}
/* Ishod tipa NIKAD kao slovo do samog tipa (incident 20.08.2026.): "1 ✕" se
   čita kao tržište "1X" (domaćin ili neriješeno), pa je promašen tip "1" na
   neriješenom rezultatu izgledao kao pogođen dvostruki znak. Oznaka je zato
   disk s crtanim znakom, u vlastitom elementu i odvojena razmakom — krug se
   ne može pročitati kao slovo tipa. */
.klrez-mk{display:inline-block;flex:0 0 auto;width:13px;height:13px;border-radius:50%;
  position:relative;vertical-align:-2px;margin-left:1px}
.klrez-mk.is-w{background:#009168}
.klrez-mk.is-l{background:#C53030}
.klrez-mk.is-v{background:#9AA5A0}
.klrez-mk.is-w::before{content:"";position:absolute;left:4.5px;top:2.5px;width:3px;height:6px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(42deg)}
.klrez-mk.is-l::before,.klrez-mk.is-l::after{content:"";position:absolute;left:5.5px;top:2.5px;
  width:2px;height:8px;background:#fff;border-radius:1px}
.klrez-mk.is-l::before{transform:rotate(45deg)}
.klrez-mk.is-l::after{transform:rotate(-45deg)}
.klrez-mk.is-v::before{content:"";position:absolute;left:2.5px;top:5.5px;width:8px;height:2px;
  background:#fff;border-radius:1px}
/* rezultati pretrage unutar prozora i ladice */
.klrez-h4x{font-size:11.5px;font-weight:700;color:var(--kz-mut);margin:14px 0 6px;padding:0 16px}
.klrez-shx{padding:4px 16px 12px;font-size:12.5px;color:var(--kz-mut)}
#klrez-shres .klrez-m,#klrez-rlres .klrez-m{width:100%}

/* ---------------------------------------------------------------------------
   QA RUNDA 2 (29.07. kasno navecer): V5 hibrid semafor scroll, desni panel
   zatvoren bez odabira, mobilni raspored heroja i kontrola.
   --------------------------------------------------------------------------- */
/* V5 hibrid: strelice na hover + rub-fade + tanka emerald linija napretka */
.klrez-semwr{position:relative}
.klrez-semwr .klrez-semrow{scrollbar-width:none;scroll-behavior:smooth;padding-bottom:10px}
.klrez-semwr .klrez-semrow::-webkit-scrollbar{display:none}
.klrez-semar{position:absolute;top:calc(50% - 10px);transform:translateY(-50%);z-index:3;width:34px;height:34px;
  border-radius:50%;border:1px solid var(--kz-line);background:var(--kz-bg);
  box-shadow:0 4px 14px rgba(9,28,20,.14);cursor:pointer;display:flex;align-items:center;justify-content:center;
  color:var(--kz-ink);font-size:15px;line-height:1;padding:0;
  opacity:0;transition:opacity .18s ease,color .15s ease,border-color .15s ease}
.klrez-semar.is-l{left:-8px}
.klrez-semar.is-r{right:-8px}
.klrez-semwr:hover .klrez-semar{opacity:1}
.klrez-semar:hover{border-color:var(--kz-g);color:var(--kz-g)}
.klrez-semar:focus-visible{opacity:1;outline:2px solid var(--kz-g);outline-offset:2px}
.klrez-semwr.is-at0 .klrez-semar.is-l,
.klrez-semwr.is-atx .klrez-semar.is-r{opacity:0;pointer-events:none}
.klrez-semwr.is-still .klrez-semar{display:none}
.klrez-semwr::before,.klrez-semwr::after{content:'';position:absolute;top:0;bottom:18px;width:56px;
  pointer-events:none;z-index:2;transition:opacity .18s ease}
.klrez-semwr::before{left:0;background:linear-gradient(90deg,var(--kz-bg) 12%,rgba(255,255,255,0))}
.klrez-semwr::after{right:0;background:linear-gradient(270deg,var(--kz-bg) 12%,rgba(255,255,255,0))}
.klrez-semwr.is-at0::before,.klrez-semwr.is-atx::after,
.klrez-semwr.is-still::before,.klrez-semwr.is-still::after{opacity:0}
.klrez-semrail{height:2px;background:var(--kz-line);border-radius:2px;margin:0 2px 12px;position:relative;overflow:hidden}
.klrez-semrail i{position:absolute;top:0;bottom:0;left:0;width:30%;background:var(--kz-g);border-radius:2px}
.klrez-semwr.is-still .klrez-semrail{display:none}
@media (max-width:979px){
  .klrez-semar{display:none}
  .klrez-semwr::before,.klrez-semwr::after{width:34px}
}
@media (prefers-reduced-motion:reduce){
  .klrez-semwr .klrez-semrow{scroll-behavior:auto}
  .klrez-semar{transition:none}
}
/* desni panel postoji samo dok je utakmica odabrana (sirinu vodi applyLayout) */
.klrez.is-nosel .klrez-side{display:none}
/* mobitel: statistika ispod naslova preko cijele sirine, kontrole sele
   ispod glavnog prozora s rezultatima */
.klrez-hbt-m{display:none}
@media (max-width:979px){
  .klrez-hx{margin-left:0;width:100%}
  .klrez-hin .klrez-hbt{display:none}
  .klrez-hbt-m{display:flex;justify-content:center;gap:8px;padding:16px 14px 6px}
}

/* ============================================================
   FAZA D (29.07.) — pogled lige, pogled kluba, Moji klubovi
   ============================================================ */
/* dok je pogled otvoren, prekidac uzivo i koracnik dana se micu */
/* !important jer mobilni blok ima .klrez-tabs{display:flex!important} */
.klrez.is-view .klrez-tabs,.klrez.is-view .klrez-days{display:none!important}
.klrez-vw{background:var(--kz-bg);border:1px solid var(--kz-line);border-radius:12px;overflow:hidden;margin:0 12px 12px}
.klrez-vhead{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--kz-line)}
.klrez-vback{flex:0 0 auto;width:30px;height:30px;border-radius:9px;border:1px solid var(--kz-line);background:var(--kz-bg);color:var(--kz-mut);font-size:19px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 2px}
.klrez-vback:hover{background:var(--kz-soft);color:var(--kz-ink)}
.klrez-vback:focus-visible{outline:2px solid var(--kz-g);outline-offset:1px}
.klrez-vhead .lgo{width:38px;height:38px;object-fit:contain;flex:0 0 auto}
.klrez-vhead .tt{display:grid;min-width:0;gap:2px}
.klrez-vhead .nm{font-size:16px;font-weight:800;color:var(--kz-ink);letter-spacing:-.01em;line-height:1.2}
.klrez-vhead .sub{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--kz-mut);flex-wrap:wrap}
.klrez-vhead .sub .vn{flex-basis:100%;font-size:10.5px}
.klrez-vhead .klrez-star{margin-left:auto;flex:0 0 auto}
.klrez-vhead .klrez-star svg{width:18px;height:18px}
.klrez-vtabs{padding:0 16px}
/* naslov kola / sekcije unutar kartice pogleda */
.klrez-vw .klrez-rd{margin:0;padding:12px 16px 7px;border-top:1px solid var(--kz-line);background:var(--kz-soft)}
.klrez-vw .klrez-rd:first-of-type{border-top:0}
.klrez-vw .klrez-m .sub{grid-column:1 / -1;font-size:10.5px;color:var(--kz-mut);margin-top:2px}
/* datum u stupcu termina: datum iznad, status ispod */
.klrez-vw .klrez-when{flex-direction:column;align-items:flex-start;gap:1px}
.klrez-vw .klrez-fd{font-size:10px;opacity:.75}
.klrez-vw .klrez-m.is-live .klrez-when{flex-direction:row;align-items:center}
.klrez-vw .klrez-empty button{margin-top:14px;background:var(--kz-g);color:#fff;border:0;border-radius:999px;padding:9px 18px;font-weight:700;font-size:13px;cursor:pointer}
/* nulta tablica prije prvog kola */
.klrez-vnote{margin:12px 16px 0;padding:10px 14px;border-radius:10px;background:var(--kz-mint);color:var(--kz-gd);font-size:12px;line-height:1.5}
.klrez-vw .klrez-tbl td.t.is-lnk{cursor:pointer}
.klrez-vw .klrez-tbl td.t.is-lnk:hover span{color:var(--kz-g);text-decoration:underline;text-underline-offset:2px}
/* forma kluba: zadnjih 5, najnovija desno */
.klrez-vform{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--kz-line)}
.klrez-vform .lb{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--kz-mut);font-weight:700}
.klrez-vform .chips{display:flex;gap:4px}
.klrez-vform .fc{width:22px;height:22px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;flex:0 0 auto;line-height:1;
  font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:800;color:#fff;
  font-style:normal;cursor:help;letter-spacing:0;background:#F1F3F4}
.klrez-vform .fc.w{background:#009168}
.klrez-vform .fc.d{background:#B9C2BE}
.klrez-vform .fc.l{background:#C53030}
.klrez-vform .hint{margin-left:auto;font-size:10.5px;color:var(--kz-mut)}
/* Moji klubovi u railu i ladici */
.klrez-hint{margin:2px 0 6px;padding:0 16px;font-size:11px;color:var(--kz-mut);line-height:1.5}
.klrez-li .is-crest{object-fit:contain;border-radius:0;background:none}
.klrez-li .klrez-star.is-inli{margin-left:auto;flex:0 0 auto}
.klrez-li .n + .klrez-star.is-inli{margin-left:6px}
@media (max-width:979px){
  .klrez-vw{margin:0 10px 10px}
  .klrez-vhead{padding:12px 12px;gap:10px}
  .klrez-vhead .lgo{width:32px;height:32px}
  .klrez-vhead .nm{font-size:14.5px}
  .klrez-vtabs{padding:0 10px}
  .klrez-vform .hint{display:none}
}

/* ---------------------------------------------------------------------------
   LIGE NA MOBITELU (30.07.): rail je ispod 980px skriven, pa su lige bile
   dostupne samo kroz stavku "Trazi" u donjoj navigaciji. Nitko ne tapne lupu
   da bi prelistavao lige, pa stavka tamo sad nosi globus i naziv "Lige".
   Dva prateca ulaza: lupa gore desno u heroju (pretraga, s fokusom u polju)
   i gumb "›" u zaglavlju lige koji vodi u pogled lige.
   --------------------------------------------------------------------------- */
.klrez-gh .vgo{flex:0 0 auto;width:26px;height:26px;padding:0 0 2px;border-radius:999px;
  border:1px solid var(--kz-line);background:var(--kz-bg);color:var(--kz-mut);
  font-size:15px;font-weight:700;line-height:1;display:grid;place-items:center;cursor:pointer}
.klrez-gh .vgo:hover{border-color:var(--kz-g);color:var(--kz-g);background:var(--kz-mint)}
.klrez-gh .vgo:focus-visible{outline:2px solid var(--kz-g);outline-offset:2px}
.klrez-gh .tog{margin-left:auto}
.klrez-gh .ghn{display:flex;align-items:center;gap:9px;min-width:0}

/* lupa u heroju: samo mobitel, jer desktop ima rail i stavku Trazi u docku */
.klrez-fbm{display:none}
@media (max-width:979px){
  .klrez-hin{position:relative}
  .klrez-hd{padding-right:46px}
  .klrez-fbm{display:grid;place-items:center;position:absolute;top:12px;right:14px;
    width:36px;height:36px;padding:0;border-radius:11px;border:1px solid var(--kz-line);
    background:var(--kz-bg);color:var(--kz-ink);cursor:pointer}
  .klrez-fbm svg{width:17px;height:17px}
  .klrez-fbm:active{background:var(--kz-mint);border-color:var(--kz-g);color:var(--kz-gd)}
  .klrez-fbm:focus-visible{outline:2px solid var(--kz-g);outline-offset:2px}
  /* na uskom ekranu se natpis toggle-a i gumb za ligu tuku za sirinu s imenom
     lige: pada rijec "prikazi", gumb ostaje pun jer je meta za prst */
  .klrez-gh .vgo{width:30px;height:30px;font-size:16px;color:var(--kz-g);border-color:var(--kz-line)}
  .klrez-gh .tog{font-size:10.5px;flex:0 0 auto}
  .klrez-gh .tog .w{display:none}
  /* zemlja pod imenom lige, isti obrazac kao u railu (.nm2) */
  .klrez-gh .ghn{display:grid;gap:1px;line-height:1.2}
  .klrez-gh .cn{font-size:10.5px}
}

/* ---------------------------------------------------------------------------
   TEREN UTISNUT (QA 30.07.): postava je bila 804px visoka u stupcu od 335px
   (red 86px), pa se Sastavi nisu dali pregledati u jednom scrollu. Red je u
   JS-u 86 -> 58px, a ovdje se skracuju fotografije, imena i oznake da se redovi
   i dalje ne dotiču. Sve sto ovisi o visini terena (pozicije igraca) je u %, pa
   se samo skalira.
   --------------------------------------------------------------------------- */
.klrez-pteam{padding:8px 12px;font-size:12.5px}
.klrez-pitch{background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0 29px,transparent 29px 58px)}
.klrez-pcrest{width:52%;max-width:180px}
.klrez-pp{width:72px}
.klrez-pp .fc{width:30px;height:30px;border-radius:9px;border-width:1.5px}
.klrez-pp .nm{font-size:9.5px;max-width:72px;margin-top:2px}
.klrez-pp .rt{font-size:9px;padding:0 5px;margin-top:-6px;border-radius:4px}
.klrez-pp .kt{top:-3px;left:calc(50% + 11px);width:8px;height:11px}
.klrez-pp .sb{top:20px;left:calc(50% - 22px);width:14px;height:14px}
.klrez-pp .sb svg{width:10px;height:10px}
.klrez-pp .gl{top:-4px;left:calc(50% - 22px);width:15px;height:15px}
/* Klupa: stupce odredjuje sirina PANELA, ne ekrana. Media query (min-width:1400)
   je davao 2 stupca po 156px u panelu od 376px, pa su imena bila odrezana na
   "T. Cos...". auto-fit se lomi sam kad panel ima mjesta (povlacenjem ruba). */
.klrez-lu{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.klrez-lut .p{grid-template-columns:22px 26px 1fr auto;gap:8px;padding:5px 0}
.klrez-lut .p.is-sub{grid-template-columns:22px 26px 1fr}
.klrez-lut .fc{width:26px;height:26px}
.klrez-lut .p.is-sub .fc{width:22px;height:22px}
.klrez-lut .p .nm{font-size:12.5px}
.klrez-lut .sub{margin:12px 0 5px}
/* klupa kao sklopiva kartica: dvije linije umjesto dva puna popisa */
.klrez-lut.is-bench{border:1px solid var(--kz-line);border-radius:12px;padding:0 12px}
.klrez-lut.is-bench summary{cursor:pointer;list-style:none;padding:11px 0;display:flex;
  align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--kz-ink)}
.klrez-lut.is-bench summary::-webkit-details-marker{display:none}
.klrez-lut.is-bench summary::after{content:'∨';margin-left:auto;color:var(--kz-mut);font-size:11px;font-weight:400}
.klrez-lut.is-bench[open] summary::after{content:'∧'}
.klrez-lut.is-bench summary:hover{color:var(--kz-gd)}
.klrez-lut.is-bench summary:focus-visible{outline:2px solid var(--kz-g);outline-offset:2px;border-radius:6px}
.klrez-lut.is-bench summary b{font-family:'JetBrains Mono',monospace;font-size:11px;
  font-weight:700;color:var(--kz-mut)}
.klrez-lut.is-bench .p.is-sub:first-of-type{border-top:1px solid var(--kz-line)}
.klrez-lut.is-bench .c{padding-bottom:12px;margin-top:10px}

/* ---------------------------------------------------------------------------
   ŽDRIJEB (30.07.): kup runde su stupci koji se listaju vodoravno, kao na
   Sofascoreu i rezultati.com. Podaci su iz pogleda lige, nula novih poziva.
   Par je gumb: klik otvara tu utakmicu. Trenutna je mint i s emerald rubom.
   --------------------------------------------------------------------------- */
.klrez-brk{display:flex;gap:12px;overflow-x:auto;padding:2px 16px 14px;scroll-snap-type:x proximity}
.klrez-brk .brc{flex:0 0 232px;min-width:232px;scroll-snap-align:start;display:flex;flex-direction:column;gap:7px}
.klrez-brk .brh{margin:0 0 1px;display:flex;align-items:center;gap:8px;padding:2px 2px 4px;
  font-size:11.5px;font-weight:800;color:var(--kz-ink);border-bottom:2px solid var(--kz-ink)}
.klrez-brk .brh b{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:10.5px;
  font-weight:700;color:var(--kz-mut)}
.klrez-brk .brp{display:grid;gap:3px;width:100%;text-align:left;cursor:pointer;padding:8px 10px;
  border:1px solid var(--kz-line);border-radius:11px;background:var(--kz-bg)}
.klrez-brk .brp:hover{border-color:var(--kz-g);background:var(--kz-soft)}
.klrez-brk .brp.is-cur{border-color:var(--kz-g);background:var(--kz-mint)}
.klrez-brk .brp:focus-visible{outline:2px solid var(--kz-g);outline-offset:2px}
.klrez-brk .brm{display:flex;align-items:center;gap:5px;margin-bottom:2px;
  font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--kz-mut)}
.klrez-brk .brr{display:grid;grid-template-columns:17px 1fr auto;align-items:center;gap:7px;
  font-size:12.5px;color:var(--kz-body);min-width:0}
.klrez-brk .brr img{object-fit:contain}
.klrez-brk .brr .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.klrez-brk .brr.is-w{color:var(--kz-ink);font-weight:700}
.klrez-brk .brr i{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:12.5px;
  font-weight:700;color:var(--kz-ink);font-feature-settings:'tnum' 1}

/* uzi stupac (mobitel i suzeni panel): jos jedan stepenik nize */
@media (max-width:1100px){
  .klrez-pp{width:64px}
  .klrez-pp .fc{width:28px;height:28px;border-radius:9px}
  .klrez-pp .nm{font-size:9px;max-width:64px}
  .klrez-pp .rt{font-size:8.5px;padding:0 4px;margin-top:-6px}
  .klrez-pp .sb{top:17px;left:calc(50% - 20px)}
  .klrez-pp .gl{width:14px;height:14px;left:calc(50% - 20px)}
}

/* S Ždrijebom detalj ima 6 tabova. Ne staju ni u panel od 376px ni na 375px
   ekrana, a lomljenje u dva reda izgleda kao greska: traka se lista vodoravno.
   Vrijedi na SVIM sirinama, jer je ovo sirina PANELA a ne ekrana. */
.klrez-dtabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.klrez-dtabs::-webkit-scrollbar{display:none}
.klrez-dtabs button{flex:0 0 auto}
@media (max-width:979px){
  /* ždrijeb: jedan stupac po ekranu, s uskakanjem */
  .klrez-brk{padding:2px 14px 14px;scroll-snap-type:x mandatory}
  .klrez-brk .brc{flex:0 0 78vw;min-width:78vw}
}


/* ===== raspored B: naslov u .kl-pagehead traci, dashboard punom sirinom ===== */
.kl-pagehead p.kldash-crumb{font-size:13px;font-weight:500;color:#6b7370;margin:0 0 14px;line-height:1.3}
.kl-pagehead p.kldash-crumb i{font-style:normal;padding:0 7px;opacity:.5}
.kl-pagehead p.kldash-crumb b{color:#111;font-weight:600}
.kl-pagehead p.kldash-crumb a,.kl-pagehead p.kldash-crumb a:link,.kl-pagehead p.kldash-crumb a:visited{color:#6b7370!important;text-decoration:none!important;border-bottom:none}
.kl-pagehead p.kldash-crumb a:hover,.kl-pagehead p.kldash-crumb a:focus{color:#111!important;text-decoration:none!important}
.kldash-wide{padding:26px 0 14px}
.kldash-wide .kldash-grid{display:block}
.kldash-wide .kldash-grid .kldash-panel{grid-column:auto;align-self:auto;margin-top:0}
.kldash-wide .kldash-sub{font-size:16px;line-height:1.6;color:#5c6663;margin:0 0 18px;max-width:72ch}
.kldash-wide .kldash-note{font-size:12.5px;color:#8a9390;margin:14px 2px 0;max-width:none;line-height:1.5}
.kldash .kd-samp{font-size:12.5px;line-height:1.5}
.kldash-wide .kd-samp{margin:10px 0 0;max-width:none;padding:8px 2px 0;border-top:1px dashed #EAEEEC}
.kldash-wide #kd-extra{flex:none;display:block;max-height:none;max-width:none;margin-top:16px;padding-top:15px;border-top:1px solid #F0F3F2}
.kldash-wide .kd-ext{grid-template-columns:1fr 1fr}
@media(min-width:881px){.kldash-wide .kldash-mount{aspect-ratio:var(--kdar-d,1180/165)}}
@media(max-width:880px){.kldash-wide{padding:16px 0 12px}
.kldash-wide .kldash-sub{font-size:15px;margin:0 0 14px}
.kldash-wide .kldash-note{margin-top:14px}
.kldash-wide #kd-extra{margin-top:14px}
.kldash-wide .kd-ext{grid-template-columns:1fr}}

/* ============================================================
   KLLS — traka listica na pillaru /kladionice/ (4.8.2026)
   Generirano iz kladionice-redizajn/t6-listic.html.
   Sve je uvuceno pod .klls jer su imena klasa genericka.
   ============================================================ */

/* --- jezgra --- */
.klls{--brand-primary:#009168; --brand-primary-dark:#006B4E; --brand-primary-light:#00B582;
  --brand-soft:#E0F2EC; --ink:#111111; --body-text:#444444; --muted:#888888;
  --border:#EAEAEA; --color-loss:#C53030;
  --dark-surface:#0F1311; --dark-accent:#00D982;
  --band:#F1F3F4; --lead:#5C6663; --stat-lab:#8A9390;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --wrap:1180px;}
.klls *, .klls *::before, .klls *::after{box-sizing:border-box}
.klls{background:#fff}
.klls{--st-bg:#F7F9F8; --st-ink:var(--ink); --st-dim:var(--lead);
  --st-eye:var(--brand-primary); --st-line:#E1E7E5;
  --pc-bg:#fff; --pc-bd:#E6EAE8; --pc-ink:var(--ink); --pc-dim:var(--lead);
  --pc-sh:0 6px 20px rgba(15,19,17,.07); --pc-shh:0 18px 44px rgba(15,19,17,.16);
  --arr-bg:#fff; --arr-ink:var(--ink); --arr-bd:#DFE5E3; --arr-hov:var(--brand-primary);
  --prog-tr:#E1E7E5; --prog-in:var(--brand-primary);
  --bn-bg:#E4F2EB; --bn-lab:var(--brand-primary-dark); --bn-ink:var(--ink); --bn-dim:#4C5A55;
  /* ploha na kojoj stoji telefon u mobilnom prikazu */
  --dev-plate:linear-gradient(180deg,#F7FAF9 0%,#EAEFED 100%); --dev-ink:var(--ink); --dev-lab:var(--stat-lab);}
.klls .stage{position:relative; background:var(--st-bg); color:var(--st-ink); padding:46px 0 40px; overflow:hidden}
.klls .stage > *{position:relative; z-index:1}
.klls .stage-head{display:flex; align-items:flex-end; justify-content:space-between; gap:32px}
.klls .eyebrow{margin:0 0 10px; font-family:var(--mono); font-size:11px; font-weight:700;
  letter-spacing:1.6px; text-transform:uppercase; color:var(--st-eye); font-feature-settings:'tnum' 1;}
.klls .stage h2{margin:0; font-size:26px; line-height:31px; font-weight:700; letter-spacing:-.5px; color:var(--st-ink)}
.klls .stage .sub{margin:10px 0 0; font-size:14.5px; line-height:23px; color:var(--st-dim); max-width:480px}
.klls .stage-head .counter{font-family:var(--mono); font-size:12px; color:var(--st-dim); letter-spacing:.4px;
  white-space:nowrap; padding-bottom:4px; font-feature-settings:'tnum' 1;}
.klls .railzone{position:relative; margin-top:20px; --frameh:300px}
.klls .rail{overflow-x:auto; overflow-y:hidden; scroll-behavior:smooth;
  padding:14px 0 20px; -ms-overflow-style:none; scrollbar-width:none;}
.klls .rail::-webkit-scrollbar{display:none}
.klls .rail-track{display:flex; align-items:flex-start; gap:16px}
.klls .rail-track::before, .klls .rail-track::after{content:""; flex:0 0 auto; height:1px;
  width:max(8px, calc((100% - var(--wrap)) / 2 + 8px));}
.klls .poster{--pw:238px; --ph:300px; --pwh:352px; --iw:352px; --ih:493px; --pan:-96px;
  flex:0 0 auto; width:var(--pw);
  border:1px solid var(--pc-bd); background:var(--pc-bg);
  padding:0; margin:0; border-radius:16px; overflow:hidden; text-align:left;
  box-shadow:var(--pc-sh); position:relative;
  transition:box-shadow .3s ease, transform .3s ease, border-color .3s ease;}
.klls .pframe{appearance:none; -webkit-appearance:none; border:0; border-radius:0; padding:0; margin:0;
  font:inherit; color:inherit; cursor:pointer; text-align:left;
  display:block; position:relative; width:100%; height:var(--ph); overflow:hidden;
  background:var(--band); border-bottom:1px solid var(--pc-bd);}
.klls .pframe:focus-visible{outline:2px solid var(--brand-primary); outline-offset:-3px}
.klls .ppan{position:absolute; top:0; left:50%; width:var(--iw); height:var(--ih); transform:translateX(-50%); will-change:transform}
.klls .ppan img{width:100%; height:100%; object-fit:cover; object-position:center top; display:block}
.klls .pdev{display:none}
.klls .pdscr{display:block; position:absolute; inset:6px; border-radius:19px; overflow:hidden; background:#fff}
.klls .pdscr img{display:block; position:absolute; top:0; left:0; width:100%; height:auto; will-change:transform}
.klls .pdev.go .pdscr img{animation:kllsride 16s linear 1.2s 1}
.klls .pveil{position:absolute; inset:auto 0 0 0; height:44%; pointer-events:none;
  background:linear-gradient(to top, rgba(15,19,17,.86) 4%, rgba(15,19,17,.52) 42%, rgba(15,19,17,0) 100%);}
.klls .ptop{position:absolute; top:10px; left:10px; right:10px; display:flex; align-items:flex-start; justify-content:space-between; gap:8px; z-index:2}
.klls .plogo{display:inline-flex; align-items:center; justify-content:center;
  background:#fff; border-radius:9px; padding:6px 9px; min-height:30px;
  box-shadow:0 2px 8px rgba(15,19,17,.22); max-width:64%;}
.klls .plogo img{display:block; height:17px; width:auto; max-width:100%; object-fit:contain}
.klls .pscore{font-family:var(--mono); font-size:13.5px; font-weight:700; padding:6px 9px; border-radius:8px;
  font-feature-settings:'tnum' 1; letter-spacing:-.2px; border:1px solid transparent; white-space:nowrap;
  box-shadow:0 2px 8px rgba(15,19,17,.18);}
.klls .pscore.t1{color:#fff; background:var(--brand-primary); border-color:var(--brand-primary)}
.klls .pscore.t2{color:var(--brand-primary-dark); background:#fff; border-color:rgba(0,145,104,.42)}
.klls .pscore.t3{color:var(--lead); background:#fff; border-color:#DDE3E1}
.klls .prank{position:absolute; left:12px; bottom:11px; z-index:2;
  font-family:var(--mono); font-size:27px; font-weight:700; line-height:.85; color:#fff;
  letter-spacing:-1px; font-feature-settings:'tnum' 1; text-shadow:0 2px 10px rgba(0,0,0,.55);}
.klls .prank small{display:block; font-size:9px; letter-spacing:1.5px; font-weight:500; color:rgba(255,255,255,.74); margin-top:5px}
.klls .pzoom{position:absolute; right:11px; bottom:13px; z-index:2;
  font-size:11px; font-weight:600; letter-spacing:-.05px;
  background:rgba(255,255,255,.94); color:var(--ink);
  padding:5px 9px; border-radius:999px; box-shadow:0 2px 10px rgba(15,19,17,.3);
  opacity:0; transform:translateY(4px); transition:opacity .28s ease, transform .28s ease;}
.klls .pcap{display:block; padding:12px 13px 12px; background:var(--pc-bg)}
.klls .prow{display:flex; align-items:baseline; justify-content:space-between; gap:10px; min-width:0}
.klls .pname{display:block; min-width:0; font-size:15px; font-weight:700; color:var(--pc-ink);
  letter-spacing:-.2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  text-decoration:none;}
.klls .pname:hover{color:var(--brand-primary-dark); text-decoration:underline; text-underline-offset:3px}
.klls .prw{flex:0 0 auto; font-size:12px; font-weight:600; color:var(--pc-dim);
  text-decoration:none; white-space:nowrap;}
.klls .prw::after{content:" ›"; font-weight:700}
.klls .poster:hover .prw{color:var(--brand-primary)}
.klls .prw:hover{color:var(--brand-primary); text-decoration:underline; text-underline-offset:3px}
.klls .pgo{display:flex; align-items:center; justify-content:center; margin-top:10px;
  background:var(--brand-primary); color:#fff; font-size:13.5px; font-weight:700;
  border:1.5px solid var(--brand-primary); border-radius:999px; padding:10px 16px;
  text-decoration:none; white-space:nowrap;
  transition:background .2s ease, border-color .2s ease, transform .18s ease;}
.klls .pgo:hover{background:var(--brand-primary-light); border-color:var(--brand-primary-light); transform:translateY(-1px)}
.klls .pname:focus-visible, .klls .prw:focus-visible, .klls .pgo:focus-visible{outline:2px solid var(--brand-primary); outline-offset:3px}
.klls .pbonus{position:relative; display:block; margin-top:11px; padding:10px 14px 11px; min-height:78px;
  background:var(--bn-bg); border-radius:13px;}
.klls .pbonus::before, .klls .pbonus::after{content:""; position:absolute; top:50%; width:13px; height:13px; border-radius:50%;
  background:var(--pc-bg); transform:translateY(-50%);}
.klls .pbonus::before{left:-7px}
.klls .pbonus::after{right:-7px}
.klls .pbonus .bl{display:block; font-size:11.5px; font-weight:700; letter-spacing:-.1px; color:var(--bn-lab)}
.klls .pbonus .bv{display:flex; align-items:baseline; gap:5px; margin-top:2px; min-width:0; min-height:27px}
.klls .pbonus .bq{flex:0 0 auto; font-style:normal; font-size:12.5px; font-weight:500;
  color:var(--bn-ink); white-space:nowrap;}
.klls .pbonus .bn{min-width:0; font-family:var(--mono); font-size:19px; font-weight:700; line-height:23px;
  letter-spacing:-.9px; color:var(--bn-ink); font-feature-settings:'tnum' 1;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.klls .pbonus .bx{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  margin-top:3px; min-height:15px; font-size:11.5px; line-height:15px; color:var(--bn-dim);}
.klls .poster:focus-visible{outline:2px solid var(--brand-primary); outline-offset:3px}
.klls .arrows{position:absolute; inset:0; pointer-events:none; z-index:3}
.klls .arr{pointer-events:auto; position:absolute; top:calc(var(--frameh) / 2 + 14px); transform:translateY(-50%);
  width:44px; height:44px; border-radius:50%; cursor:pointer;
  background:var(--arr-bg); border:1px solid var(--arr-bd); color:var(--arr-ink);
  display:grid; place-items:center; box-shadow:0 6px 18px rgba(15,19,17,.14);
  transition:background .2s ease, opacity .2s ease, color .2s ease, border-color .2s ease;}
.klls .arr:hover{background:var(--arr-hov); color:#fff; border-color:var(--arr-hov)}
.klls .arr:focus-visible{outline:2px solid var(--brand-primary); outline-offset:3px}
.klls .arr[aria-disabled="true"]{opacity:.34; pointer-events:none; box-shadow:none}
.klls .arr.prev{left:max(9px, calc((100% - var(--wrap)) / 2 - 43px))}
.klls .arr.next{right:max(9px, calc((100% - var(--wrap)) / 2 - 43px))}
.klls .arr svg{width:17px; height:17px; display:block}
.klls .progress{height:3px; border-radius:999px; background:var(--prog-tr); overflow:hidden; margin-top:4px}
.klls .progress i{display:block; height:100%; border-radius:999px; background:var(--prog-in); width:20%; transform-origin:left center; transition:transform .16s linear, width .16s linear}
.klls .stage-foot{display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:14px; font-size:12.5px; line-height:1.5; color:var(--st-dim)}
.klls .stage-foot .hintm{display:none}
.klls .listsec{padding:52px 0 44px; background:#fff}
.klls .listsec h2{margin:0; font-size:24px; line-height:28.8px; font-weight:700; letter-spacing:-.3px; color:var(--ink)}
.klls .listsec .sub{margin:9px 0 0; font-size:15.5px; line-height:24px; color:var(--lead); max-width:528px}
.klls .weights{display:flex; gap:8px; flex-wrap:wrap; margin:18px 0 0}
.klls .weights span{font-size:12px; font-weight:600; letter-spacing:-.05px; color:var(--lead);
  background:var(--band); border:1px solid var(--border); padding:5px 11px; border-radius:999px;
  font-variant-numeric:tabular-nums;}
.klls .listhead{display:grid; grid-template-columns:54px 250px 250px 1fr 196px; gap:24px; align-items:center; padding:0 14px 10px; margin-top:26px; border-bottom:1.5px solid var(--ink)}
.klls .listhead span{font-size:11px; font-weight:600; letter-spacing:.9px; text-transform:uppercase; color:var(--stat-lab)}
.klls .row{position:relative; display:grid; grid-template-columns:54px 250px 250px 1fr 196px; gap:24px;
  align-items:center; padding:20px 14px; border-bottom:1px solid var(--border); transition:background .2s ease;}
.klls .row::before{content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--brand-primary); transform:scaleY(0); transition:transform .22s ease}
.klls .c-rank .rk{font-family:var(--mono); font-size:22px; font-weight:700; color:var(--ink); letter-spacing:-.5px; font-feature-settings:'tnum' 1}
.klls .row:nth-child(-n+3) .c-rank .rk{color:var(--brand-primary)}
.klls .c-rank .rkl{display:block; font-size:10px; color:var(--stat-lab); margin-top:2px; letter-spacing:.3px}
.klls .c-brand{display:flex; align-items:center; gap:13px; min-width:0}
.klls .logo{flex:0 0 auto; width:78px; height:48px; border-radius:10px; border:1px solid var(--border);
  background:#fff; object-fit:contain; padding:7px 8px;}
.klls .c-brand h3{margin:0; font-size:17px; font-weight:700; color:var(--ink); letter-spacing:-.3px}
.klls .c-brand .prof{margin:3px 0 0; font-size:12.5px; color:var(--lead); line-height:1.35}
.klls .tag{display:inline-block; margin-top:7px; font-size:10.5px; font-weight:700; letter-spacing:.2px; padding:3px 8px; border-radius:999px; background:var(--brand-soft); color:var(--brand-primary-dark)}
.klls .tag.no{background:var(--band); color:var(--lead)}
.klls .c-score .scline{display:flex; align-items:baseline; gap:7px; margin-bottom:9px}
.klls .c-score .sc{font-family:var(--mono); font-size:22px; font-weight:700; color:var(--ink); letter-spacing:-.6px; font-feature-settings:'tnum' 1}
.klls .c-score .sc10{font-family:var(--mono); font-size:12px; color:var(--stat-lab)}
.klls .pil{list-style:none; margin:0; padding:0; display:grid; gap:5px}
.klls .pil li{display:grid; grid-template-columns:62px 1fr 16px; gap:8px; align-items:center}
.klls .pil .lab{font-size:11.5px; color:var(--lead); letter-spacing:-.1px}
.klls .pil .bar{height:5px; border-radius:999px; background:var(--border); overflow:hidden}
.klls .pil .bar i{display:block; height:100%; border-radius:999px; background:var(--brand-primary)}
.klls .pil .num{font-family:var(--mono); font-size:11px; font-weight:700; color:var(--ink); text-align:right; font-feature-settings:'tnum' 1}
.klls .c-bonus .bamt{display:block; margin-bottom:5px; font-family:var(--mono); font-size:15px; font-weight:700;
  letter-spacing:-.5px; color:var(--brand-primary-dark); font-feature-settings:'tnum' 1;}
.klls .c-bonus p{margin:0; font-size:14px; line-height:22px; color:var(--body-text)}
.klls .c-cta{display:flex; flex-direction:column; gap:8px}
.klls .btn{display:inline-flex; align-items:center; justify-content:center; gap:7px; border-radius:999px; padding:11px 18px; font-size:13.5px; text-decoration:none; cursor:pointer; white-space:nowrap; transition:background .2s ease, transform .18s ease, color .2s ease, border-color .2s ease}
.klls .btn-p{background:var(--brand-primary); color:#fff; font-weight:700; border:1.5px solid var(--brand-primary)}
.klls .btn-p:hover{background:var(--brand-primary-light); border-color:var(--brand-primary-light); transform:translateY(-1px)}
.klls .btn-s{background:transparent; color:var(--brand-primary-dark); font-weight:600; border:1.5px solid rgba(0,107,78,.55)}
.klls .btn-s:hover{border-color:var(--brand-primary-dark); transform:translateY(-1px)}

/* --- skin listica --- */
.klls{--st-bg:#07352A; --st-ink:#fff; --st-dim:rgba(255,255,255,.72); --st-eye:#7BE3BB; --st-line:rgba(255,255,255,.16);
  --pc-bg:#fff; --pc-bd:#E4E9E7;
  --arr-bg:rgba(255,255,255,.12); --arr-ink:#fff; --arr-bd:rgba(255,255,255,.28); --arr-hov:var(--brand-primary-light);
  --prog-tr:rgba(255,255,255,.14); --prog-in:#7BE3BB;
  --dev-plate:linear-gradient(180deg,#0B4735 0%,#062F24 100%); --dev-ink:#fff; --dev-lab:rgba(255,255,255,.62);}
.klls .stage{background:linear-gradient(168deg,#0A4232 0%,#07352A 46%,#052A21 100%)}
.klls .stage::before{content:""; position:absolute; inset:-30% -8% auto -8%; height:520px; pointer-events:none; z-index:0;
  background:radial-gradient(58% 68% at 20% 0%, rgba(0,181,130,.26), transparent 68%),
             radial-gradient(46% 60% at 86% 6%, rgba(0,145,104,.30), transparent 72%);}
.klls .hd-right{display:flex; align-items:center; gap:14px}
.klls .arr{box-shadow:0 6px 18px rgba(3,26,20,.4); backdrop-filter:blur(6px)}
.klls .poster{background:transparent; border:0; box-shadow:none; overflow:visible; border-radius:0;
  filter:drop-shadow(0 10px 22px rgba(3,26,20,.40));}
.klls .pslip{display:block; position:relative; background:var(--pc-bg); border-radius:14px; overflow:hidden;
  --ty:50%;
  -webkit-mask:
    radial-gradient(circle 9px at 0    var(--ty), #0000 98%, #000 100%),
    radial-gradient(circle 9px at 100% var(--ty), #0000 98%, #000 100%);
  -webkit-mask-composite:source-in;
  mask:
    radial-gradient(circle 9px at 0    var(--ty), #0000 98%, #000 100%),
    radial-gradient(circle 9px at 100% var(--ty), #0000 98%, #000 100%);
  mask-composite:intersect;}
.klls .ptop{position:static; display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:11px 13px 10px; background:var(--pc-bg);}
.klls .plogo{background:transparent; box-shadow:none; border-radius:0; padding:0; min-height:22px;
  max-width:62%; justify-content:flex-start;}
.klls .plogo img{height:19px}
.klls .pscore{box-shadow:none; font-size:15px; padding:0; border:0; background:transparent!important; letter-spacing:-.6px}
.klls .pscore.t1{color:var(--brand-primary)}
.klls .pscore.t2{color:var(--brand-primary-dark)}
.klls .pscore.t3{color:var(--lead)}
.klls .pframe{border-top:1px solid var(--pc-bd); border-bottom:0}
.klls .ptear{display:block; height:2px; margin:0 14px;
  background:repeating-linear-gradient(90deg,#AFBEB9 0 5px, transparent 5px 11px);}
.klls .pveil{height:34%; background:linear-gradient(to top, rgba(15,19,17,.80) 4%, rgba(15,19,17,.38) 48%, rgba(15,19,17,0) 100%)}
.klls .pcap{padding:13px 14px 15px}
.klls .pname{font-size:15.5px}
.klls .pbonus{border-radius:9px; padding:9px 12px 10px; min-height:70px; margin-top:9px}
.klls .pbonus::before, .klls .pbonus::after{display:none}

@media(min-width:701px){
  .klls .poster{transition:width .45s cubic-bezier(.2,.85,.25,1), box-shadow .3s ease, transform .3s ease, border-color .3s ease}
  .klls .poster:hover .pzoom, .klls .poster:focus-visible .pzoom{opacity:1; transform:none}
  .klls .poster:hover, .klls .poster:focus-within{width:var(--pwh); box-shadow:var(--pc-shh); transform:translateY(-4px)}
  .klls .poster:hover .ppan, .klls .poster:focus-visible .ppan{animation:kllspan 6s cubic-bezier(.36,0,.24,1) forwards}
  .klls .poster:hover, .klls .poster:focus-within{box-shadow:none; filter:drop-shadow(0 20px 40px rgba(3,26,20,.52))}
}

@media(max-width:700px){
  .klls .stage{padding:30px 0 26px}
  .klls .stage-head{display:block}
  .klls .stage h2{font-size:21px; line-height:26px}
  .klls .stage .sub{font-size:13.5px; line-height:21px; margin-top:8px}
  .klls .stage-head .counter{display:none}
  .klls .rail{overflow:visible; padding:6px 0 4px}
  .klls .rail-track{flex-direction:column; gap:20px; padding-inline:16px}
  .klls .rail-track::before, .klls .rail-track::after{display:none}
  .klls .pzoom{opacity:1; transform:none; transition:none}
  .klls .poster{width:auto; align-self:stretch; --ph:344px}
  .klls .pframe{height:var(--ph); background:var(--dev-plate)}
  .klls .ppan{display:none}
  .klls .pveil{display:none}
  .klls .pdev{display:block; position:absolute; left:50%; top:22px; transform:translateX(-50%);
  width:192px; height:318px; --scrh:306px; background:#121614; border-radius:28px; padding:6px;
  box-shadow:0 16px 34px rgba(15,19,17,.30), inset 0 0 0 1px rgba(255,255,255,.10);}
  .klls .pdev::after{content:""; position:absolute; top:14px; left:50%; transform:translateX(-50%);
  width:56px; height:10px; background:#000; border-radius:999px; z-index:2;}
  .klls .ptop{top:14px; bottom:auto; left:10px; right:10px; align-items:flex-start}
  .klls .plogo{max-width:62px; padding:5px 7px; min-height:26px; border-radius:8px}
  .klls .plogo img{height:13px}
  .klls .pscore{font-size:12px; padding:5px 7px}
  .klls .prank{left:12px; right:auto; top:auto; bottom:16px; font-size:22px; color:var(--dev-ink); text-shadow:none}
  .klls .prank small{color:var(--dev-lab)}
  .klls .pzoom{left:50%; right:auto; bottom:20px; transform:translateX(-50%); font-size:11.5px; padding:7px 14px}
  .klls .pbonus{min-height:0; padding:12px 16px 13px}
  .klls .pbonus .bl{font-size:12.5px}
  .klls .pbonus .bq{font-size:13.5px}
  .klls .pbonus .bn{font-size:22px; line-height:27px}
  .klls .pbonus .bx{font-size:12.5px; line-height:17px}
  .klls .arrows{display:none}
  .klls .progress{display:none}
  .klls .stage-foot{margin-top:12px}
  .klls .stage-foot .hintd{display:none}
  .klls .stage-foot .hintm{display:block}
  .klls .listsec{padding:28px 0 30px}
  .klls .listsec h2{font-size:20px; line-height:25px}
  .klls .listsec .sub{font-size:14px; line-height:22px}
  .klls .listhead{display:none}
  .klls .row{grid-template-columns:1fr; gap:14px; padding:18px 12px}
  .klls .c-rank{position:absolute; top:18px; right:12px; text-align:right}
  .klls .c-rank .rk{font-size:15px; color:var(--stat-lab)}
  .klls .c-rank .rkl{display:none}
  .klls .c-brand{padding-right:44px}
  .klls .logo{width:66px; height:42px}
  .klls .c-score{display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:center}
  .klls .c-score .scline{margin:0; flex-direction:column; align-items:center; gap:0; background:var(--band); border-radius:12px; padding:8px 12px}
  .klls .c-score .sc{font-size:20px}
  .klls .pil{grid-template-columns:1fr 1fr; gap:6px 14px}
  .klls .pil li{grid-template-columns:56px 1fr 14px; gap:6px}
  .klls .pil .lab{font-size:10.5px}
  .klls .c-bonus p{font-size:13.5px; line-height:21px}
  .klls .c-cta{flex-direction:row; flex-wrap:wrap; gap:8px}
  .klls .btn-p{flex:1 0 100%}
  .klls .btn-s{flex:1 1 auto}
  .klls .btn{padding:12px 12px; font-size:13.5px}
  .klls .ptop{padding:12px 15px 11px}
  .klls .plogo{max-width:52%; padding:0}
  .klls .plogo img{height:20px}
  .klls .pscore{font-size:17px}
  .klls .ptear{margin:0 16px}
  .klls .pcap{padding:14px 16px 16px}
  .klls .pbonus{min-height:0}
}

@keyframes kllsride{
  0%{transform:translateY(0)}
  50%{transform:translateY(calc(-100% + var(--scrh,306px)))}
  100%{transform:translateY(0)}
}
@keyframes kllspan{
  from{transform:translateX(-50%) translateY(0)}
  to{transform:translateX(-50%) translateY(var(--pan))}
}
@media(max-width:359px){
  .klls .pdev{width:160px; height:266px; --scrh:254px}
  .klls .plogo{max-width:48px}
  .klls .prank{left:9px; font-size:20px}
  .klls .ptop{left:8px; right:8px}
}
@media(prefers-reduced-motion:reduce){
  .klls *, .klls *::before, .klls *::after{animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; scroll-behavior:auto!important}
  .klls .poster:hover .ppan, .klls .poster:focus-visible .ppan{animation:none; transform:translateX(-50%) translateY(var(--pan))}
  .klls .pdscr img{animation:none!important; transform:none!important}
}

/* ============================================================
   Dodaci koji postoje samo na produkciji
   Post 26 ima globalna pravila s !importantom: naslovi #111 (redak 37),
   linkovi #009168 (redak 54) i svaki /partner/ link pretvoren u zeleni
   gumb s vlastitim paddingom (redak 1352 i 1358). Zato sve sto se s njima
   sudara ovdje ima i !important i najmanje tri klase u selektoru.
   ============================================================ */
/* Punu naslovnicu otvaraju postojeci .klpb lightboxi (:target, bez skripte).
   Zato su u kadru dvije nevidljive poveznice, media upit bira koja radi. */
.klls .pframe{position:relative}
.klls .phit{position:absolute; inset:0; z-index:4; display:block; text-decoration:none; border:0}
.klls .phit.hm{display:none}
.klls .pveil,.klls .prank,.klls .pzoom{pointer-events:none}

/* Linija kidanja je na fiksnoj visini (zaglavlje + kadar), pa se zarez ne mora
   mjeriti skriptom kao u mockupu. */
.klls .pslip{--ty:343px}

/* U krug strelice ne smije uci nista osim ikone. Kvacica je vec jednom dosla
   iz .prev::after (poveznica "Recenzija" imala je isto ime klase kao strelica),
   pa ovo ostaje kao brana za svaki sljedeci takav sudar. */
.klls .arr::before,.klls .arr::after{content:none!important; display:none!important}

/* ---------- naslovi ---------- */
.klls .stage h2,.klls .listsec h2,.klls .listsec h3{border:0!important; padding:0!important; margin:0!important}
.klls .stage h2::after,.klls .stage h2::before,
.klls .listsec h2::after,.klls .listsec h2::before,
.klls .listsec h3::after,.klls .listsec h3::before{display:none!important; content:none!important}
.klls .stage h2{color:#fff!important}
.klls .listsec h2{color:var(--ink)!important}
.klls .listsec h3{color:var(--ink)!important; font-size:17px; line-height:1.25; font-weight:700; letter-spacing:-.2px}
.klls .stage .eyebrow{color:var(--st-eye)!important; border:0}
.klls .stage .sub{color:var(--st-dim)!important}
.klls .stage .stage-foot,.klls .stage .stage-foot .hintd{color:var(--st-dim)!important}
.klls .stage .counter{color:var(--st-dim)!important}
.klls .listsec .sub{color:var(--lead)!important}

/* ---------- poveznice ---------- */
.klls .pcap a.pname,.klls .pcap a.pname:link,.klls .pcap a.pname:visited{
  color:var(--pc-ink)!important; -webkit-text-fill-color:var(--pc-ink)!important;
  text-decoration:none!important; border-bottom:0!important;
}
.klls .pcap a.pname:hover{color:var(--brand-primary-dark)!important; -webkit-text-fill-color:var(--brand-primary-dark)!important}
.klls .pcap a.prw,.klls .pcap a.prw:link,.klls .pcap a.prw:visited{
  color:var(--pc-dim)!important; -webkit-text-fill-color:var(--pc-dim)!important;
  text-decoration:none!important; border-bottom:0!important;
}
.klls .pcap a.prw:hover{color:var(--brand-primary)!important; -webkit-text-fill-color:var(--brand-primary)!important}
.klls .pframe a.phit,.klls .pframe a.phit:link,.klls .pframe a.phit:visited,.klls .pframe a.phit:hover{
  text-decoration:none!important; border-bottom:0!important; background:transparent!important;
  box-shadow:none!important; padding:0!important;
}

/* Gumb u odresku: boju post 26 vec pogadja, ali padding, radijus i sjenu
   iz globalnog /partner/ pravila treba vratiti na mjeru komponente. */
.klls .pcap a.pgo,.klls .pcap a.pgo:link,.klls .pcap a.pgo:visited,.klls .pcap a.pgo:hover{
  display:flex!important; align-items:center; justify-content:center;
  background:var(--brand-primary)!important; color:#fff!important; -webkit-text-fill-color:#fff!important;
  text-decoration:none!important; border:1.5px solid var(--brand-primary)!important;
  border-radius:999px!important; padding:11px 14px!important;
  box-shadow:none!important; font-weight:700!important;
}
.klls .pcap a.pgo:hover{background:var(--brand-primary-light)!important; border-color:var(--brand-primary-light)!important}

/* ---------- gumbi u listi ---------- */
.klls .c-cta a.btn-p,.klls .c-cta a.btn-p:link,.klls .c-cta a.btn-p:visited,.klls .c-cta a.btn-p:hover{
  background:var(--brand-primary)!important; color:#fff!important; -webkit-text-fill-color:#fff!important;
  text-decoration:none!important; border:1.5px solid var(--brand-primary)!important;
  border-radius:999px!important; padding:12px 18px!important; box-shadow:none!important; font-weight:700!important;
}
.klls .c-cta a.btn-p:hover{background:var(--brand-primary-light)!important; border-color:var(--brand-primary-light)!important}
.klls .c-cta a.btn-s,.klls .c-cta a.btn-s:link,.klls .c-cta a.btn-s:visited{
  color:var(--brand-primary-dark)!important; -webkit-text-fill-color:var(--brand-primary-dark)!important;
  text-decoration:none!important; background:transparent!important;
  border:1.5px solid rgba(0,107,78,.55)!important; border-radius:999px!important; box-shadow:none!important;
}
.klls .c-cta a.btn-s:hover{border-color:var(--brand-primary-dark)!important}

@media(max-width:700px){
  .klls .phit.hd{display:none}
  .klls .phit.hm{display:block}
  .klls .pslip{--ty:401px}
}
@media(max-width:359px){
  .klls .pslip{--ty:349px}
}

/* Tema drzi sadrzaj na 900px (.space-content-section.no-sidebar), a komponenta
   treba 1180px i pozornicu preko cijele sirine. Isti bijeg koriste klt5, klko
   i klhero; body{overflow-x:clip} u postu 26 cuva od vodoravnog scrolla.
   Unutarnji .klr-wide onda sam vraca sadrzaj na 1180px i centrira ga. */
.klls{width:100vw; margin-left:calc(50% - 50vw)}

/* U mockupu je sadrzaj drzao .wrap sa svojim paddingom; na produkciji tu ulogu
   ima .klr .klr-wide iz posta 26, koji padding nema. Bez ovoga tekst zaglavlja
   na mobitelu dodiruje rub zaslona. */
.klls .klr{padding-inline:24px}
@media(max-width:700px){
  .klls .klr{padding-inline:16px}
}

@media(min-width:701px){
  .klls{--gut:max(78px, calc((100vw - var(--wrap)) / 2 + 24px))}
  .klls .klr{max-width:none!important; padding-left:var(--gut); padding-right:var(--gut)}
  /* prva kartica pocinje tocno ispod naslova; 16px je `gap` u .rail-track */
  .klls .rail-track::before,.klls .rail-track::after{width:max(0px, calc(var(--gut) - 16px))}
}

/* ---------- rub trake preuzima ulogu strelice ----------
   Krug je prosao pet polozaja i na svakom je smetao: nad trakom ga kartica
   presijeca, u praznini pored trake ostaje sam uz rub prozora, u zaglavlju je
   predaleko od onoga cime upravlja, u redu s trakom napretka je bio uredan ali
   i dalje strano tijelo. Zakljucak nije bio sesti polozaj nego da kontrola ne
   treba biti objekt.

   Traka se prelijeva preko ruba prozora, dakle rub JE mjesto gdje sadrzaj
   nestaje. Ondje veo i chevron ne prekrivaju nista sto vec nije odrezano, pa
   pitanje "gdje da krug stoji" prestaje postojati. */
.klls .progress{margin-top:16px}

.klls .railzone .arr{
  position:absolute; top:0; bottom:0; height:auto; transform:none;
  width:clamp(52px, 6vw, 84px);
  display:flex; align-items:center; z-index:6;
  border:0; border-radius:0; padding:0; box-shadow:none; backdrop-filter:none;
  color:#fff; cursor:pointer;
  /* Zona hvata klik tek kad je mis u traci. Bez toga bi 84px uz svaki rub
     tiho gutalo klikove na kartice koje ondje stoje. */
  pointer-events:none;
  transition:opacity .2s ease;
}
.klls .railzone:hover .arr{pointer-events:auto}

/* Veo je proziran tamni sloj, ne pokusaj pogadjanja boje. Pozadina pozornice je
   dijagonalni preljev (#0A4232 -> #052A21), pa bi svaka fiksna boja dala sav na
   nekoj visini. Potamniti ono sto je ispod radi na cijeloj visini trake. */
.klls .railzone .arr.prev{left:0; justify-content:flex-start; padding-left:15px;
  background:linear-gradient(90deg, rgba(4,26,20,.90) 0%, rgba(4,26,20,.48) 45%, rgba(4,26,20,0) 100%)}
.klls .railzone .arr.next{right:0; justify-content:flex-end; padding-right:15px;
  background:linear-gradient(270deg, rgba(4,26,20,.90) 0%, rgba(4,26,20,.48) 45%, rgba(4,26,20,0) 100%)}
.klls .railzone .arr.prev:hover{background:linear-gradient(90deg, rgba(3,22,17,.96) 0%, rgba(4,26,20,.60) 48%, rgba(4,26,20,0) 100%)}
.klls .railzone .arr.next:hover{background:linear-gradient(270deg, rgba(3,22,17,.96) 0%, rgba(4,26,20,.60) 48%, rgba(4,26,20,0) 100%)}

/* Chevron ceka hover NAD CIJELOM TRAKOM, ne nad svojom uskom zonom — inace ga
   nadje samo onaj tko vec zna da postoji. Ovako se oba pojave cim mis udje. */
.klls .railzone .arr svg{
  width:24px; height:24px; opacity:0;
  filter:drop-shadow(0 2px 7px rgba(0,0,0,.55));
  transition:opacity .18s ease, transform .18s ease;
}
.klls .railzone:hover .arr svg{opacity:.92}
.klls .railzone .arr:hover svg{opacity:1}
.klls .railzone .arr.prev:hover svg{transform:translateX(-3px)}
.klls .railzone .arr.next:hover svg{transform:translateX(3px)}
/* Tipkovnica ne zna za hover, pa fokus mora sam prikazati chevron. */
.klls .railzone .arr:focus-visible{pointer-events:auto; outline:2px solid var(--brand-primary); outline-offset:-4px}
.klls .railzone .arr:focus-visible svg{opacity:1}

/* Na kraju trake nestaje i veo, ne samo strelica — inace ostaje tamna mrlja
   koja tvrdi da ima jos sadrzaja. */
.klls .railzone .arr[aria-disabled="true"]{opacity:0; pointer-events:none}

@media(max-width:700px){
  /* Na mobitelu je traka stupac, nema se sto vodoravno pomicati. */
  .klls .railzone .arr{display:none}
}

/* ============================================================================
   klvr11 — sekcija "Što ovdje ima osim recenzija" (naslovnica 163).
   Izvor: vrijednost-redizajn/v11-kockica-ploca.html, gradi build-prod.py.
   Sadržaj kartica tipova i vijesti puni automation/naslovnica-v11.gs preko
   markera KLVR-TIP / KLVR-VIJ / KLVR-DAT; kartica rezultata se puni u pregledniku.
   ============================================================================ */
.klvr11{
  --brand:#009168;--brand-dark:#006B4E;--brand-light:#00B582;
  --soft:#E0F2EC;--soft-line:#CBE5D9;--soft-bg:#F4FAF7;
  --ink:#111111;--body:#444444;--muted:#6E7673;--border:#EAEAEA;--canvas:#FBFCFC;
  --win:#009168;--loss:#C53030;--gold:#E8B33A;--dark-accent:#00D982;
  --e1:0 1px 2px rgba(9,28,20,.06);
  --e2:0 2px 6px rgba(9,28,20,.07),0 12px 28px -18px rgba(9,28,20,.30);
  font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--body);
  /* Tema drži naslovnicu u .space-content-section (900 px), a sekcija mora stajati
     jednako široko kao klm i klp2 iznad i ispod nje. Višak od 100vw (traka za pomicanje)
     hvata body{overflow-x:clip} iz posta 26. */
  width:100vw;margin-left:calc(50% - 50vw);
  background:var(--canvas);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  padding:48px 0;
}
.klvr11 *{box-sizing:border-box}
/* RESET. Izmjereno na produkciji, tema drži nad sadržajem stranice:
     .space-page-content ul li{padding:5px}                          (0,1,2)
     .space-page-content ul{margin-bottom:1.45em;margin-left:30px}    (0,1,1)
     .space-page-content p{padding-bottom:1.45em}                     (0,1,1)
   Nijedno nema !important, ali sva tri tuku reset na (0,1,0): popisi su dobili
   30 px uvlake, svaki li 5 px paddinga a svaki odlomak 1.45em podnožja. Zato
   reset ide na (0,2,0), razred sekcije dvaput a meta u :where() da ostane nula.
   POSLJEDICA: svako pravilo niže koje POSTAVLJA margin ili padding na p, ul ili
   li mora također biti (0,2,0) ili više, inače ga ovaj reset pojede. */
.klvr11.klvr11 :where(h2,h3,h4,p,ul,ol,li,dl,dt,dd){margin:0;padding:0}
.klvr11.klvr11 :where(ul,ol){list-style:none}
/* Tema crta točkice preko .space-page-content ul li{list-style:disc} (0,1,2). */
.klvr11 ul li,.klvr11 ol li{list-style:none!important}
.klvr11 ul li::marker,.klvr11 ol li::marker{content:""}
/* Post 26 ima `body span,body div,body li{color:#444444}` (0,0,2), bez !important.
   To ipak tuče NASLIJEĐENU boju, pa svaki element bez vlastite boje ispadne
   tamnosiv, a na tamnoj emerald kartici postane nevidljiv (mjereno: 19 spanova,
   6 li, brojke rubrika, datumi ispod trake). Nasljeđivanje se vraća izrijekom,
   na (0,1,0), da ga svaka eksplicitna boja niže i dalje može pregaziti. */
.klvr11 :where(span,div,li,b,i,em,strong,small){color:inherit}
.klvr11 img{display:block;max-width:100%}
/* Tema ima .space-content a:link (0,2,1) pa boja i podcrta idu s !important. */
.klvr11 a{text-decoration:none!important}
.klvr11 a:focus-visible,.klvr11 button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.klvr11-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.klvr11-n{font-family:'JetBrains Mono',monospace;font-weight:700;font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;word-spacing:-.28em}
/* Post 26 gura Inter na span s !important, pa svaka mono brojka koja živi u spanu
   tiho izgubi JetBrains Mono i tabularno poravnanje (izmjereno na klt/klp2).
   Ova crta je vraća. Razred se ponavlja NAMJERNO: podiže specifičnost na (0,3,0)
   pa selektor pobjeđuje i ako protivnik ima element u sebi (npr. .space-content
   span, što je 0,2,1) i ako stoji kasnije u postu 26. Novi mono element MORA ući
   u ovaj popis, inače ga post 26 pojede. */
.klvr11.klvr11 .klvr11-n,.klvr11.klvr11 .klvr11-tv,.klvr11.klvr11 .klvr11-tv b,
.klvr11.klvr11 .klvr11-dan,.klvr11.klvr11 .klvr11-min,.klvr11.klvr11 .klvr11-of,
.klvr11.klvr11 .klvr11-vr,.klvr11.klvr11 .klvr11-sc,.klvr11.klvr11 .klvr11-sc b,
.klvr11.klvr11 .klvr11-sc i,.klvr11.klvr11 .klvr11-st b,.klvr11.klvr11 .klvr11-nule b,
.klvr11.klvr11 .klvr11-rlb b,.klvr11.klvr11 .klvr11-vrs b,.klvr11.klvr11 .klvr11-teme b,
.klvr11.klvr11 .klvr11-tsl em,.klvr11.klvr11 .klvr11-eye,.klvr11.klvr11 .klvr11-kv b,
.klvr11.klvr11 .klvr11-rez2 b,.klvr11.klvr11 .klvr11-wl b,
.klvr11.klvr11 .klvr11-ligu li b
{font-family:'JetBrains Mono',monospace!important;font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
/* iznimka: opis uz brojku u tipki je rečenica, ne broj */
.klvr11.klvr11 .klvr11-tv span{font-family:Inter,sans-serif!important}

.klvr11-w{max-width:1180px;margin:0 auto;padding:0 24px}

/* --- zaglavlje sekcije --- */
.klvr11-head{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:end;margin-bottom:20px}
.klvr11 .klvr11-kick{font-size:13px;line-height:1.55;font-weight:700;color:var(--brand-dark);margin-bottom:8px}
/* Post 26: h1..h6{color:#111111!important;font-weight:600!important;letter-spacing:-0.3px}.
   Zato boja, težina i razmak ovdje moraju ići s !important, inače naslov tamne
   kartice ispadne crn na tamnozelenom. */
.klvr11 .klvr11-h2{font-size:32px;line-height:1.14;font-weight:800!important;
  letter-spacing:-.025em!important;color:var(--ink)!important;margin-bottom:12px}
.klvr11-lead{font-size:15px;line-height:1.6;color:var(--body);max-width:660px}
.klvr11 .klvr11-hnote{font-size:13px;line-height:1.6;color:var(--muted);border-top:1px solid var(--border);padding-top:12px}
.klvr11-hnote b{color:var(--body);font-weight:600}

/* ============ SPRAVA: kockica i četiri tipke ============ */
/* Sprava je kartica, ne skup elemenata koji plutaju: praznina oko kockice tako
   postaje unutarnji prostor ploče, a ne rupa u sekciji. */
.klvr11-sprava{display:grid;grid-template-columns:166px minmax(0,1fr);gap:28px;align-items:center;
  background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--e1);
  padding:16px 24px;margin-bottom:16px}
.klvr11-kut2{display:flex;align-items:center;justify-content:center}
.klvr11-svg{width:100%;max-width:166px;height:auto;overflow:visible;cursor:pointer}
.klvr11-str,.klvr11-gore{shape-rendering:geometricPrecision}

.klvr11-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.klvr11-tab{
  display:grid;grid-template-columns:22px minmax(0,1fr);gap:4px 10px;align-items:center;
  width:100%;min-height:76px;padding:12px;text-align:left;
  background:#fff;border:1px solid var(--border);border-radius:12px;
  color:var(--body);font:inherit;cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}
.klvr11-tab:hover{border-color:var(--soft-line);background:var(--soft-bg);transform:translateY(-2px)}
.klvr11-tab.klvr11-akt{border-color:var(--brand);background:var(--soft-bg);box-shadow:0 0 0 1px var(--brand) inset}
.klvr11-pip{width:22px;height:22px;grid-row:span 2;color:#B9C2BE;flex:none;transition:color .18s ease}
.klvr11-tab.klvr11-akt .klvr11-pip{color:var(--brand)}
.klvr11-tn2{font-size:15px;line-height:1.25;font-weight:700;color:var(--ink)}
.klvr11-tv{font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.4;font-weight:700;
  font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;word-spacing:-.28em;color:var(--muted)}
.klvr11-tab.klvr11-akt .klvr11-tv{color:var(--brand-dark)}
/* word-spacing:-.28em s roditelja steze i RIJECI, pa je "41 objava s ishodom" izlazilo
   kao "41 objavasishodom". Zbijanje je tu samo zbog mono brojki, ne zbog teksta. */
.klvr11-tv span{font-family:Inter,sans-serif;font-weight:400;word-spacing:normal}

/* --- sažetak: postoji samo na mobitelu --- */
.klvr11-saz{display:none}

/* ============ BENTO ============ */
.klvr11-bento{display:grid;gap:16px;align-items:stretch;
  grid-template-columns:1.45fr 1.12fr 1fr;
  grid-template-areas:"tip rez rez" "tip vij slo"}
.klvr11-card{grid-area:tip;min-width:0;display:flex;flex-direction:column;gap:12px;
  background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--e1);padding:24px;
  transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease}
.klvr11-rez{grid-area:rez}
.klvr11-vij{grid-area:vij}
.klvr11-slo{grid-area:slo}
/* Kartica na redu: podigne se i dobije rub. Ostale se NE utišavaju, jer utišana
   kartica čita se kao onemogućena, a ovdje su sve četiri jednako otvorene. */
/* Rub kartice na redu je ZNAK, ne ograda. Prije je bio 1px rub PLUS 1px inset
   prsten u punoj zelenoj, što se zbraja u tvrdu 2px liniju, a na tamnoj kartici
   je #00D982 uz to najsvjetlija boja na ekranu. Sad ide jedan utišani rub i
   mekan pojas iste boje, koji se vidi ali ne reže oko. */
.klvr11-card.klvr11-on{border-color:rgba(0,145,104,.5);
  box-shadow:var(--e2),0 0 0 4px rgba(0,145,104,.09);transform:translateY(-4px)}
.klvr11-tip.klvr11-on{border-color:rgba(0,217,130,.38);
  box-shadow:var(--e2),0 0 0 4px rgba(0,217,130,.09)}
@media (hover:hover){
  .klvr11-card:hover{border-color:var(--soft-line)}
  .klvr11-tip:hover{border-color:#0d4531}
}

/* --- zajednički dijelovi kartica --- */
.klvr11-cardhd{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px}
.klvr11-hl{display:flex;align-items:center;gap:8px;min-width:0}
/* Ista kockasta oznaka kao na kockici: veza je ispisana, ne samo osvijetljena. */
.klvr11-cpip{width:20px;height:20px;flex:none;color:#B9C2BE;transition:color .28s ease}
.klvr11-card.klvr11-on .klvr11-cpip{color:var(--brand)}
.klvr11-tip .klvr11-cpip{color:rgba(255,255,255,.42)}
.klvr11-tip.klvr11-on .klvr11-cpip{color:var(--dark-accent)}
.klvr11-lab{font-size:13px;line-height:1.55;font-weight:700;color:var(--brand-dark)}
.klvr11-lab2{font-size:13px;line-height:1.55;font-weight:600;color:var(--muted)}
.klvr11 .klvr11-h3{font-size:22px;line-height:1.25;font-weight:700!important;
  letter-spacing:-.015em!important;color:var(--ink)!important}
.klvr11-h3 .klvr11-n{font-size:22px;color:var(--ink)}
.klvr11-sub{font-size:13px;line-height:1.55;color:var(--body)}
.klvr11-out{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:700}
.klvr11 a.klvr11-out:link,.klvr11 a.klvr11-out:visited,.klvr11 a.klvr11-out:hover,.klvr11 a.klvr11-out:focus{color:var(--brand-dark)!important;text-decoration:none!important}
.klvr11-out i{font-style:normal;transition:transform .18s ease}
.klvr11-card:hover .klvr11-out i{transform:translateX(3px)}

/* ============ POLJE 1: TIPOVI (tamni emerald, jedina tamna ploha u sekciji) ============ */
.klvr11-tip{position:relative;overflow:hidden;color:rgba(255,255,255,.8);
  background:linear-gradient(150deg,#091c14,#03301f 55%,#00563c);
  border-color:#0b3a28;gap:16px}
.klvr11-tip::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 80% at 88% 0%,rgba(0,217,130,.14),transparent 62%)}
.klvr11-tip > *{position:relative}
/* jedina dopuštena mono oznaka velikim slovima: na tamnoj emerald kartici */
.klvr11-eye{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;line-height:1;
  letter-spacing:.14em;text-transform:uppercase;color:var(--dark-accent)}
.klvr11 .klvr11-h3d{color:#fff!important;font-size:22px;line-height:1.25;
  font-weight:700!important;letter-spacing:-.015em!important}
.klvr11-td{font-size:13px;line-height:1.55;color:rgba(255,255,255,.74)}

/* listić */
.klvr11-slip{background:#fff;border-radius:10px;padding:16px;color:var(--body);
  box-shadow:0 12px 26px -16px rgba(0,0,0,.6)}
.klvr11-sliphd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.klvr11-sl{font-size:13px;line-height:1.5;font-weight:600;color:var(--muted)}
.klvr11-bw{display:inline-flex;align-items:center;gap:4px;font-size:13px;line-height:1.5;font-weight:700;color:var(--brand-dark);
  background:var(--soft);border:1px solid var(--soft-line);border-radius:6px;padding:4px 8px;white-space:nowrap}
/* Kvačica je crtana, ne slovo: Google servira Inter bez U+2713 pa znak padne na
   sistemski font, izađe sitan i zalijepi se za gornji rub. */
.klvr11-bw svg{width:14px;height:14px;flex:none}
.klvr11 .klvr11-mec{display:flex;align-items:center;flex-wrap:wrap;gap:0 8px;
  font-size:17px;line-height:1.3;font-weight:700;color:var(--ink);margin-bottom:8px}
.klvr11-mec i{font-style:normal;font-size:13px;font-weight:400;color:var(--muted)}
/* Grbovi: isti izvor i ista logika kao u listiću u heroju, ili OBA ili nijedan,
   jer jedan grb uz golo ime izgleda kao slika koja se nije učitala. */
.klvr11-mcr{width:22px;height:22px;object-fit:contain;flex:0 0 auto}
/* Grb i ime su JEDNA cjelina. Kao zasebne stavke flexa znali su se razdvojiti
   na dva retka, pa je grb ostajao siroče iznad tuđeg imena. */
.klvr11-tmm{display:inline-flex;align-items:center;gap:6px;min-width:0}
.klvr11-slipd{display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  padding-bottom:12px;border-bottom:1px dashed var(--border)}
.klvr11-pick{font-size:13px;line-height:1.5;font-weight:600;color:var(--ink);
  border:1px solid var(--border);border-radius:6px;padding:4px 8px;background:#fff}
.klvr11-kv,.klvr11-rez2{font-size:13px;line-height:1.5;color:var(--muted);display:inline-flex;align-items:baseline;gap:4px}
.klvr11-kv b,.klvr11-rez2 b{font-size:17px;color:var(--ink)}
.klvr11-rez2 b{color:var(--win)}
.klvr11-tips{display:flex;align-items:center;gap:8px;padding-top:12px}
.klvr11-av{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--border)}
.klvr11-tipt{font-size:13px;line-height:1.5;color:var(--muted);min-width:0}
.klvr11-tipt b{color:var(--ink);font-weight:600}

/* traka ishoda */
.klvr11 .klvr11-wlab{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  font-size:13px;line-height:1.5;font-weight:600;color:rgba(255,255,255,.86);margin-bottom:8px}
.klvr11-wlab span{font-weight:400;color:rgba(255,255,255,.62)}
/* Kružići sa slovima W/L, isti jezik kao listić u heroju (22px, mono, gap 5px).
   Prije su ovdje bili kvadratići s kvačicom preko pune širine, dakle treći
   izgled iste stvari na istom sajtu. Raspon datuma je maknut na traženje
   operatora: zbroj lijevo i desno već kaže o čemu se radi. */
.klvr11-wl{display:flex;gap:5px;flex-wrap:wrap}
.klvr11 .klvr11-wl li{width:22px;height:22px;flex:0 0 auto;border-radius:50%;transform-origin:center;
  display:flex;align-items:center;justify-content:center}
/* Slovo ide u <b>: post 26 gura Inter s !important na svaki li, span i div, a
   <b> mu izmakne, pa W i L ostanu u monou i poravnati kao u heroju. Heroj vozi
   9px jer mu je listić uzak i sam se spušta na 7.5px na mobitelu, dakle je
   veličina dio konteksta a ne standarda. Ovdje krug stoji sam u prostranoj
   kartici, a W ima tri poteza i na 9px se slije u mrlju dok se L uredno čita. */
.klvr11-wl b{font-size:11px;font-weight:700;line-height:1;letter-spacing:0}
.klvr11-cw{background:var(--dark-accent);color:#052b1d}
.klvr11-cl{background:var(--loss);color:#fff}

/* statistika */
.klvr11-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.klvr11 .klvr11-st{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  border-radius:10px;padding:12px}
.klvr11-st b{display:block;font-family:'JetBrains Mono',monospace;font-size:21px;line-height:1.1;
  font-weight:700;font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;color:#fff}
.klvr11-st span{display:block;font-size:13px;line-height:1.45;color:rgba(255,255,255,.68);margin-top:4px}
/* jedina ispunjena ćelija je gubitak: promašaj se piše jednako vidljivo kao dobitak */
.klvr11-red{background:var(--loss);border-color:var(--loss)}
.klvr11-red span{color:rgba(255,255,255,.92)}

.klvr11 .klvr11-lanac{font-size:13px;line-height:1.55;color:rgba(255,255,255,.78);
  background:rgba(255,255,255,.06);border-left:3px solid var(--dark-accent);
  border-radius:0 10px 10px 0;padding:12px}
.klvr11-lanac b{color:#fff;font-weight:700}

/* tipsteri: tri dosjea, i onaj s minus 62,9 % stoji uz ostale.
   margin-top:auto skuplja svu razliku u visini stupaca na jedno mjesto. */
.klvr11-tsw{margin-top:auto}
.klvr11 .klvr11-lab3{font-size:13px;line-height:1.5;font-weight:600;color:rgba(255,255,255,.86);margin-bottom:8px}
.klvr11-tsl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.klvr11 .klvr11-tsl li{display:flex;align-items:center;gap:8px;min-width:0;
  border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.05);padding:8px 12px}
.klvr11-av2{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:none;border:1px solid rgba(255,255,255,.3)}
.klvr11-tsl li span{min-width:0}
.klvr11-tsl b{display:block;font-size:13px;line-height:1.45;font-weight:700;color:#fff}
/* omjer i ROI idu u svoj redak: u stupcu od 131 px "2-6 · −62,9 %" lomi postotak u novi red */
.klvr11-tsl em{display:block;font-style:normal;font-family:'JetBrains Mono',monospace;
  font-size:13px;line-height:1.45;font-weight:400;font-variant-numeric:tabular-nums;
  color:rgba(255,255,255,.66);white-space:nowrap;word-spacing:-.28em}

.klvr11-rub{display:grid;gap:8px}
.klvr11-rl{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:56px;
  padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.05);transition:background .18s ease,border-color .18s ease}
.klvr11-rl:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.34)}
.klvr11 a.klvr11-rl:link,.klvr11 a.klvr11-rl:visited,.klvr11 a.klvr11-rl:hover,.klvr11 a.klvr11-rl:focus{color:#fff!important;text-decoration:none!important}
.klvr11-rl b{display:block;font-size:15px;line-height:1.35;font-weight:700}
.klvr11-rl i{display:block;font-style:normal;font-size:13px;line-height:1.4;color:rgba(255,255,255,.66)}
.klvr11-rlb{text-align:right;flex:none}
.klvr11-rlb b{font-family:'JetBrains Mono',monospace;font-size:21px;line-height:1.1;
  font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
.klvr11-tip a:focus-visible{outline:2px solid var(--dark-accent);outline-offset:2px}

.klvr11-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;
  padding:0 24px;border-radius:999px;background:var(--brand);border:2px solid var(--brand);
  font-size:15px;font-weight:700;line-height:1;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.klvr11 a.klvr11-cta:link,.klvr11 a.klvr11-cta:visited,.klvr11 a.klvr11-cta:hover,.klvr11 a.klvr11-cta:focus{color:#fff!important;text-decoration:none!important}
/* Hover na tamnoj kartici: svjetliji ispun + podizanje + strelica. Bijeli
   prsten (raniji treci znak) maknut 06.08. — operator: izgledao je kao
   zaglavljeni fokus prsten, ne kao hover. */
.klvr11-cta i{font-style:normal;transition:transform .18s ease}

.klvr11-cta:hover{background:var(--brand-light);border-color:var(--brand-light);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.28)}
.klvr11-cta:hover i{transform:translateX(4px)}
.klvr11-cta:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.3)}
.klvr11-cta:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* ============ POLJE 2: REZULTATI ============ */
/* Rešetka stoji skrivena dok podaci ne stignu. Nikad se ne prikazuje prazan
   semafor: prazan okvir s natpisom "Uživo" čita se kao pokvarena stranica.
   Bez JS-a kartica ostaje s naslovom, opisom i poveznicom, i to je istina. */
.klvr11-rezgrid{display:none;grid-template-columns:1.2fr 1fr;gap:12px;align-items:stretch;flex:1 1 auto}
.klvr11-rezgrid.klvr11-ima{display:grid}
/* endpoint nije odgovorio: popis mogućnosti ostaje, semafor i raspored ispadaju */
.klvr11-rezgrid.klvr11-bez{grid-template-columns:1fr}
.klvr11-rezgrid.klvr11-bez .klvr11-sem,.klvr11-rezgrid.klvr11-bez .klvr11-nxw{display:none}
.klvr11-sem{border:1px solid var(--border);border-radius:10px;background:#FAFBFB;padding:12px}
.klvr11-semhd{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.klvr11-lg{width:18px;height:18px;object-fit:contain;flex:none}
.klvr11-lgn{font-size:13px;line-height:1.4;font-weight:600;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* uživo uzima zlatnu oznaku, nikad crvenu: crvena je rezervirana za gubitak */
.klvr11-live{display:inline-flex;align-items:center;gap:8px;margin-left:auto;flex:none;
  background:#FDF3DC;border:1px solid #E7CE96;color:#6B5111;
  border-radius:999px;padding:4px 8px;font-size:13px;font-weight:700;line-height:1.4}
.klvr11-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex:none;
  animation:klvr11-puls 1.9s ease-in-out infinite}
/* Kad ništa nije uživo, oznaka NE smije ostati zlatna s kucajućom točkom.
   Tada semafor pokazuje sljedeću ili zadnju odigranu, a oznaka to i piše. */
.klvr11-live.klvr11-nl{background:#fff;border-color:var(--border);color:var(--muted)}
@keyframes klvr11-puls{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}
.klvr11-score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}
.klvr11-tm{display:flex;align-items:center;gap:8px;min-width:0}
.klvr11-tmL{justify-content:flex-end;text-align:right}
.klvr11-cr{width:28px;height:28px;object-fit:contain;flex:none}
/* Ime kluba se LOMI, ne reze. Odrezano "Nacional..." i "The Stro..." ne kaze koji
   je klub, a imena dolaze iz API-ja pa se ne moze racunati na kratka. */
.klvr11-tn{font-size:15px;line-height:1.3;font-weight:600;color:var(--ink);
  min-width:0;overflow-wrap:anywhere}
.klvr11-sc{display:inline-flex;align-items:baseline;gap:4px;font-family:'JetBrains Mono',monospace;
  font-size:21px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:-.03em}
.klvr11-sc i{font-style:normal;color:var(--muted)}
.klvr11-semft{display:flex;align-items:center;gap:8px;margin-top:12px}
.klvr11-min,.klvr11-of{font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.4;
  font-weight:700;font-variant-numeric:tabular-nums;flex:none}
.klvr11-min{color:#6B5111}
.klvr11-of{color:var(--muted)}
.klvr11-prog{flex:1 1 auto;height:4px;border-radius:999px;background:var(--border);overflow:hidden}
.klvr11-progf{display:block;height:100%;width:70%;border-radius:999px;background:var(--gold);transition:width .6s ease}

.klvr11-nxw{min-width:0;display:flex;flex-direction:column}
.klvr11 .klvr11-nx{display:grid;gap:4px;margin-top:8px;flex:1 1 auto;align-content:space-between}
.klvr11-nxa{display:grid;grid-template-columns:46px minmax(0,1fr) 18px;align-items:center;gap:8px;
  min-height:48px;padding:4px 8px;border-radius:10px;transition:background .18s ease}
.klvr11-nxa:hover{background:var(--soft-bg)}
.klvr11 a.klvr11-nxa:link,.klvr11 a.klvr11-nxa:visited,.klvr11 a.klvr11-nxa:hover,.klvr11 a.klvr11-nxa:focus{color:var(--body)!important;text-decoration:none!important}
.klvr11-vr{font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.4;font-weight:700;
  font-variant-numeric:tabular-nums;color:var(--brand-dark)}
.klvr11-par{display:grid;gap:4px;min-width:0}
.klvr11-pr{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;line-height:1.4;color:var(--ink)}
.klvr11-pr span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.klvr11-cr2{width:16px;height:16px;object-fit:contain;flex:none}
.klvr11-lg2{width:18px;height:18px;object-fit:contain;flex:none;opacity:.9}
/* Popis mogućnosti stoji u lijevom stupcu ispod semafora, ne preko cijele kartice:
   inače je lijevi stupac 100 px niži od popisa termina i kartica ima bijelu rupu. */
.klvr11-semw{display:flex;flex-direction:column;gap:12px;min-width:0;align-self:start}
.klvr11-chips{display:flex;flex-wrap:wrap;gap:8px}
.klvr11 .klvr11-chips li{font-size:13px;line-height:1.45;color:var(--body);
  border:1px solid var(--border);border-radius:6px;padding:4px 8px;background:#fff}

/* Lige dana. Ispod popisa mogućnosti ostajala je prazna ploha jer je desni
   stupac (raspored) uvijek viši. Puni je isti dohvat koji već hrani semafor,
   nijedan novi poziv, i pokazuje ŠTO se danas igra a ne što stranica zna. */
.klvr11-lige{display:none;border-top:1px solid var(--border);padding-top:12px}
.klvr11-lige.klvr11-ima{display:block}
.klvr11 .klvr11-ligl{font-size:11px;line-height:1.4;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.klvr11-ligu{display:flex;flex-wrap:wrap;gap:6px}
.klvr11 .klvr11-ligu li{display:inline-flex;align-items:center;gap:6px;font-size:13px;
  line-height:1.45;color:var(--ink);border:1px solid var(--border);border-radius:999px;
  padding:3px 10px 3px 4px;background:#fff}
.klvr11-ligc{width:18px;height:18px;object-fit:contain;flex:none}
.klvr11-ligu li b{font-weight:700;color:var(--muted)}

/* ============ POLJE 3: VIJESTI ============ */
.klvr11-dan{font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.4;font-weight:700;
  font-variant-numeric:tabular-nums;color:var(--muted)}
.klvr11-foto{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--border);
  background:#EDF0EF;aspect-ratio:16/9}
.klvr11-foto img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.klvr11-card:hover .klvr11-foto img{transform:scale(1.03)}
.klvr11 .klvr11-h3s{font-size:17px;line-height:1.35;font-weight:700!important;
  letter-spacing:-.01em!important;color:var(--ink)!important}
/* tema sizira i poveznicu unutar naslova (h2 a = 2.369em), pa veličina mora naslijediti */
.klvr11 h3 a.klvr11-tit{font-size:inherit!important;line-height:inherit!important;
  font-weight:inherit!important;font-family:inherit!important;letter-spacing:inherit!important}
.klvr11 h3 a.klvr11-tit:link,.klvr11 h3 a.klvr11-tit:visited,.klvr11 h3 a.klvr11-tit:hover,.klvr11 h3 a.klvr11-tit:focus{color:var(--ink)!important;text-decoration:none!important}
.klvr11 h3 a.klvr11-tit:hover{color:var(--brand-dark)!important}
.klvr11-kut{background:var(--soft);border-left:3px solid var(--brand);border-radius:0 10px 10px 0;padding:12px}
.klvr11 .klvr11-kutl{font-size:13px;line-height:1.4;font-weight:700;color:var(--brand-dark);margin-bottom:4px}
.klvr11-kutt{font-size:13px;line-height:1.55;color:#22362D}
.klvr11-meta{font-size:13px;line-height:1.5;color:var(--muted)}
.klvr11-cardft{display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:auto;border-top:1px solid var(--border);padding-top:4px}
.klvr11-cnt{font-size:13px;line-height:1.5;color:var(--muted)}

/* ============ POLJE 4: SLOTOVI ============ */
.klvr11-nule{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.klvr11 .klvr11-nule li{border:1px solid var(--border);border-radius:10px;padding:12px;background:#fff}
.klvr11-nule b{display:block;font-family:'JetBrains Mono',monospace;font-size:21px;line-height:1.1;
  font-weight:700;font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;word-spacing:-.28em;color:var(--ink)}
.klvr11-nule span{display:block;font-size:13px;line-height:1.45;color:var(--muted);margin-top:4px}
.klvr11-vrs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.klvr11 .klvr11-vrs li{display:flex;align-items:baseline;justify-content:space-between;gap:8px;
  border:1px solid var(--border);border-radius:6px;padding:4px 8px;background:#fff;
  font-size:13px;line-height:1.45;color:var(--body)}
.klvr11-vrs b{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;
  font-variant-numeric:tabular-nums;color:var(--ink)}
/* teme sjedaju na dno kartice kao pojas, pa razlika u visini stupaca
   ne ostane kao bijela rupa ispod popisa vrsta */
.klvr11 .klvr11-teme{font-size:13px;line-height:1.55;color:var(--muted);
  margin-top:auto;border-top:1px solid var(--border);padding-top:12px}
.klvr11-teme b{font-family:'JetBrains Mono',monospace;font-weight:700;
  font-variant-numeric:tabular-nums;color:var(--body)}

/* Pravni redak („18+ Klađenje nosi rizik") je namjerno maknut iz sekcije: isti
   tekst već stoji u podnožju na SVAKOJ stranici, pa je ovdje bio drugo pojavljivanje
   iste oznake na istom ekranu. */

/* ===== ULAZAK (animation + backwards, ne transition: hover poslije ulaza ostaje brz) ===== */
.klvr11-js .klvr11-card{opacity:0}
.klvr11-js .klvr11.klvr11-go .klvr11-card{opacity:1;animation:klvr11-ulaz .45s cubic-bezier(.22,1,.36,1) backwards;animation-delay:var(--d,0s)}
@keyframes klvr11-ulaz{from{opacity:0;transform:translateY(16px)}}
.klvr11-js .klvr11-wl li{opacity:0}
.klvr11-js .klvr11.klvr11-go .klvr11-wl li{opacity:1;animation:klvr11-wlin .3s ease backwards;animation-delay:var(--d,0s)}
/* Kružić ulazi skupljanjem iz sredine; scaleX je pripadao trakama pune širine
   i na krugu bi izgledao kao spljošten ovalni oblik. */
@keyframes klvr11-wlin{from{opacity:0;transform:scale(.35)}}
/* Osigurac: kad ulazni prozor prodje, opacity se tvrdo vraca na 1. Bez ovoga jedan
   propusten okvir animacije ostavlja karticu ili polje trake nevidljivim zauvijek. */
.klvr11.klvr11-kraj .klvr11-card,.klvr11.klvr11-kraj .klvr11-wl li{opacity:1!important;animation:none!important}

/* ===== MOBITEL: vlastita odluka, ne zbijeni desktop ===== */
@media (max-width:900px){
  .klvr11{padding:32px 0}
  .klvr11-w{padding:0 16px}
  .klvr11-head{grid-template-columns:1fr;gap:12px;align-items:start;margin-bottom:16px}
  /* napomena iz zaglavlja ispada, sprava preuzima njezino mjesto */
  .klvr11 .klvr11-hnote{display:none}
  /* Sprava se okrece u okomitu: kockica gore, tipke u redu ispod nje preko pune
     sirine. Dok je kockica stajala lijevo a tipke desno u dva stupca, stupac je
     bio 96 px i "41 objava s ishodom" se lomilo u cetiri retka. Opis zato na
     dodirnom rasporedu ispada, a brojka i ime rubrike ostaju. */
  .klvr11-sprava{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px;justify-items:center}
  .klvr11-svg{max-width:140px}
  .klvr11-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%}
  .klvr11-tab{min-height:76px;padding:10px 4px;grid-template-columns:minmax(0,1fr);
    justify-items:center;text-align:center;gap:4px}
  .klvr11-tab:hover{transform:none}
  .klvr11-pip{width:18px;height:18px;grid-row:auto}
  .klvr11-tn2{font-size:13px}
  .klvr11-tv span{display:none}
  .klvr11-bento{grid-template-columns:1fr;gap:12px;
    grid-template-areas:"tip" "rez" "vij" "slo"}
  .klvr11-card{padding:16px;scroll-margin-top:16px}
  /* Lift na dodirnom rasporedu ispada: kartica u stupcu koja se digne izgleda
     kao da je odvojena od susjeda, a rub i oznaka su ionako dovoljan znak. */
  .klvr11-card.klvr11-on{transform:none}
  .klvr11-stats{gap:8px}
  /* tipsteri prelaze iz tri stupca u tri retka: u 326 px stupac od 103 px lomi "−62,9 %" */
  .klvr11-tsl{grid-template-columns:1fr;gap:8px}
  .klvr11 .klvr11-tsl li{min-height:44px;justify-content:flex-start}
  .klvr11-tsl li span{display:flex;align-items:baseline;gap:8px}
  .klvr11-rub{gap:8px}
  .klvr11-rl{min-height:56px}
  .klvr11-rl i{font-size:13px}
  .klvr11-cta{width:100%}
  /* Listić na mobitelu. Na 390 px se par nije mogao složiti u jedan redak pa je
     grb drugog kluba padao pod ime prvog, a kartica je djelovala natiskano.
     Ime ide na 15px, grb na 18px i razmaci se stežu; time par stane u redak,
     a redak kvote dobije zraka umjesto da se lomi. */
  .klvr11 .klvr11-mec{font-size:15px;gap:0 6px;margin-bottom:10px}
  .klvr11-mcr{width:18px;height:18px}
  .klvr11-tmm{gap:5px}
  .klvr11-slip{padding:14px}
  .klvr11-sliphd{margin-bottom:10px}
  /* display:contents rasklopi lijevi stupac, pa popis mogućnosti može ići ISPOD
     trake termina; na desktopu mora ostati u lijevom stupcu radi ravnoteže */
  .klvr11-rezgrid{grid-template-columns:1fr;gap:12px}
  .klvr11-semw{display:contents}
  .klvr11-sem{order:1}
  .klvr11-nxw{order:2}
  .klvr11-chips{order:3}
  /* Bez ovoga pojas liga (bez zadanog order-a, dakle 0) preskoči SVE i sjedne
     iznad semafora, jer display:contents digne djecu u istu flex razinu. */
  .klvr11-lige{order:4}
  /* Semafor se okreće u okomiti: na 390 px vodoravni reže "Fenerbahçe" u "Fenerba…". */
  .klvr11-score{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;
    grid-template-areas:"t1 sc" "t2 sc";align-items:center}
  .klvr11-tmL{grid-area:t1;flex-direction:row-reverse;justify-content:flex-end;text-align:left}
  .klvr11-tmR{grid-area:t2}
  .klvr11-sc{grid-area:sc;flex-direction:column;align-items:flex-end;justify-content:space-between;
    align-self:stretch;font-size:21px;line-height:1.35;gap:0}
  .klvr11-sc i{display:none}
  /* Kad ništa nije uživo, u polju rezultata stoji samo sat početka: jedan redak
     se ne razvlači po visini dva imena nego stoji na sredini. */
  .klvr11-sc.klvr11-jedan{align-self:center;justify-content:center}
  /* termini postaju traka koja se zaustavlja po kartici */
  /* Klizač termina stoji UNUTAR kartice, ne u punom bijegu. S negativnom
     marginom lijevo je ostajalo 16 px zraka a desno se rezalo točno na rubu
     kartice, pa je kartica u prolazu izgledala odsječeno umjesto „ima još".
     Sad su oba ruba jednaka, a sljedeći termin viri unutar tog okvira. */
  .klvr11 .klvr11-nx{display:flex;flex:0 0 auto;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;
    margin:8px 0 0;padding:0 0 8px;-webkit-overflow-scrolling:touch}
  .klvr11 .klvr11-nx li{flex:0 0 72%;scroll-snap-align:start}
  .klvr11-nxa{grid-template-columns:minmax(0,1fr) 18px;grid-template-rows:auto auto;gap:4px 8px;
    height:100%;border:1px solid var(--border);background:#fff;padding:8px 12px}
  .klvr11-vr{grid-column:1;grid-row:1}
  .klvr11-lg2{grid-column:2;grid-row:1;justify-self:end}
  .klvr11-par{grid-column:1/3;grid-row:2}
  .klvr11-nule{grid-template-columns:1fr 1fr}
  .klvr11-vrs{grid-template-columns:1fr 1fr}
}

@media (prefers-reduced-motion:reduce){
  .klvr11 *,.klvr11 *::before,.klvr11 *::after{animation:none!important;transition:none!important}
  .klvr11-js .klvr11-card,.klvr11-js .klvr11-wl li{opacity:1!important}
  .klvr11-card:hover{transform:none!important}
  .klvr11-card.klvr11-on{transform:none!important}
  .klvr11-card:hover .klvr11-foto img{transform:none!important}
}


/* ============================================================================
   "Teme koje pokrivamo": tamna „tipovi" kartica maknuta 05.08.2026. Isti listić
   stajao je na istom ekranu tri puta (heroj, ova kartica i nova ploča "Što
   ovdje ima osim recenzija"), pa je ovdje ispao. Rešetka je bila 1.05fr + 1.6fr;
   bez prvog stupca teme bi sjele u uži od dva i stale na 40 % širine, zato
   stupac postaje jedan a teme se šire na četiri u redu.
   .kltf-feat i .kltf-tk pravila iznad ostaju: ista komponenta živi i drugdje.
   ============================================================================ */
.kltf-grid{grid-template-columns:1fr}
.kltf-topics{grid-template-columns:repeat(4,1fr)}
@media(max-width:860px){.kltf-topics{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.kltf-topics{grid-template-columns:1fr}}

/* ===== 07.08. Tip objave krecu odmah ispod headera + footer bez praznog crnog pojasa ===== */
.space-page-section-ins:has(.kl-tip.tv4){padding-top:0 !important;}
.space-footer-copy{display:none !important;}
.space-footer-top{padding-bottom:0 !important;}

/* ===== 07.08. runda 2: anti-underline pravilo (border-bottom-color:transparent na hover)
   gasilo je DONJI rub kartica-linkova pa hover izgleda "prozirno/odrezano".
   Vracamo puni rub s !important i visom specificnoscu za sve kartice-linkove. ===== */
.kl-tip.tv4 .tv4-more a:hover{border-color:#009168 !important;}
.kl-topics a.kl-topic:hover{border-color:#009168 !important;}
.klrez .klrez-odds a:hover{border-color:var(--kz-g) !important;}

/* ── 11.08.2026. tjedne rubrike (Sistem tjedna / Tiket tjedna): dan i sat uz par ── */
.tv4 .tv4-pairs .m .tv4-pw{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;color:rgba(255,255,255,.55);white-space:nowrap;flex:0 0 auto;letter-spacing:.02em}
@media(max-width:760px){.tv4 .tv4-pairs .m .tv4-pw{color:#888;font-size:10.5px}}

/* ═══════════════════════════════════════════════════════════════════════════
   14.08.2026. — popravci tip objava i dashboarda
   Blok stoji na KRAJU posta 26 namjerno: pobjeda kaskadom je jeftinija i
   sigurnija od kirurgije po 433 KB dugoj jednoj liniji.
   ═══════════════════════════════════════════════════════════════════════════ */

/* (1) DESKTOP, rubrike s više parova: bijela traka parova dobiva vlastito
   podnožje heroja. Prije: 12px do prvog para i nikakav rub, pa je traka
   "ispadala" iz tamne kartice. Selektor (0,3,0) je namjerno jači od kratice
   .tv4 .tv4-wrap (0,2,0) iz mobilnog bloka, pa ne ovisi o redoslijedu. */
@media(min-width:761px){
.tv4 .tv4-bar .tv4-parts{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.10)}
.tv4 .tv4-bar .tv4-pairs{margin-top:0!important}
/* neparan zadnji par preko oba stupca: bez ovoga 3/5/7 parova ostavlja rupu */
.tv4 .tv4-pairs li:last-child:nth-child(odd){grid-column:1/-1}
/* kvota u fiksni stupac, tip ostaje auto (fiksni tip krati imena klubova) */
.tv4 .tv4-pairs li{grid-template-columns:22px minmax(0,1fr) auto 42px;gap:8px;padding:8px 12px}
.tv4 .tv4-pairs li .k{text-align:right}
}

/* (2) MOBITEL: prva kartica para sjedila je točno na liniji naslova. Korijen je
   kratica padding:0 16px na .tv4-wrap ispod 480px, koja je .tv4-parts (također
   .tv4-wrap) obrisala gornji i donji unutarnji razmak. */
@media(max-width:480px){
.tv4 .tv4-wrap{padding-left:16px;padding-right:16px}
.tv4 .tv4-bar .tv4-parts{padding-top:20px;padding-bottom:16px}
}

/* (3) FORMA TIPSTERA ("Zadnjih pet prije ovog"): isti kružići kao na naslovnici
   i /tipovi/ — pun krug, bijelo slovo W/L u monou. Slovo dolazi iz ::after, a
   sadržaj <i> se gasi s font-size:0, pa pravilo hvata I stare objave (glif ✓/✕
   u <span>) I nove (slovo iz tipsterFormHtml), bez backfilla ijedne objave.
   Forma MOMČADI (.tv4-fm) namjerno ostaje pastelna s glifovima: drugi podatak,
   drugi kontekst. Zato je selektor razdvojen od zajedničkog pravila iznad. */
/* flex, NE grid: uz grid su nevidljivi tekst i ::after dva zasebna itema u
   dva retka, pa slovo ispadne iz okomite sredine kruga. Ovo je isti recept
   koji vozi .klteam-dots na naslovnici. */
.tv4 .kl-tip-form i{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:0;line-height:1;background:#F1F3F4}
.tv4 .kl-tip-form i>*{display:none}
.tv4 .kl-tip-form i::after{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:800;line-height:1;letter-spacing:0}
.tv4 .kl-tip-form i.w{background:#009168}
.tv4 .kl-tip-form i.w::after{content:"W";color:#fff}
.tv4 .kl-tip-form i.l{background:#C53030}
.tv4 .kl-tip-form i.l::after{content:"L";color:#fff}
.tv4 .kl-tip-form i.e{background:#F1F3F4}

/* Forma MOMCADI ("Zadnjih pet" uz ime kluba) ide po istom receptu, slovlje
   W/D/L kao klupska kartica na /vijesti/. Neriješeno je sivo #B9C2BE, isto
   kao tamo. Slovo dolazi iz ::after pa pravilo hvata i vec objavljene objave
   koje jos nose glif u <span>, bez ijednog backfilla. */
.tv4 .tv4-fm i{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:0;line-height:1;background:#F1F3F4}
.tv4 .tv4-fm i>*{display:none}
.tv4 .tv4-fm i::after{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:800;line-height:1;letter-spacing:0}
.tv4 .tv4-fm i.w{background:#009168}
.tv4 .tv4-fm i.w::after{content:"W";color:#fff}
.tv4 .tv4-fm i.l{background:#C53030}
.tv4 .tv4-fm i.l::after{content:"L";color:#fff}
.tv4 .tv4-fm i.d{background:#B9C2BE}
.tv4 .tv4-fm i.d::after{content:"D";color:#fff}
.tv4 .tv4-fm i.e{background:#F1F3F4}

/* Srodni tipovi: tri zadnje objave iste rubrike, iznad .tv4-more mreze.
   Stariji tipovi inace nemaju nijedan interni link prema sebi (hub pokazuje
   10 najnovijih, kategorijska arhiva je od 14.08. noindex). Namjerno je lista
   a ne mreza kartica — .tv4-more ispod vec nosi kartice i dvije mreze jedna
   nad drugom bi se tukle. */
.tv4 .tv4-srodni{margin-top:32px;padding:18px 20px;border:1px solid #EAEAEA;border-radius:16px;background:#FAFBFB}
.tv4 .tv4-srodni ul{list-style:none;margin:0!important;padding:0!important;display:grid;gap:2px}
.tv4 .tv4-srodni li{margin:0!important;padding:0!important}
.tv4 .tv4-srodni li::before{content:none}
.tv4 .tv4-srodni li a:link,.tv4 .tv4-srodni li a:visited{display:block;padding:9px 0;color:#111!important;font-size:15px;font-weight:600;line-height:1.35;text-decoration:none!important;border-bottom:1px solid #EFF2F1}
.tv4 .tv4-srodni li:last-child a:link,.tv4 .tv4-srodni li:last-child a:visited{border-bottom:0}
.tv4 .tv4-srodni li a:hover{color:#006B4E!important}
.tv4 .tv4-srodni + .tv4-more{margin-top:12px}

/* ===== TIKET SEKCIJE (15.08.2026.) — .tv4-kvn / .tv4-kk / .tv4-rs =====
   Tip dana ima pet sekcija vezanih uz jednu utakmicu; listić ih ne može imati
   jer je više utakmica. Ove tri rade isti posao računom nad listićem:
     .tv4-kvn  gdje kvota nastaje (svi parovi, traka šanse, umnožak)
     .tv4-kk  najslabija karika — Tiket dana
     .tv4-rs  kako kvota raste kroz tjedan — Tiket tjedna
   Sve živi unutar .kl-tip.tv4, pa nasljeđuje tipografiju objave. */

/* ── gdje kvota nastaje ─────────────────────────────────────────── */
.kl-tip .tv4-kvn{border:1px solid #EAEAEA;border-radius:14px;overflow:hidden;background:#fff}
.kl-tip .tv4-kvn-h{display:flex;flex-wrap:wrap;gap:2px;background:#F7FAF9;
  border-bottom:1px solid #EAEAEA}
.kl-tip .tv4-kvn-h div{flex:1 1 130px;padding:12px 14px}
.kl-tip .tv4-kvn-h span{display:block;font-size:11.5px;color:#8A9793;margin-bottom:2px}
.kl-tip.kl-tip .tv4-kvn-h b{font-family:'JetBrains Mono',ui-monospace,monospace!important;
  font-size:21px;font-weight:700;color:#111;font-variant-numeric:tabular-nums}
.kl-tip .tv4-kvn-l{margin:0;padding:0;list-style:none;display:grid;gap:1px;background:#EFF3F1}
.kl-tip .tv4-kvn-l li{display:grid;grid-template-columns:28px minmax(0,1fr) 92px 62px 52px;
  gap:10px;align-items:center;padding:10px 14px;background:#fff;margin:0;list-style:none}
.kl-tip.kl-tip .tv4-kvn-l .n{font-family:'JetBrains Mono',ui-monospace,monospace!important;
  font-size:12px;font-weight:700;color:#B0BDB8;font-variant-numeric:tabular-nums}
.kl-tip .tv4-kvn-l .m{display:flex;align-items:center;gap:7px;min-width:0;
  font-size:14px;font-weight:600;color:#111;line-height:1.3}
.kl-tip .tv4-kvn-l .m em{font-style:normal;color:#B0BDB8;flex:0 0 auto}
.kl-tip .tv4-kvn-l .bar{height:8px;border-radius:999px;background:#EFF3F1;overflow:hidden}
.kl-tip .tv4-kvn-l .bar i{display:block;height:100%;border-radius:999px;background:#009168}
.kl-tip.kl-tip .tv4-kvn-l .p{font-family:'JetBrains Mono',ui-monospace,monospace!important;
  font-size:12.5px;color:#5C6663;text-align:right;font-variant-numeric:tabular-nums}
.kl-tip.kl-tip .tv4-kvn-l .k{font-family:'JetBrains Mono',ui-monospace,monospace!important;
  font-size:15px;font-weight:700;color:#111;text-align:right;font-variant-numeric:tabular-nums}
/* Najkraća traka je i najskuplja informacija na listiću: dobiva svoju boju. */
.kl-tip .tv4-kvn-l li.rz .bar i{background:#C53030}
.kl-tip .tv4-kvn-l li.rz .k{color:#C53030}
.kl-tip .tv4-kvn-f{font-size:13px;line-height:1.6;color:#5C6663;margin:0;
  padding:12px 14px;border-top:1px solid #EAEAEA;background:#FBFCFC}

/* ── najslabija karika (Tiket dana) ─────────────────────────────── */
.kl-tip .tv4-kk{border:1px solid #F0DADA;border-radius:14px;overflow:hidden;background:#fff}
.kl-tip .tv4-kk-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:12px 14px;background:#FDF6F6;border-bottom:1px solid #F0DADA}
.kl-tip.kl-tip .tv4-kk-n{font-family:'JetBrains Mono',ui-monospace,monospace!important;
  font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:#C53030;background:#FBE9E9;border-radius:999px;padding:4px 10px;flex:none}
.kl-tip .tv4-kk-m{display:flex;align-items:center;gap:7px;min-width:0;flex:1 1 200px;
  font-size:15px;font-weight:700;color:#111;line-height:1.3}
.kl-tip .tv4-kk-m em{font-style:normal;color:#B0BDB8;flex:0 0 auto}
.kl-tip .tv4-kk-t{font-size:12.5px;font-weight:700;color:#9B2C2C;background:#FBE9E9;
  border-radius:7px;padding:4px 9px;white-space:nowrap;flex:none}
.kl-tip.kl-tip .tv4-kk-k{font-family:'JetBrains Mono',ui-monospace,monospace!important;
  font-size:19px;font-weight:700;color:#C53030;margin-left:auto;flex:none;
  font-variant-numeric:tabular-nums}
.kl-tip .tv4-kk-fm{display:flex;flex-wrap:wrap;gap:10px 26px;padding:12px 14px;
  border-bottom:1px solid #EAEAEA}
.kl-tip .tv4-kk-f{display:flex;align-items:center;gap:9px;min-width:0}
.kl-tip .tv4-kk-f b{font-size:13px;font-weight:700;color:#111}
.kl-tip .tv4-kk-f .tv4-teamform{margin:0}
.kl-tip .tv4-kk p{font-size:13.5px;line-height:1.65;color:#444;margin:0;padding:12px 14px}

/* ── kako kvota raste kroz tjedan (Tiket tjedna) ────────────────── */
.kl-tip .tv4-rs{border:1px solid #E4DCF5;border-radius:14px;overflow:hidden;background:#fff}
.kl-tip .tv4-rs-d + .tv4-rs-d{border-top:1px solid #EFEAF9}
.kl-tip .tv4-rs-h{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;
  padding:11px 14px;background:#F8F6FD}
.kl-tip.kl-tip .tv4-rs-h b{font-family:'JetBrains Mono',ui-monospace,monospace!important;
  font-size:13px;font-weight:700;color:#7C4DD0;text-transform:uppercase;letter-spacing:.06em}
.kl-tip .tv4-rs-h span{font-size:12px;color:#8A9793}
.kl-tip .tv4-rs-h .kum{margin-left:auto;font-size:12px;color:#5C6663;white-space:nowrap}
.kl-tip.kl-tip .tv4-rs-h .kum b{font-size:15px;text-transform:none;letter-spacing:0;
  color:#5B33A8;font-variant-numeric:tabular-nums}
.kl-tip .tv4-rs-p{margin:0;padding:0;list-style:none;display:grid;gap:1px;background:#F3EFFB}
.kl-tip .tv4-rs-p li{display:grid;grid-template-columns:minmax(0,1fr) auto 54px;gap:10px;
  align-items:center;padding:9px 14px;background:#fff;margin:0;list-style:none}
.kl-tip .tv4-rs-p .m{display:flex;align-items:center;gap:7px;min-width:0;
  font-size:14px;font-weight:600;color:#111;line-height:1.3}
.kl-tip .tv4-rs-p .m em{font-style:normal;color:#B0BDB8;flex:0 0 auto}
.kl-tip .tv4-rs-p .t{font-size:12px;font-weight:700;color:#5B33A8;background:#F3EFFB;
  border-radius:7px;padding:4px 9px;white-space:nowrap;max-width:100%;
  overflow:hidden;text-overflow:ellipsis}
.kl-tip.kl-tip .tv4-rs-p .k{font-family:'JetBrains Mono',ui-monospace,monospace!important;
  font-size:14px;font-weight:700;color:#111;text-align:right;font-variant-numeric:tabular-nums}
.kl-tip .tv4-rs-f{font-size:13px;line-height:1.6;color:#5C6663;margin:0;
  padding:12px 14px;border-top:1px solid #E4DCF5;background:#FBFAFE}

/* ── mobitel: traka i postotak silaze u drugi red ───────────────── */
@media(max-width:640px){
  .kl-tip .tv4-kvn-l li{grid-template-columns:26px minmax(0,1fr) 52px;
    grid-template-areas:"n m k" ". bar p";row-gap:7px;column-gap:9px}
  .kl-tip .tv4-kvn-l .n{grid-area:n}
  .kl-tip .tv4-kvn-l .m{grid-area:m;font-size:13.5px}
  .kl-tip .tv4-kvn-l .bar{grid-area:bar}
  .kl-tip .tv4-kvn-l .p{grid-area:p;font-size:11.5px}
  .kl-tip .tv4-kvn-l .k{grid-area:k}
  .kl-tip .tv4-kvn-h b{font-size:18px}
  .kl-tip .tv4-kk-k{font-size:17px}
  .kl-tip .tv4-rs-p li{grid-template-columns:minmax(0,1fr) 50px;
    grid-template-areas:"m k" "t k";row-gap:5px}
  .kl-tip .tv4-rs-p .m{grid-area:m}
  .kl-tip .tv4-rs-p .t{grid-area:t;justify-self:start}
  .kl-tip .tv4-rs-p .k{grid-area:k;align-self:center}
}


/* ===== presuda tipstera (verdikt kartica V2 "listic") ==================== *
 * Zavrsna kartica objave: gore argument i potpis, ispod perforacije odrezak
 * s racunom, pa CTA. Generator: verdictCardHtml() u common.gs.
 *
 * Klasa `vd2` stoji NA `.tv4-vd`, pa svako pravilo ovdje ima specificnost
 * 0,3,0+ i tuce zatecena `.tv4 .tv4-vd` pravila iznad (koja ostaju zbog
 * objava koje jos nisu prosle kroz backfill).
 * ======================================================================== */

.tv4 .tv4-vd.vd2{margin-top:32px;border:1px solid #EAEAEA;border-radius:16px;background:#fff;
  /* overflow MORA biti vidljiv: urezi perforacije vise izvan ruba kartice */
  overflow:visible;box-shadow:0 2px 6px rgba(9,28,20,.06),0 14px 30px -22px rgba(9,28,20,.35)}
.tv4 .vd2-gore{padding:20px 22px 22px}

.tv4 .vd2-kap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tv4 .vd-ey{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:#006B4E}
.tv4 .vd-st{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;
  border-radius:999px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;
  font-weight:700;letter-spacing:.04em;white-space:nowrap}
.tv4 .vd-st.l{background:#FCECEC;color:#C53030}
.tv4 .vd-st.w{background:#E0F2EC;color:#006B4E}
.tv4 .vd-st.v{background:#F1F3F4;color:#888888}

.kl-tip.tv4 .tv4-vd.vd2 h2{margin:12px 0 0!important;padding:0;border:0;font-size:23px;
  line-height:1.22;font-weight:700;letter-spacing:-.018em;color:#111}
.kl-tip.tv4 .tv4-vd.vd2 .vd-tx{margin:10px 0 0!important;padding:0;font-size:16px;line-height:1.62;
  color:#444;max-width:60ch}

.tv4 .vd2-kid{display:flex;align-items:center;gap:9px;margin-top:16px}
.tv4 .vd2-kid .tv4-av{width:38px;height:38px}
.tv4 .vd2-kid .tv4-av img{width:38px;height:38px}
.tv4 .vd2-kid > span{min-width:0}
.tv4 .vd2-kid b{display:block;font-size:14px;font-weight:700;color:#111;line-height:1.25}
.tv4 .vd2-kid b + span,.tv4 .vd2-kid span span{display:block;font-size:12.5px;color:#888}

/* Perforacija: crtkana linija, a urezi su bijeli krugovi s prstenom u boji
   ruba — na bijeloj stranici to izgleda kao da je rub kartice izgrizen. */
.tv4 .vd2-perf{position:relative;height:0;border-top:2px dashed #DDE5E2}
.tv4 .vd2-perf::before,.tv4 .vd2-perf::after{content:"";position:absolute;top:-10px;width:18px;
  height:18px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #EAEAEA}
.tv4 .vd2-perf::before{left:-10px}
.tv4 .vd2-perf::after{right:-10px}

.tv4 .vd2-stub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#FBFCFC}
.tv4 .vd2-stub > div{padding:14px 18px;min-width:0}
.tv4 .vd2-stub > div + div{border-left:1px dashed #E3E9E6}
.tv4 .vd2-stub i{display:block;font-style:normal;font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:10.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:#888}
.tv4 .vd2-stub b{display:block;margin-top:5px;font-size:18px;font-weight:700;line-height:1.3;color:#111}
.tv4 .vd2-stub b.o{font-family:'JetBrains Mono',ui-monospace,monospace;
  font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
.tv4 .vd2-stub b[data-vd-pay]{color:#006B4E}
/* Precrtava se SAMO iznos isplate: ulog je stvarno placen pa ostaje citljiv. */
.tv4 .tv4-vd.vd2 s{color:#888;text-decoration:line-through;text-decoration-color:#C53030;
  text-decoration-thickness:1.5px}

.tv4 .vd2-noga{padding:16px 18px 18px}

@media (max-width:719px){
  .tv4 .vd2-gore{padding:16px}
  .kl-tip.tv4 .tv4-vd.vd2 h2{font-size:19px}
  .tv4 .vd2-stub{grid-template-columns:1fr 1fr}
  .tv4 .vd2-stub > div:nth-child(3){grid-column:1 / -1;border-left:0;border-top:1px dashed #E3E9E6}
  .tv4 .vd2-noga{padding:14px 16px 16px}
}

/* ===== klv1 — slike vijesti (24.08.2026.) =====================
   Dodatak na postojeci klv1- sloj u postu 26. Ide NA KRAJ tog bloka, ne
   zamjenjuje ga: .klv1-fig, .klv1-meta i ostalo ostaju kakvi jesu.

   Dvije nove stvari, obje posljedica prelaska sa stock fotografija na prave:

   .klv1-kart — kartica koja stoji umjesto fotografije. Ide u dva slucaja:
   kad osoba nema fotografiju na Commonsu, i kad ima samo SLUZBENI PORTRET
   (uspravni kadar do ramena). Portret je 24.08. odbijen kao vodeca slika jer
   preko vrha stranice izgleda kao fotografija za osobnu iskaznicu; kao
   istaknuta slika u listi ostaje.

   Podijeljeni raspored (.klv1-usp) je otpao istom odlukom: uspravne
   fotografije se u heroju vise ne prikazuju, a reportazne su vodoravne i idu
   punom sirinom kao i dosad.
   ============================================================== */

/* ---------- zaobljeni rubovi na slikama ---------- */
/* Sajt vec stoji na 10-16px za plohe i slike (naslovnicka kartica vijesti ima
   10px), a hero na /vijesti/ i slika u clanku bile su jedine vece slike bez
   radijusa. Izjednacava se na 10px. Na uskom ekranu radijus se gasi, jer
   fotografija ondje ide negativnim marginama preko ruba ekrana i zaobljenje bi
   se pola vidjelo a pola odsjeklo. */
.klv1-lead .klv1-fig{border-radius:10px}
.klv1-sub .klv1-fig{border-radius:8px}
/* Grb kluba u pratećoj kartici NE ide na cover: datoteka je 150x150, a ploha
   315x236, pa ga cover razvuče preko dva puta i još odreže vrh i dno (10.09.,
   objava 46333 s grbom Hajduka). Kad je istaknuta slika grb, kartica ga nosi
   kao znak sred plohe, u izvornoj veličini. Klasu piše vijestiHubPratece. */
.klv1-sub .klv1-fig.klv1-znak{background:#F1F3F4;display:flex;align-items:center;justify-content:center}
.klv1-sub .klv1-fig.klv1-znak img{width:auto;height:auto;max-width:74%;max-height:74%;object-fit:contain}

/* Slika u tijelu clanka: kapa je na VISINI, ne na sirini.
   Zasto: stupac clanka je 872px, pa je uspravna fotografija (1396x1890, prva
   takva 25.08.) ispala 872x1180 i sama zauzela vise od zaslona. Vodoravna u
   istom stupcu daje ~490px i bila je u redu, pa ju granica od 520px ne dira —
   jedno pravilo pokriva oba slucaja i sve zatecene objave, bez klase iz
   generatora. Slika se u sirem okviru centrira, pa i potpis ide sredinom. */
.klvij-img{border-radius:0; overflow:visible; text-align:center}
.klvij-img img{
  display:inline-block; border-radius:10px;
  max-height:520px; width:auto; height:auto;
}

/* ---------- kartica umjesto fotografije ---------- */
.klv1-kart{
  --kk-plo:#FFFFFF; --kk-akc:#009168; --kk-crta:#EAEAEA; --kk-tih:#7A8580;
  --kk-cel:#FAFBFB;
  background:var(--kk-plo);
  box-shadow:0 0 0 1px #EAEAEA;
  border-radius:10px;
  padding:26px 28px;
  margin:0 0 20px;
  position:relative;
  overflow:hidden;
}
/* Brend kockica kao vodeni zig u donjem desnom kutu, rub kartice je odsijeca.
   Taj kut je jedino stvarno prazno mjesto: gore desno stoji iznos, sredinu drzi
   traka brojki, lijevo je fotografija. Zig staje DESNO od potpisa autora, ne
   preko njega: potpis je uvjet CC licence, ne ukras, pa se mice zig.

   Samo kartica S FOTOGRAFIJOM. Ona bez nje je upola niza i traka brojki joj ide
   punom sirinom, pa ondje praznog kuta nema: zig bi zavrsio preko brojki i
   citao bi se kao kvar, ne kao potpis. Provjereno renderom prije objave.
   (Do 25.08. je ovdje stajala zelena mrlja, uz tamnu plohu #0F1311.) */
.klv1-kart-foto::before{
  content:""; position:absolute; right:-38px; bottom:-46px;
  width:176px; height:176px; pointer-events:none; z-index:0;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cpolygon%20points%3D%22100%2C18%20178%2C60%20100%2C102%2022%2C60%22%20fill%3D%22%23DDEFE7%22%2F%3E%3Cpolygon%20points%3D%2222%2C60%20100%2C102%20100%2C190%2022%2C148%22%20fill%3D%22%23C2E0D4%22%2F%3E%3Cpolygon%20points%3D%22178%2C60%20100%2C102%20100%2C190%20178%2C148%22%20fill%3D%22%23D0E9DE%22%2F%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%2296%22%20r%3D%228%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%22125%22%20r%3D%228%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Ccircle%20cx%3D%22126%22%20cy%3D%22154%22%20r%3D%228%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
  background-size:contain; background-repeat:no-repeat;
}
/* Sadrzaj iznad ziga. */
.klv1-kart-foto > *{position:relative; z-index:1}

.klv1-kt{display:flex; align-items:center; gap:16px; position:relative}
.klv1-grb{
  width:58px; height:58px; flex:none;
  /* Na bijeloj plohi se bijeli kvadrat iza grba stopi s podlogom i grb visi u
     zraku, pa mu treba hairline rub. */
  background:#fff; box-shadow:0 0 0 1px rgba(17,17,17,.08);
  border-radius:10px; padding:7px;
  display:flex; align-items:center; justify-content:center;
}
.klv1-grb img{
  display:block; width:100%; height:100%;
  object-fit:contain; margin:0;
}
.klv1-str{
  color:var(--kk-akc); font-size:19px; font-weight:700;
  font-family:'JetBrains Mono',ui-monospace,monospace; line-height:1;
}
.klv1-izn{margin-left:auto; text-align:right; line-height:1.1}
.klv1-izn b{
  display:block; color:#fff; font-size:28px; font-weight:700;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-feature-settings:'tnum' 1; letter-spacing:-.03em;
}
.klv1-izn span{
  display:block; color:var(--kk-tih); font-size:10.5px;
  letter-spacing:.1em; text-transform:uppercase; margin-top:4px;
}

.klv1-br{
  display:grid; grid-template-columns:repeat(4,1fr); gap:1px;
  margin-top:24px; position:relative;
  background:var(--kk-crta); border:1px solid var(--kk-crta);
  border-radius:6px; overflow:hidden;
}
/* Manje od cetiri brojke: traka se sama razvuce, prazne celije ne ostaju. */
.klv1-br:has(> div:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}
.klv1-br:has(> div:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}
.klv1-br > div{background:var(--kk-cel); padding:13px 15px}
.klv1-br b{
  display:block; color:#fff; font-size:18px; font-weight:700;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-feature-settings:'tnum' 1; letter-spacing:-.02em;
}
.klv1-br span{display:block; color:var(--kk-tih); font-size:11px; margin-top:3px}

/* Post 26 gura Inter i boju #444 na span/div/p/li (v. memorija
   post26-inter-gazi-mono), pa mono i boja ovdje trebaju svoj glas. */
.klv1-kart .klv1-izn b,
.klv1-kart .klv1-br b,
.klv1-kart .klv1-str{
  font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace!important;
}
.klv1-kart b{color:#111!important}
/* Na tamnoj plohi je bijela mono brojka bila najglasnija stvar u kartici; na
   bijeloj bi postala obican crni tekst, pa vodeci iznos ide u brend zelenu. */
.klv1-kart .klv1-izn b{color:#009168!important}
.klv1-kart .klv1-izn span,
.klv1-kart .klv1-br span{color:var(--kk-tih)!important}

/* ---------- kartica s fotografijom (25.08.) ---------- */
/* Uspravna fotografija se 24.08. maknula iz heroja jer je preko 16/9 plohe
   pune sirine izgledala kao osobna iskaznica. Ovdje dobiva okvir kojem
   uspravni kadar odgovara: uska okomita ploha uz brojke, s imenom preko dna i
   potpisom autora ispod. Ista slika, drugi okvir, drugi dojam. */
.klv1-kart-foto{
  padding:0;
  display:grid; grid-template-columns:minmax(0,300px) minmax(0,1fr);
  align-items:stretch;
}
.klv1-kfoto{
  display:block; position:relative; overflow:hidden;
  aspect-ratio:3/4; background:#0A0D0B;
  border-bottom:0!important;   /* tema podcrtava svaki <a> u sadrzaju */
}
.klv1-kfoto img{
  display:block; width:100%; height:100%; margin:0;
  /* Lice je u reportaznoj snimci u gornjoj trecini kadra, pa se kadar spusta:
     centriranje bi u sirem okviru odrezalo glavu. */
  object-fit:cover; object-position:center 22%;
}
/* Ime preko dna: bez njega je ploha samo ukras, s njim je kartica igraca. */
.klv1-kime{
  position:absolute; left:0; right:0; bottom:0;
  padding:40px 16px 13px;
  color:#fff!important; font-size:16px; font-weight:700; line-height:1.2;
  background:linear-gradient(to top,rgba(5,9,7,.94),rgba(5,9,7,.62) 45%,rgba(5,9,7,0));
}
.klv1-ktij{
  padding:24px 26px; min-width:0;
  display:flex; flex-direction:column; justify-content:center;
}
.klv1-kart-foto .klv1-kt{flex-wrap:wrap; gap:12px}
.klv1-kart-foto .klv1-izn b{font-size:25px}
/* Uz plohu ostaje ~430px, pa traka ide na DVA stupca bez obzira na broj
   brojki: u tri stupca su oznake ("procijenjeni dio Dinama od solidarnog
   doprinosa") padale u cetiri retka i celije su ispale razlicito visoke.
   Neparna zadnja se rastegne, da ne ostane rupa dolje desno. */
.klv1-kart-foto .klv1-br,
.klv1-kart-foto .klv1-br:has(> div:nth-child(3):last-child){grid-template-columns:repeat(2,1fr)}
.klv1-kart-foto .klv1-br > div:nth-child(odd):last-child{grid-column:1 / -1}
/* Potpis autora je uvjet CC BY-SA licence, ne ukras. */
/* Post 26 gura svoju velicinu na `p` u sadrzaju (v. memorija
   post26-inter-gazi-mono), pa je potpis izasao na ~14px i lomio se u dva
   retka. Velicina i prored trebaju svoj glas. */
.klv1-kcr{
  margin:14px 0 0!important; font-size:10.5px!important; line-height:1.4!important;
  color:#9AA5A0!important;
}

/* ---------- usko ---------- */
/* Zig se na telefonu gasi. Ondje kartica nema prazan donji desni kut: tijelo je
   zbijeno i potpis ide gotovo punom sirinom, pa bi kockica sjela tocno na
   njega. Kad se ukras i uvjet licence sudare, mice se ukras. */
@media (max-width:640px){
  .klv1-kart-foto::before{display:none}
}

@media (max-width:900px){
  /* Fotografija ide preko ruba ekrana, pa radijus otpada. */
  .klv1-lead .klv1-fig{border-radius:0}
  .klvij-img img{border-radius:0; max-height:420px}
  .klv1-kart{padding:20px 18px; margin-bottom:16px; border-radius:8px}
  .klv1-grb{width:48px; height:48px; border-radius:8px; padding:6px}
  .klv1-kt{gap:12px}
  .klv1-izn b{font-size:23px}
  .klv1-br{grid-template-columns:repeat(2,1fr); margin-top:18px}
  .klv1-br:has(> div:nth-child(3):last-child){grid-template-columns:repeat(2,1fr)}
  /* Neparan broj brojki u dvije kolone ostavlja praznu celiju dolje desno, sto
     izgleda kao da podatak nedostaje. Zadnja se zato rastegne preko obje. */
  .klv1-br > div:nth-child(odd):last-child{grid-column:1 / -1}

  /* Ploha ide na vrh preko cijele sirine: uz tekst sa strane ostalo bi joj
     ~135px, a "4.5 milijuna eura" bi se lomilo u tri retka.

     MJERENO 25.08. na 375px: kartica je bila visoka 655px (fotografija 276 +
     tijelo 379), pa je naslov vodece vijesti pocinjao tek na y=1176 — punih
     poldrug zaslona nize. Kadar se zato spusta na 16/10, a tijelo se steze na
     svakom koraku. Nista ne ispada, sve se smanjuje. */
  .klv1-kart-foto{grid-template-columns:1fr; border-radius:8px; padding:0}
  .klv1-kfoto{aspect-ratio:16/10}
  .klv1-kime{font-size:14px; padding:28px 14px 10px}
  .klv1-ktij{padding:15px 15px 17px}
  .klv1-kart-foto .klv1-kt{gap:10px}
  .klv1-kart-foto .klv1-grb{width:42px; height:42px; border-radius:7px; padding:5px}
  .klv1-kart-foto .klv1-izn b{font-size:21px}
  .klv1-kart-foto .klv1-izn span{font-size:9.5px; margin-top:3px}
  .klv1-kart-foto .klv1-br{margin-top:14px}
  .klv1-kart-foto .klv1-br:has(> div:nth-child(3):last-child){grid-template-columns:repeat(2,1fr)}
  .klv1-kart-foto .klv1-br > div{padding:10px 12px}
  .klv1-kart-foto .klv1-br b{font-size:16px}
  .klv1-kart-foto .klv1-br span{font-size:10.5px; line-height:1.35}
  .klv1-kart-foto .klv1-kcr{font-size:9.5px!important; margin-top:11px!important}
}

/* ---------- redoslijed na telefonu (25.08.) ---------- */
/*
   Na telefonu naslov ide IZNAD kartice. Mjereno na 375px prije ove promjene:
   naslov vodece vijesti pocinjao je na y=994, a telefon pokazuje ~700px — dakle
   citatelj je morao odluciti zanima li ga prica gledajuci fotografiju i iznos,
   bez ijedne rijeci o cemu je. S ovim redom naslov je na y=506, unutar prvog
   zaslona.

   Mijenja se SAMO redoslijed crtanja, i samo do 900px. Markup je isti, desktop
   je netaknut, izvorni red u HTML-u (kartica pa naslov) ostaje onakav kakav
   ga generator pise.                                                        */
@media (max-width:900px){
  .klv1-lead{display:flex; flex-direction:column}
  .klv1-lead .klv1-meta{order:1; margin-top:0}
  .klv1-lead .klv1-h1{order:2}
  /* Flex ne sklapa margine, pa razmak prema kartici treba doci odavde —
     inace naslov sjedne na fotografiju. */
  .klv1-lead .klv1-kart{order:3; margin-top:15px}
  .klv1-lead .klv1-sum{order:4}
  .klv1-lead .klv1-kut{order:5}
  .klv1-lead .klv1-cta{order:6}
}

/* ---------- put u clanak (25.08.) ---------- */
/*
   KVAR: "Pročitaj cijelu vijest →" bio je NEVIDLJIV na svim zaslonima, ne samo
   na telefonu. Izmjereno na produkciji: color rgb(0,145,104), ali
   -webkit-text-fill-color rgb(255,255,255) na prozirnoj podlozi — dakle bijelo
   na bijelom, poveznica 175x28 koju nitko ne vidi.

   Zasto: osnovni `.klvij-pill` ima `-webkit-text-fill-color:#fff!important`
   (bijeli tekst na zelenoj piluli). Kasniji `.klv1-cta .klvij-pill×3` skida
   pozadinu i prebojava tekst kroz `color`, ali `-webkit-text-fill-color` nikad
   ne vrati. U Blinku/WebKitu boja ispune tuce `color`, pa je zelena ostala
   samo na papiru.

   Popravak je ovdje, a ne u starijem bloku posta 26, jer taj blok nema svoju
   datoteku u repou — ovako promjena ostaje zapisana.                        */
.klv1-cta .klvij-pill.klvij-pill.klvij-pill,
.klv1-cta .klvij-pill.klvij-pill.klvij-pill:link,
.klv1-cta .klvij-pill.klvij-pill.klvij-pill:visited{
  -webkit-text-fill-color:#009168!important;
}
.klv1-cta .klvij-pill.klvij-pill.klvij-pill:hover{
  -webkit-text-fill-color:#006B4E!important;
}

/* Na telefonu tekstualna poveznica nije dovoljna ni kad se vidi: stoji na
   y=1596, ispod kartice i kuta od 358px. Ondje ide puni pill po standardu od
   23.07., preko cijele sirine. */
@media (max-width:640px){
  .klv1-lead .klv1-cta{margin-top:18px}
  .klv1-lead .klv1-cta .klvij-pill.klvij-pill.klvij-pill,
  .klv1-lead .klv1-cta .klvij-pill.klvij-pill.klvij-pill:link,
  .klv1-lead .klv1-cta .klvij-pill.klvij-pill.klvij-pill:visited{
    display:flex; width:100%; justify-content:center;
    background:#009168!important; color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    padding:13px 22px!important; border-radius:999px!important;
    font-size:15px; box-shadow:0 6px 18px rgba(0,107,78,.25);
    border-bottom:0!important;
  }
}

/* ---------- kartica vijesti na naslovnici (25.08.) ---------- */
/* Zivi u klvr11 bloku posta 26, ali je posljedica iste promjene: otkad
   istaknuta slika zna biti uspravna, 16/9 okvir bi preko lica dao vodoravnu
   krisku. Uspravna zato dobiva svoj okvir; generator joj daje klasu. */
.klvr11-foto-usp{aspect-ratio:4/3}
.klvr11-foto-usp img{object-position:center 25%}
/* Ploha za grb (28.08.). Ista geometrija i pozadina kao okvir fotografije, ali
   grb stoji u svojoj velicini i centriran. Mora doci IZA .klvr11-foto img, koji
   nosi width/height 100% i object-fit:cover - ista specificnost, pobjedjuje
   kasniji. Bez ovoga bi se kvadrat od 150 px razvukao, sto je kvar zbog kojeg
   je prag i postavljen. */
.klvr11-grbp{display:flex;align-items:center;justify-content:center}
.klvr11-grbp img{width:84px;height:84px;object-fit:contain;flex:none}


/* ===== klvij — veza vijesti s tipovima (24.08.2026.) ==========
   Blok koji stoji odmah iza Kladionicarskog kuta u tijelu vijesti: lijevo nas
   tip za klub iz vijesti, desno kvote kod promoviranog operatera.

   ZASTO POSTOJI: mjereno 24.08., u 36 objava stoji NULA partnerskih poveznica,
   a prema pojedinacnoj vijesti vodi tocno JEDNA poveznica sa sajta. Blok
   rjesava oboje na mjestu gdje je citatelj upravo procitao sto vijest mijenja
   na kvotama.

   Blok "Zadnje o klubovima iz para" u tip objavama NE treba svoj CSS — nosi i
   klasu .tv4-srodni, koja vec postoji u ovom postu.
   ============================================================== */

.klvij-tip{
  --kv-brand:#009168; --kv-hover:#00B582; --kv-rub:#E3E8E5; --kv-tih:#8A918D;
  display:flex; align-items:center; justify-content:space-between;
  gap:18px; flex-wrap:wrap;
  margin:26px 0; padding:16px 18px;
  border:1px solid var(--kv-rub); border-radius:12px;
  background:#FAFBFB;
}
.klvij-tip p{margin:0!important}
.klvij-tw{min-width:0; flex:1 1 260px}
.klvij-tl{
  font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:10.5px!important; font-weight:700; letter-spacing:.13em;
  text-transform:uppercase; color:var(--kv-brand)!important;
}
.klvij-tn{margin-top:5px!important; font-size:16px!important; line-height:1.35!important}
/* Tema tuce poveznice u sadrzaju (.space-content a:link), pa naslov tipa treba
   svoje tri klase i svoj glas — v. memorija tema-tuce-komponente-na-linkovima. */
.klvij-tip p.klvij-tn a,
.klvij-tip p.klvij-tn a:link,
.klvij-tip p.klvij-tn a:visited{
  color:#111111!important; font-weight:650!important;
  text-decoration:none!important; border-bottom:1px solid var(--kv-rub)!important;
}
.klvij-tip p.klvij-tn a:hover{
  color:var(--kv-brand)!important; border-bottom-color:var(--kv-brand)!important;
}

/* CTA je puni pill po standardu od 23.07.: primarni #009168, bijeli bold tekst,
   hover #00B582 uz mali podizaj. Namjerno bez uzvicnika i bez "odmah" — NN
   72/2025 drzi oglasavanje u uskom prozoru, a opis proizvoda nije oglas. */
.klvij-tip a.klvij-kv,
.klvij-tip a.klvij-kv:link,
.klvij-tip a.klvij-kv:visited{
  flex:none;
  display:inline-flex; align-items:center; gap:8px;
  padding:11px 20px; border-radius:999px;
  background:var(--kv-brand); color:#fff!important;
  font-size:14.5px; font-weight:700; text-decoration:none!important;
  /* Bez ovoga tema skine donji rub pa preglednik dijagonalno rezuje kutove
     pilule — incident 23.07. na CTA gumbima. */
  border-bottom:1px solid var(--kv-brand)!important;
  transition:background .18s ease, transform .18s ease;
}
.klvij-tip a.klvij-kv:hover{
  background:var(--kv-hover); border-bottom-color:var(--kv-hover)!important;
  transform:translateY(-1px);
}
.klvij-tip a.klvij-kv:focus-visible{outline:2px solid var(--kv-brand); outline-offset:3px}
.klvij-tip a.klvij-kv i{font-style:normal}

@media (max-width:640px){
  .klvij-tip{gap:14px; padding:14px 15px}
  .klvij-tip a.klvij-kv{width:100%; justify-content:center}
  .klvij-tw{flex:1 1 100%}
  .klvij-tn{font-size:15px!important}
}
@media (prefers-reduced-motion:reduce){
  .klvij-tip a.klvij-kv{transition:none}
  .klvij-tip a.klvij-kv:hover{transform:none}
}


/* ===== kldash V6 · Kartoteka — /tipovi/ 203 + 5 hubova (15.08.2026.) =====
   Zamjenjuje kldash V5 (Puls). Izvor izgleda je mockup kldash-redizajn/
   kartoteka.tpl.html, iteracija K9 (lepeza + točkica po paru).

   Sve živi pod .kkart, pa se imena razreda ne moraju prefiksirati; provjereno
   je da nijedan bare .lst/.ld/.gf/.pr/.tok iz teme ili posta 26 ne pada unutar
   ovog stabla. Tri stvari post 26 i tema ipak probijaju i vraćaju se izrijekom:
   1. `body span,body div,body li{color:#444444}` (0,0,2) gazi naslijeđenu boju
   2. isto pravilo gura Inter s !important, pa mono brojke tiho izgube JetBrains
   3. tema ima `.space-content a:link` (0,2,1), pa poveznica treba treći razred */
.kkart{
  --kk-card:#FFFFFF; --kk-canvas:#FBFCFC;
  --kk-ink:#111111; --kk-body:#444444; --kk-muted:#8A9793;
  --kk-rule:#EAEAEA;
  --kk-win:#009168; --kk-win-d:#006B4E; --kk-win-s:#E0F2EC;
  --kk-loss:#C53030; --kk-loss-s:#FBEDEC;
  --kk-teal-d:#0A5A6E;
  --kk-dark:#0F1311;
  --rb:#009168;
  --kk-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --kk-sh:0 1px 2px rgba(0,107,78,.05),0 8px 28px rgba(0,107,78,.07);
  color:var(--kk-body);font-size:15px;line-height:1.6;padding:4px 0 10px;
}
.kkart *{box-sizing:border-box}
/* Razred se ponavlja namjerno: `.klr p` je (0,2,0) i inače pregazi reset, pa bi
   svaki odlomak u ploči dobio 16.5px i 17px donje margine. */
.kkart.kkart :where(span,div,li,b,i,em,strong,small,p,a,button){color:inherit}
.kkart.kkart :where(p,ul,ol,li){margin:0;padding:0;font-size:inherit;line-height:inherit}
.kkart.kkart :where(ul,ol){list-style:none}
.kkart img{max-width:100%}
.kkart [hidden]{display:none!important}
/* Mono popis: post 26 gura Inter na span s !important, pa svaka brojka koja
   živi u spanu tiho izgubi tabularno poravnanje. Razred se ponavlja namjerno
   (0,3,0). NOVI mono element MORA ući u ovaj popis. */
.kkart.kkart .n,.kkart.kkart .ey,.kkart.kkart .vl,.kkart.kkart .kv,
.kkart.kkart .dt,.kkart.kkart .pill,.kkart.kkart .rn,.kkart.kkart .pl,
.kkart.kkart .mk,.kkart.kkart .nov,.kkart.kkart .rd-back,
.kkart.kkart .ld-c b,.kkart.kkart .ld-cap b,.kkart.kkart .ld-lb .r,
.kkart.kkart .hd0 span,.kkart.kkart .pr-h span,.kkart.kkart .pr-h a,
.kkart.kkart .tok-h span,.kkart.kkart .wk button,.kkart.kkart .filt b,
.kkart.kkart .gf-tip b,.kkart.kkart .lst-b .vl,
.kkart.kkart .fig b,.kkart.kkart .stats div b,.kkart.kkart .gh .cnt,
.kkart.kkart .rl-r .v,.kkart.kkart .sim
{font-family:var(--kk-mono)!important;font-variant-numeric:tabular-nums;
 font-feature-settings:'tnum' 1}
.kkart .ey{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--kk-muted)}

/* ══ GRAF ═══════════════════════════════════════════════════════════
   Pet motora, jedan po mehanici rubrike. Zajedničko im je samo kućište:
   isto oživljavanje, isti prelazak prstom, isti klik, isto očitanje. */
.kkart .gf{position:relative;width:100%;touch-action:pan-y}
.kkart .gf svg{display:block;width:100%;overflow:visible}
.kkart .gf-hit{cursor:pointer}
.kkart .gf:focus-visible{outline:2px solid var(--kk-win-d);outline-offset:3px;border-radius:8px}
.kkart .gf-line{fill:none;stroke-linejoin:round;stroke-linecap:round}
.kkart .gf-line.anim{transition:stroke-dashoffset 1.15s cubic-bezier(.22,.61,.36,1)}
.kkart .gf-line.spor.anim{transition:stroke-dashoffset 1.5s cubic-bezier(.22,.61,.36,1) .35s}
.kkart .gf-area{opacity:0}
.kkart .gf-area.anim{transition:opacity .8s ease-out .25s}
.kkart .gf-area.go{opacity:1}
/* Karte listića, točke sistema, karike lanca i grbovi ulaze jedno po jedno. */
.kkart .gf-in{opacity:0}
.kkart .gf-in.anim{transition:opacity .42s ease-out,transform .5s cubic-bezier(.16,1,.3,1)}
.kkart .gf-in.go{opacity:1;transform:none}
.kkart .gf-mk{opacity:0}
.kkart .gf-mk.anim{transition:opacity .35s ease-out}
.kkart .gf-mk.go{opacity:1}
.kkart .gf-lab{opacity:0}
.kkart .gf-lab.anim{transition:opacity .45s ease-out}
.kkart .gf-lab.go{opacity:1}
.kkart .gf-cur{opacity:0;pointer-events:none}
.kkart .gf-cur.on{opacity:1}
.kkart .gf-cur.anim{transition:transform .17s cubic-bezier(.22,.61,.36,1),opacity .17s linear}
.kkart .gf-cur.anim circle{transition:cy .17s cubic-bezier(.22,.61,.36,1)}
.kkart .gf-box{opacity:0;pointer-events:none}
.kkart .gf-box.on{opacity:1}
.kkart .gf-box.anim{transition:transform .2s cubic-bezier(.22,.61,.36,1),opacity .15s linear}
.kkart .gf-halo{transform-box:fill-box;transform-origin:center}
@keyframes kk-puls{0%{r:5;opacity:.5}70%{r:14;opacity:0}100%{r:14;opacity:0}}
.kkart .gf-halo.anim{animation:kk-puls 2.4s ease-out infinite}
.kkart .gf-tip{position:absolute;top:0;left:0;pointer-events:none;opacity:0;
  background:var(--kk-dark);color:#fff;border-radius:9px;padding:7px 10px;font-size:11.5px;
  line-height:1.4;white-space:nowrap;box-shadow:0 6px 20px rgba(15,19,17,.22);z-index:3}
.kkart .gf-tip.anim{transition:opacity .16s linear,transform .17s cubic-bezier(.22,.61,.36,1)}
.kkart .gf-tip.on{opacity:1}
/* Oblačić vodi na objavu koju pokazuje — na dodirniku je to najveći cilj koji
   korisnik ima pod prstom nakon što tapne graf. */
.kkart .gf-tip[data-otvori]{pointer-events:auto;cursor:pointer}
/* Pojas i tregeri uz JS: na uređaju bez pokazivača oblačić ne smije primiti tap
   ni ako se nekako pojavi. Padao je pod prst i hvatao klik namijenjen grafu. */
@media (hover:none){.kkart .gf-tip,.kkart .gf-tip[data-otvori]{pointer-events:none}}
.kkart .gf-tip[data-otvori]::after{content:'objava →';display:block;margin-top:3px;
  font-size:10.5px;font-weight:700;color:#00D982;letter-spacing:.02em}
.kkart .gf-tip b{font-weight:700;display:block;font-size:13px;color:#fff}
.kkart .gf-tip span{color:#93AAA0}
.kkart .gf-tip .w{color:#00D982}
.kkart .gf-tip .l{color:#FF8E85}
.kkart .gf-prazno{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--kk-muted);
  border-top:1px dashed #D3DCD8;padding-top:12px;margin-top:8px;min-height:44px}
.kkart .gf-prazno i{font-style:normal;width:6px;height:6px;border-radius:50%;background:#CBD5D1;flex:none}

/* ── čitač: što je odabrano na grafu ─────────────────────────────── */
/* Na uskoj ploči čitač se LOMI u dva reda: sve u jedan red znači da naslov
   („Tiket 5 parova") dobije 60 px i ispadne „Tiket …". */
.kkart .rd{display:flex;align-items:center;gap:9px;min-width:0;font-size:13px;
  padding-top:11px;border-top:1px solid var(--kk-rule);margin-top:10px;min-height:46px;
  flex-wrap:wrap;row-gap:5px}
.kkart .rd .nm{color:var(--kk-ink);font-weight:600;min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.kkart .rd .cr{display:flex;align-items:center;gap:4px;flex:none}
.kkart .rd .tp{font-size:11.5px;font-weight:700;color:var(--kk-win-d);background:var(--kk-win-s);
  padding:3px 9px;border-radius:999px;white-space:nowrap;flex:none}
/* Broj prošlih parova nosi boju ishoda: zeleni „1 od 4" na palom sistemu
   izgleda kao dobra vijest. */
.kkart .rd .tp.l{color:var(--kk-loss);background:var(--kk-loss-s)}
.kkart .rd .tp.p{color:var(--kk-muted);background:#F1F4F3}
.kkart .rd .kv{font-size:13px;font-weight:700;color:var(--kk-ink);flex:none}
.kkart .rd .dt{font-size:11.5px;color:var(--kk-muted);flex:none}
.kkart .rd .rt{margin-left:auto;flex:none;display:flex;align-items:center;gap:10px}
/* Čitač je i put do same objave: na mobitelu je do nje inače vodio samo CTA
   na rubriku. „objava →" je vidljivi, dovoljno veliki cilj i pravi link za
   tipkovnicu i čitače zaslona. Cijeli redak NIJE klikabilan — 24.08. maknuto,
   jer je nevidljiva poveznica preko cijelog retka na dodiru davala skok koji
   korisnik nije tražio. */
/* Bljesak čitača kad ga prst promijeni (v. odaberi()). Boja je ista soft
   zelena kojom se drugdje označava odabrano; gasi se sama u pola sekunde. */
@keyframes kk-bljesak{from{background:var(--kk-win-s)}to{background:transparent}}
.kkart [data-out].bljesak{animation:kk-bljesak .5s ease-out}
@media (prefers-reduced-motion:reduce){.kkart [data-out].bljesak{animation:none}}
.kkart a.rd-go.kk-a{font-size:11.5px;font-weight:700;color:var(--kk-win-d)!important;
  white-space:nowrap;flex:none;text-decoration:none!important;
  border-bottom:1px solid rgba(0,107,78,.4)!important;padding-bottom:1px}
.kkart a.rd-go.kk-a:hover{
  color:var(--kk-win)!important;border-bottom-color:var(--kk-win)!important}
.kkart a.rd-go.kk-a:focus-visible{outline:2px solid var(--kk-win-d);outline-offset:2px}
.kkart .rd-back{appearance:none;border:0;background:#F1F4F3;color:var(--kk-win-d);font:inherit;
  font-size:10.5px;font-weight:700;border-radius:999px;padding:4px 9px;cursor:pointer;flex:none;
  letter-spacing:.06em;text-transform:uppercase}
.kkart .rd-back:focus-visible{outline:2px solid var(--kk-win-d);outline-offset:2px}

/* ── sitni elementi ──────────────────────────────────────────────── */
.kkart .pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 11px;
  font-size:11.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.kkart .pill.w{background:var(--kk-win-s);color:var(--kk-win-d)}
.kkart .pill.l{background:var(--kk-loss-s);color:var(--kk-loss)}
.kkart .pill.p{background:#F1F4F3;color:var(--kk-muted)}
.kkart .dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}
.kkart .crest{width:19px;height:19px;border-radius:4px;object-fit:contain;background:#F4F6F5;flex:none}
.kkart .crest.sm{width:16px;height:16px;border-radius:3px}
.kkart .av{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:none}
.kkart .av.sm{width:21px;height:21px}
.kkart .nov{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  background:var(--kk-win);color:#fff;border-radius:999px;padding:2px 7px;flex:none}

/* ── popis rubrika: isti model koji je i dosad stajao na /tipovi/ ──
   Točka u boji rubrike, ime, brojka, bedž, strelica u krugu. Razlika je što je
   redak cijeli sklopka: tap otvara ladicu ODMAH ispod tog retka, pa se ne gubi
   veza između onoga što si tapnuo i onoga što se otvorilo. */
.kkart .lst{border:1px solid var(--kk-rule);border-radius:16px;background:var(--kk-card);
  overflow:hidden;box-shadow:var(--kk-sh)}
.kkart .lst-r+.lst-r,.kkart .lst-d+.lst-r{border-top:1px solid var(--kk-rule)}
.kkart .lst-b{appearance:none;width:100%;background:transparent;border:0;font:inherit;cursor:pointer;
  color:inherit;text-align:left;padding:12px 12px 12px 14px;
  display:grid;grid-template-columns:7px minmax(0,1fr) auto auto 26px;gap:9px;align-items:center}
.kkart .lst-b .dot{width:7px;height:7px;border-radius:50%;display:block;opacity:.4}
.kkart .lst-b .nm{font-size:14.5px;font-weight:700;color:var(--kk-ink);letter-spacing:-.01em;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kkart .lst-b .vl{font-size:14px;font-weight:700;color:var(--kk-ink);white-space:nowrap}
.kkart .lst-b .chev{width:26px;height:26px;border-radius:50%;border:1px solid var(--kk-rule);
  color:var(--kk-win-d);display:flex;align-items:center;justify-content:center;font-size:12px;
  transition:transform .18s ease,background .18s ease}
.kkart .lst-b:hover{background:#F7FAF9}
.kkart .lst-b:focus-visible{outline:2px solid var(--kk-win-d);outline-offset:-3px}
.kkart .lst-r.on{background:var(--kk-win-s)}
.kkart .lst-r.on .lst-b .dot{opacity:1}
.kkart .lst-r.on .lst-b .nm{color:var(--kk-win-d)}
.kkart .lst-r.on .lst-b .chev{transform:rotate(90deg);background:var(--kk-win);
  border-color:var(--kk-win);color:#fff}
.kkart .lst-r.on .pill{background:#FFFFFF}
.kkart .lst-d{background:#FBFDFC;border-top:1px solid var(--kk-rule);padding:12px}

/* ── ladica ──────────────────────────────────────────────────────
   Ladica NIJE kartica: živi unutar popisa, pa bi kartica u kartici dala dva
   ruba jedan uz drugi. Ostaje samo lagano spuštanje pri otvaranju. */
.kkart .ld{animation:kk-ld-in .2s ease-out}
@keyframes kk-ld-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.kkart .ld-meh{margin:0 0 11px;font-size:12px;line-height:1.5;color:var(--kk-muted)}
.kkart .ld-meh b{font-weight:700;color:var(--kk-body)}
.kkart .ld-s{margin-top:13px}
.kkart .ld-lb{display:flex;align-items:baseline;gap:8px;margin-bottom:7px}
.kkart .ld-lb .r{margin-left:auto;font-size:10.5px;color:var(--kk-muted)}
/* četiri brojke: hairline kartoteka, bez kartica u karticama */
.kkart .ld-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;
  background:var(--kk-rule);border:1px solid var(--kk-rule);border-radius:11px;overflow:hidden}
.kkart .ld-c{background:var(--kk-card);padding:9px 11px 8px;min-width:0}
.kkart .ld-c b{display:block;font-size:17px;font-weight:700;color:var(--kk-ink);line-height:1.15;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kkart .ld-c span{display:block;font-size:10px;color:var(--kk-muted);margin-top:2px;line-height:1.3}
.kkart .ld-c.pos b{color:var(--kk-win)}
.kkart .ld-c.neg b{color:var(--kk-loss)}
.kkart .ld-cap{font-size:11.5px;color:var(--kk-muted);margin:7px 0 0;line-height:1.5}
/* Svi parovi odjednom, ispod grafa: na dodirniku je pogađanje pojedine karte u
   lepezi bilo jedini put do para. Široka ploča isti popis ima desno od grafa. */
.kkart .ld-cap b{color:var(--kk-ink);font-weight:700}
.kkart .ld-hint{margin:11px 0 0;padding:13px;border:1px dashed var(--kk-rule);border-radius:14px;
  background:var(--kk-card);font-size:12.5px;color:var(--kk-muted);text-align:center}
.kkart .ld .gf{margin-top:2px}

/* CTA standard sajta (LOCKED 23.07.): puni pill, #009168, bijeli bold tekst. */
.kkart .cta,.kkart a.cta,.kkart .ld .cta{display:inline-flex;align-items:center;gap:8px;
  background:var(--kk-win);color:#fff!important;font-size:13.5px;font-weight:700;border-radius:999px;
  padding:11px 18px;text-decoration:none!important;border-bottom:0!important;
  margin-top:13px;width:100%;justify-content:center;transition:background .15s,transform .15s}
.kkart .ld .cta:hover{background:var(--kk-win-l,#00B582);transform:translateY(-1px)}
.kkart .cta:focus-visible{outline:2px solid var(--kk-win-d);outline-offset:2px}

/* ── parovi listića i tok objava ─────────────────────────────────── */
.kkart .pr{border:1px solid var(--kk-rule);border-radius:13px;overflow:hidden;margin-top:12px;
  background:var(--kk-card)}
.kkart .pr-h{display:flex;align-items:baseline;gap:10px;padding:9px 14px;background:#F7FAF9;
  border-bottom:1px solid var(--kk-rule);flex-wrap:wrap}
.kkart .pr-h b{font-size:12.5px;font-weight:700;color:var(--kk-ink)}
.kkart .pr-h span{font-size:11.5px;color:var(--kk-muted);margin-left:auto}
.kkart .pr-h a.kk-a{font-size:11px;font-weight:700;text-decoration:none!important;
  color:var(--kk-win-d)!important;border-bottom:1px solid #B7DCCD}
.kkart .pr-h a.kk-a:hover{border-bottom-color:var(--kk-win-d)}
/* Redak ide u DVA REDA, ne u pet stupaca: imena klubova su najduži i najvažniji
   dio pa dobivaju cijelu širinu retka. */
.kkart .pr-r{display:grid;gap:5px;padding:10px 12px;border-top:1px solid var(--kk-rule);
  font-size:12.5px;background:var(--kk-card);text-decoration:none;color:inherit}
.kkart .pr-r:first-of-type{border-top:0}
.kkart .pr-r .l1,.kkart .pr-r .l2{display:flex;align-items:center;gap:8px;min-width:0}
.kkart .pr-r .m{display:flex;align-items:center;gap:6px;min-width:0;flex:1}
.kkart .pr-r .m span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--kk-ink);font-weight:600}
.kkart .pr-r .m em{font-style:normal;color:var(--kk-muted);flex:none;font-size:11px}
.kkart .pr-r .t{font-size:11px;font-weight:700;color:var(--kk-win-d);background:var(--kk-win-s);
  padding:3px 8px;border-radius:999px;white-space:nowrap;min-width:0;overflow:hidden;
  text-overflow:ellipsis;flex:0 1 auto}
.kkart .pr-r .t.l{color:var(--kk-loss);background:var(--kk-loss-s)}
.kkart .pr-r .t.p{color:var(--kk-muted);background:#F1F4F3}
.kkart .pr-r .kv{font-size:12.5px;font-weight:700;color:var(--kk-ink);flex:none}
.kkart .pr-r .me{margin-left:auto;flex:none;display:flex;align-items:center;gap:6px;
  font-size:11px;color:var(--kk-muted);white-space:nowrap}
.kkart .pr-r .me .av{width:17px;height:17px}
.kkart .pr-r .mk{font-size:14px;font-weight:700;color:#B9C4C0;flex:none;
  display:flex;align-items:center;line-height:1}
.kkart .pr-r .mk.w{color:var(--kk-win)}
.kkart .pr-r .mk.l{color:var(--kk-loss)}
.kkart .pr-r .ch{flex:none;color:#C6D2CD;font-size:16px;line-height:1}
.kkart .pr-r.on{background:var(--kk-win-s)}
.kkart .pr-r[data-jump]{cursor:pointer}
/* Redak koji vodi na objavu. Strelica desno je jedini nagovještaj na dodiru,
   jer ondje nema prelaza mišem. */
.kkart .pr-r.lnk.kk-a{text-decoration:none!important;border-bottom:0!important;color:inherit!important}
.kkart .pr-r.lnk:hover{background:#F2F8F6}
.kkart .pr-r.lnk:hover .m span{color:var(--kk-win-d)}
.kkart .pr-r.lnk:hover .ch{color:var(--kk-win-d)}
.kkart .pr-r.lnk:focus-visible{outline:2px solid var(--kk-win-d);outline-offset:-2px}
/* Redak u toku nosi boju svoje rubrike kao usku traku uz lijevi rub. */
.kkart .pr-r.rub{box-shadow:inset 3px 0 0 var(--rb)}
.kkart .pr-r .rn{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--rb);flex:none}
.kkart .pr-r .pl{font-size:10.5px;font-weight:700;color:var(--kk-muted);flex:none}
.kkart .tok-f{display:flex;align-items:center;gap:8px;padding:9px 12px;
  border-top:1px solid var(--kk-rule);font-size:11.5px;color:var(--kk-muted);background:#FCFDFD}
.kkart .tok-f a.kk-a{margin-left:auto;font-size:11px;font-weight:700;color:var(--kk-win-d)!important;
  text-decoration:none!important;border-bottom:1px solid #B7DCCD;white-space:nowrap}
.kkart .tok-f a.kk-a:hover{border-bottom-color:var(--kk-win-d)}
.kkart .tok{border:1px solid var(--kk-rule);border-radius:14px;overflow:hidden;
  background:var(--kk-card);margin-top:11px}
.kkart .tok-h{display:flex;align-items:baseline;gap:10px;padding:9px 12px;background:#F7FAF9;
  border-bottom:1px solid var(--kk-rule)}
.kkart .tok-h b{font-size:12.5px;font-weight:700;color:var(--kk-ink)}
.kkart .tok-h span{font-size:10.5px;color:var(--kk-muted);margin-left:auto}
.kkart .tok .pr-r:first-of-type{background:#F9FCFB}

/* ── glava, tjedni, tihi filtar ──────────────────────────────────── */
.kkart .hd0{display:flex;align-items:baseline;gap:8px;margin-bottom:11px}
.kkart .hd0 b{font-size:16px;font-weight:800;color:var(--kk-ink);letter-spacing:-.015em}
.kkart .hd0 span{font-size:11px;color:var(--kk-muted);margin-left:auto}
.kkart .wk{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 0}
.kkart .wk button{appearance:none;font:inherit;font-size:11px;font-weight:700;
  border:1px solid var(--kk-rule);background:var(--kk-card);color:var(--kk-muted);border-radius:999px;
  padding:4px 11px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.kkart .wk button:hover{border-color:#CFDAD6}
.kkart .wk button.on{border-color:var(--kk-teal-d);color:var(--kk-teal-d);
  box-shadow:0 0 0 1px var(--kk-teal-d) inset}
.kkart .wk button:focus-visible{outline:2px solid var(--kk-teal-d);outline-offset:2px}
.kkart .wk button i{font-style:normal;font-size:10px}
.kkart .wk button.w i{color:var(--kk-win)}
.kkart .wk button.l i{color:var(--kk-loss)}
/* Filtar tipstera nije prvo što se vidi: tiha linija na dnu ploče. */
.kkart .filt{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:13px}
.kkart .filt b{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--kk-muted);margin-right:2px}
.kkart .filt i{font-style:normal;font-size:12px;font-weight:600;color:var(--kk-body);
  padding:4px 11px;border-radius:999px;background:#F2F5F4;cursor:pointer}
.kkart .filt i.on{background:var(--kk-win);color:#fff}
.kkart .filt i:focus-visible{outline:2px solid var(--kk-win-d);outline-offset:2px}

/* Ono što vrijedi u obje ljuske, samo prozračnije kad ima mjesta. Popis i
   ladica se na ≥900 px uopće ne crtaju (ondje je V2 Dvostupac), pa ovdje nema
   njihovih pravila. */
@media(min-width:900px){
  .kkart{padding:8px 0 16px}
  .kkart .pr-r{padding:11px 16px}
  .kkart .pr-h{padding:11px 16px}
  .kkart .rd{flex-wrap:nowrap;font-size:14px}
  .kkart .gf-tip{font-size:12.5px}
}

/* ══ ŠIROKA PLOČA: V2 DVOSTUPAC (zaključano 14.08.) ══════════════════
   Na ≥900 px ploča NIJE popis s ladicom nego zaključani raspored: filtar gore,
   pozornica odabrane rubrike lijevo (velika brojka koja čita s grafa, tri
   stata, graf, čitač), zadnjih pet objava desno, traka svih pet ispod. Uska
   ploča ostaje Kartoteka. Isti podaci, isti motori — samo drugi raspored,
   jer 328 px i 1180 px ne traže istu stvar. */
.kkart .kc{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.kkart .kc-seg{display:flex;gap:2px;background:#F2F5F4;border-radius:999px;padding:3px}
.kkart .kc-seg i{font-style:normal;font-size:13px;font-weight:600;color:var(--kk-body);
  padding:5px 13px;border-radius:999px}
/* Sve u traci je sklopka, pa sve mora i pokazati prst — i tipster i vremenski
   rez. Dok je pravilo išlo po [data-who], rez je izgledao kao natpis. */
.kkart .kc-seg i[data-who],.kkart .kc-seg i[data-raspon]{cursor:pointer;
  transition:background .16s ease-out,color .16s ease-out}
.kkart .kc-seg i[data-who]:hover:not(.on),
.kkart .kc-seg i[data-raspon]:hover:not(.on){background:#E4EAE8;color:var(--kk-ink)}
.kkart .kc-seg i[data-who]:focus-visible,
.kkart .kc-seg i[data-raspon]:focus-visible{outline:2px solid var(--kk-win-d);outline-offset:2px}
.kkart .kc-seg i.on{background:var(--kk-win);color:#fff}
.kkart .kc-seg.q i.on{background:var(--kk-card);color:var(--kk-ink)}
.kkart .kc-r{margin-left:auto}

.kkart .stg{background:var(--kk-card);border:1px solid var(--kk-rule);border-radius:18px;
  padding:18px 20px 16px;box-shadow:var(--kk-sh)}
.kkart .stg-hd{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}
.kkart .stg-nm{font-size:21px;font-weight:800;color:var(--kk-ink);letter-spacing:-.02em;
  line-height:1.2;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.kkart .stg-sub{font-size:12.5px;color:var(--kk-muted);margin-top:2px}
.kkart .stg-hd .ey{display:block;margin-bottom:5px;color:var(--kk-win-d)}
.kkart .stg-bd{margin-left:auto;padding-top:3px}
/* CTA stoji na desnom kraju zaglavlja pozornice, ne uz naslov. */
.kkart .stg-hd .cta{margin:0 0 0 auto;width:auto;align-self:flex-start}
/* Velika brojka je očitanje s grafa: dok prst putuje, piše koliko je stanje
   bilo u toj točki, a natpis ispod kaže da se gleda prošlo stanje. */
.kkart .fig{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-top:14px}
.kkart .fig b{font-size:36px;font-weight:700;color:var(--kk-ink);line-height:1;letter-spacing:-.035em}
.kkart .fig.pos b{color:var(--kk-win)}
.kkart .fig.neg b{color:var(--kk-loss)}
.kkart .fig i{font-style:normal;font-size:12px;color:var(--kk-muted);padding-bottom:3px}
.kkart .fig .rt{margin-left:auto;padding-bottom:2px}
/* Četiri ćelije, iste koje mobilna ladica crta kroz celije(): omjer · čeka,
   jedinice, ROI, parova prošlo. Do 19.08. su bila tri stata i drugi podaci. */
.kkart .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;
  padding:11px 0;border-top:1px solid var(--kk-rule);border-bottom:1px solid var(--kk-rule)}
.kkart .stats div b{display:block;font-size:16px;font-weight:700;color:var(--kk-ink);
  line-height:1.15;letter-spacing:-.02em}
.kkart .stats div span{font-size:11.5px;color:var(--kk-muted)}
.kkart .stats .pos b{color:var(--kk-win)}
.kkart .stats .neg b{color:var(--kk-loss)}
/* Pozornica od 19.08. nosi i mehaniku rubrike (ispod statova) i kapTekst
   (ispod čitača) — isto što ladica. Stupac je ~750 px pa tekst dobiva mjeru
   retka; .ld-meh inače ima donju marginu za ladicu, ovdje treba gornju. */
.kkart .stg .ld-meh{margin:10px 0 0;max-width:640px}
.kkart .stg .ld-cap{max-width:640px}
.kkart .gh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 6px}
.kkart .gh .ey{color:var(--kk-muted)}
.kkart .gh .cnt{font-size:11.5px;color:var(--kk-muted);margin-left:auto}
.kkart .samp{font-size:11.5px;color:var(--kk-muted);margin:9px 0 0;line-height:1.5}
.kkart .s2{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:13px;align-items:start}
.kkart .s2 .pr{margin-top:0}

/* Traka rubrika ispod pozornice. Redak nosi dvije radnje pa ima dva cilja:
   tijelo prebacuje ploču na rubriku, strelica desno otvara samu rubriku. Zato
   je omotač div, a ne gumb: <a> ne smije stajati unutar <button>. */
.kkart .rl{display:grid;gap:1px;background:var(--kk-rule);border:1px solid var(--kk-rule);
  border-radius:16px;overflow:hidden;margin-top:13px}
.kkart .rl-r{background:var(--kk-card);display:grid;grid-template-columns:minmax(0,1fr) 44px;
  align-items:stretch}
.kkart .rl-r .rl-main{background:transparent;border:0;font:inherit;text-align:left;cursor:pointer;
  padding:11px 8px 11px 15px;color:inherit;min-width:0;
  display:grid;grid-template-columns:minmax(0,1fr) auto auto 92px;gap:13px;align-items:center}
.kkart .rl-r:hover{background:#F7FAF9}
.kkart .rl-r.on{background:var(--kk-win-s)}
.kkart .rl-r.on:hover{background:#D7EDE4}
.kkart .rl-r .rl-main:focus-visible{outline:2px solid var(--kk-win-d);outline-offset:-3px}
.kkart .rl-go.kk-a{display:flex;align-items:center;justify-content:center;
  text-decoration:none!important;border-bottom:0!important;color:var(--kk-win-d)!important;
  font-size:15px;border-left:1px solid var(--kk-rule)}
.kkart .rl-go.kk-a:hover{background:var(--kk-win);color:#fff!important}
.kkart .rl-go.kk-a:focus-visible{outline:2px solid var(--kk-win-d);outline-offset:-2px}
.kkart .rl-r .t{min-width:0}
.kkart .rl-r .t b{display:block;font-size:14px;font-weight:700;color:var(--kk-ink);
  letter-spacing:-.01em;line-height:1.3}
.kkart .rl-r .t i{font-style:normal;display:block;font-size:11.5px;color:var(--kk-muted);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kkart .rl-r .v{font-size:15px;font-weight:700;color:var(--kk-ink);white-space:nowrap}
.kkart .rl-r .sg{width:92px;height:26px;display:block}
.kkart .rl-r.lan .v{color:var(--kk-win-d)}

/* ---------------------------------------------------------------------------
   POLICA + ZASLON TIPOVI PO UTAKMICI (25.08.2026.)
   Prije je svaki tip u detalju utakmice dobivao vlastitu punu tamnu plohu
   (.klrez-e), pa je vrh detalja bio 549 px do trake tabova, a cetvrti tip je
   znacio cetvrtu plohu. Sada semafor ostaje taman, a tipovi vise ispod njega
   na bijeloj polici: 243 px na sirini, 259 px na mobitelu. Svijetla podloga
   usput rjesava i citljivost oznaka Prosao/Promasaj.
   --------------------------------------------------------------------------- */
.klrez-e.is-score.has-pol{border-radius:16px 16px 0 0}
.klrez-pol{background:#fff;border:1px solid var(--kz-line);border-top:0;
  border-radius:0 0 16px 16px;overflow:hidden}
.klrez-pol a.klrez-pr{display:flex;align-items:center;gap:11px;padding:10px 14px;min-height:60px;
  text-decoration:none!important;color:var(--kz-ink)!important;border-top:1px solid var(--kz-line)}
.klrez-pol a.klrez-pr:first-child{border-top:0}
.klrez-pol a.klrez-pr:hover{background:var(--kz-soft)}
.klrez-pol a.klrez-pr:focus-visible{outline:2px solid var(--kz-g);outline-offset:-2px}
/* Avatar se ovdje dimenzionira iznova: mjere iz .klrez-e vrijede samo unutar
   tamne plohe, a polica vise nije u njoj. */
/* Dvije zamke, obje potvrdjene na produkciji 25.08.: tema nosi
   .space-page-content img{border-radius:5px!important} pa krug ovdje mora
   nositi !important, a display:grid na <img> u Chromeu proguta sliku i ostane
   samo podloga, pa centriranje ide iskljucivo na slovnu zamjenu. */
.klrez-pol .av{width:28px;height:28px;flex:0 0 auto;border-radius:50%!important}
.klrez-pol img.av{display:block;object-fit:cover}
.klrez-pol span.av{display:grid;place-items:center;background:#0E3B26;font-size:12px;
  font-weight:800;color:#fff}
.klrez-pol .txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.klrez-pol .gore{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--kz-mut)}
.klrez-pol .dolje{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:15px;
  font-weight:800;color:var(--kz-ink);line-height:1.25}
.klrez-pol .kv{font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:700;color:var(--kz-g)}
.klrez-pol .kv.is-hid{color:var(--kz-mut);font-weight:400}
.klrez-pol .lst{font-size:11px;color:var(--kz-mut)}
.klrez-pol .bdg{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;white-space:nowrap;
  background:var(--kz-mint);color:var(--kz-g)}
.klrez-pol .bdg.is-loss{background:#FBEAEA;color:var(--kz-loss)}
.klrez-pol .str{color:var(--kz-mut);font-size:18px;line-height:1;flex:0 0 auto}
@media (max-width:480px){
  .klrez-pol a.klrez-pr{gap:9px;padding:9px 11px;min-height:56px}
  .klrez-pol .bdg{font-size:8.5px;padding:2px 6px}
  .klrez-pol .dolje{font-size:14.5px}
}

/* Zaslon Tipovi: grupa je utakmica, redci su nasi tipovi na njoj. */
.klrez-tips .klrez-tg{margin:0 12px 10px;background:#fff;border:1px solid var(--kz-line);
  border-radius:14px;overflow:hidden}
.klrez-tips a.gh{display:flex;align-items:center;gap:10px;padding:10px 13px;background:#F7F9F8;
  text-decoration:none!important;color:var(--kz-ink)!important;border-bottom:1px solid var(--kz-line)}
.klrez-tips a.gh:hover{background:#EFF3F1}
.klrez-tips .klrez-tg.is-lv a.gh{background:linear-gradient(90deg,rgba(0,145,104,.09),#F7F9F8 60%)}
.klrez-tips a.gh .im{font-size:13px;font-weight:700;min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.klrez-tips a.gh .rez{margin-left:auto;font-family:'JetBrains Mono',monospace;
  font-feature-settings:'tnum' 1;font-size:14px;font-weight:800;white-space:nowrap}
.klrez-tips a.gh .min{font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--kz-mut);white-space:nowrap;
  display:flex;align-items:center;gap:5px;min-width:26px}
.klrez-tips .klrez-tg.is-lv a.gh .rez,.klrez-tips .klrez-tg.is-lv a.gh .min{color:var(--kz-g)}
.klrez-tips a.klrez-tr{display:flex;align-items:center;gap:9px;min-height:52px;padding:8px 13px;
  text-decoration:none!important;color:var(--kz-ink)!important;border-top:1px solid var(--kz-line)}
.klrez-tips a.klrez-tr:first-of-type{border-top:0}
.klrez-tips a.klrez-tr:hover{background:var(--kz-soft)}
.klrez-tips a.klrez-tr:focus-visible{outline:2px solid var(--kz-g);outline-offset:-2px}
.klrez-tips .klrez-tr .chip{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.1em;
  text-transform:uppercase;font-weight:700;color:var(--kz-gd);background:var(--kz-mint);
  padding:3px 7px;border-radius:5px;white-space:nowrap}
.klrez-tips .klrez-tr b{font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--kz-ink)}
.klrez-tips .klrez-tr .kv{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:var(--kz-g)}
.klrez-tips .klrez-tr .dsn{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto}
.klrez-tips .klrez-tr .st{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;color:var(--kz-mut);white-space:nowrap}
.klrez-tips .klrez-tr .av{width:22px;height:22px;flex:0 0 auto;border-radius:50%!important}
.klrez-tips .klrez-tr img.av{display:block;object-fit:cover}
.klrez-tips .klrez-tr span.av{display:grid;place-items:center;background:#0E3B26;font-size:10px;
  font-weight:800;color:#fff}
.klrez-tips .klrez-tr .str{color:var(--kz-mut);font-size:17px;line-height:1}
@media (max-width:480px){
  .klrez-tips .klrez-tg{margin:0 10px 9px}
  .klrez-tips .klrez-tr{gap:8px;padding:8px 11px}
  .klrez-tips .klrez-tr b{font-size:14.5px}
}

/* ---- LOKALNI SAT I BLJESAK (26.08.2026.) -----------------------------------
   Kopija bloka koji je dopisan na kraj posta 26. Zivi u repou da se zna sto na
   produkciji stoji i zasto.

   Minuta uzivo je iz golog tekstnog cvora postala <span class="klrez-min">, da
   je sat moze prepisivati bez ponovnog crtanja liste. Post 26 inace gura Inter
   i boju #444 na svaki span (v. memoriju post26-inter-gazi-mono), pa mono i
   naslijedjena boja moraju natrag uz !important. */
.klrez-min{font:inherit!important;color:inherit!important;font-feature-settings:'tnum' 1}

/* Bljesak na promjenu rezultata. Outline, ne pozadina i ne box-shadow: outline
   ne ulazi u raspored pa nista ne poskoci, radi i na bijelom retku liste i na
   plocici semafora koja vec nosi svoj gradijent i sjenu na hoveru. */
@keyframes klrezblj{0%,70%{outline-color:var(--kz-g)}100%{outline-color:rgba(0,145,104,0)}}
.klrez-sc.is-blj,.klrez-tile.is-blj{outline:2px solid rgba(0,145,104,0);outline-offset:3px;
  border-radius:6px;animation:klrezblj 7s ease-out 1}
@media (prefers-reduced-motion:reduce){
  .klrez-sc.is-blj,.klrez-tile.is-blj{animation:none;outline-color:transparent}
}




/* ---- RIJEC UMJESTO MINUTE NA PAUZI (26.08.2026.) ---------------------------
   Stupac termina u listi je 56 px, pa u listi i na plocici stoji kratka rijec
   ("pauza"), a u detalju puna ("poluvrijeme"). Puni razmak slova iz .stt bi
   punu rijec izbacio iz srednjeg stupca dvoboja, zato je ovdje manji. */
.klrez-min[data-fz]{letter-spacing:.02em}
.klrez-e .stt{white-space:nowrap}

/* 27.08.2026.: kratka rijec "pauza" zamijenjena je punom "Poluvrijeme" i u listi
   i na plocici semafora. Puna trazi 67 px na 11,5 px, a stupac termina je bio
   56 — zato je stupac siri (70 / 62 / 56 px), a sama rijec ide u manjem stupnju
   i s tjesnjim razmakom. Na mobitelu uz nju nema zive tockice: rijec vec kaze da
   lopta stoji, a stupac je ondje najuzi. Oznaku data-w postavlja zivo() i odrzava
   satTik(), pa siri stupac nikad ne ostane bez rijeci. */
/* font-size mora nositi !important: .klrez-min gore ima font:inherit!important
   zbog toga sto post 26 inace gura Inter na svaki span (v. post26-inter-gazi-mono),
   a taj shorthand bi bez ovoga pojeo stupanj rijeci. */
.klrez-m .klrez-min[data-w]{font-size:10px!important;letter-spacing:-.01em}
.klrez-m .klrez-when:has(.klrez-min[data-w]){gap:4px}
@media (max-width:979px){
  .klrez-m .klrez-when:has(.klrez-min[data-w]) .klrez-dot{display:none}
}
@media (max-width:400px){
  .klrez-m .klrez-min[data-w]{font-size:9px!important}
}

/* ---- LICE STRIJELCA (26.08.2026.) ------------------------------------------
   Gol je jedini dogadjaj koji nosi fotografiju: on je i jedini zbog kojeg se
   stranica otvara. Slika se gradi iz `pid`-a na istom CDN-u kao grbovi, dakle
   bez ijednog dodatnog poziva. Nema li je, ostaje sama loptica kao i dosad.

   border-radius trazi !important jer tema nosi
   `.space-page-content img{border-radius:5px!important}` (v. memoriju
   tema-zaokruzuje-slike-important), a display:block jer isti selektor zna
   progutati sliku pod display:grid. */
.klrez-ev .gl{position:relative;display:block;width:28px;height:28px}
.klrez-ev .gl .pf{width:28px;height:28px;border-radius:50%!important;display:block;
  object-fit:cover;background:#EEF2EF;box-shadow:0 0 0 1px rgba(17,17,17,.08)}
.klrez-ev .gl .bl{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;
  border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px #fff}
/* Bez fotografije se vraca stari prikaz: sama loptica, centrirana u celiji. */
.klrez-ev .gl.is-bez{width:28px;height:18px;display:grid;place-items:center}
.klrez-ev .gl.is-bez .bl{position:static;width:15px;height:15px;box-shadow:none;background:none}

/* ---- STATISTIKA PO POLUVREMENIMA (26.08.2026.) -----------------------------
   Traka birača stoji iznad zaglavlja s imenima. Tri stanja, zadano "Ukupno":
   to je ono sto se najcesce gleda, a poluvremena su dodatak, ne zamjena. */
.klrez-sth{display:flex;gap:4px;margin:0 0 13px;padding:3px;border-radius:999px;
  background:var(--kz-soft)}
.klrez-sth button{flex:1;min-width:0;padding:6px 4px;border:0;border-radius:999px;
  background:none;cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:9.5px;
  letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--kz-mut);
  line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.klrez-sth button:hover{color:var(--kz-ink)}
.klrez-sth button[aria-selected="true"]{background:#fff;color:var(--kz-g);
  box-shadow:0 1px 3px rgba(17,17,17,.10)}
.klrez-sth button:focus-visible{outline:2px solid var(--kz-g);outline-offset:-2px}

/* ═══════════════════════════════════════════════════════════════════════════
   05.09.2026. — brojke lanca izlazile su van kutije
   Korak 14 nosio je kapital 2375,13 €. `.tv4-cap b` je mono 22px s nowrap, a
   `.tv4-chain` je grid `auto minmax(0,1fr)`: krugovi uzmu svoje (14 x 52 px),
   kutijama ostane ostatak i broj se prelije preko susjedne kutije.
   Prioritet se obrće: kutija dobiva mjeru po sadržaju, krugovi se stisnu.
   ═══════════════════════════════════════════════════════════════════════════ */
.tv4 .tv4-cap{grid-template-columns:repeat(3,minmax(0,auto))}
.tv4 .tv4-cap b{font-size:19px}
@media(min-width:901px){
  .tv4 .tv4-chain{grid-template-columns:minmax(0,1fr) auto}
  /* wrap bi 14. krug bacio u drugi red i niz bi izgledao prekinut; bez wrapa
     se krugovi stisnu (flex-basis 44px, shrink 1) i red ostaje cijel. */
  .tv4 .tv4-steps{flex-wrap:nowrap}
  .tv4 .tv4-steps li{flex:0 1 44px;width:auto;height:auto;aspect-ratio:1;min-width:20px}
}
@media(max-width:900px){
  /* Uska traka: krugovi u svom redu, kutije pune širine i opet jednake. */
  .tv4 .tv4-chain{grid-template-columns:minmax(0,1fr);gap:14px}
  .tv4 .tv4-cap{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){.tv4 .tv4-cap b{font-size:clamp(14px,3.6vw,17px)}} 
/* ======================================================================
   /REZULTATI/ — TIPOGRAFIJA po nacrtu V4 (14.09.2026., zadnji blok)
   Mora stajati NA KRAJU posta 26: raniji blokovi istog projekta zavrsili su
   iznad starijih pravila terena i brojki pa su ih ta gazila pri istoj
   specificnosti. Nacrt je cijeli u Interu s tabularnim znamenkama; mono je
   brojke razvlacio i detalj se citao kao terminal umjesto kao semafor.
   ====================================================================== */
#klrez .klrez-side,#klrez-list,#klrez .klrez-sech{font-variant-numeric:tabular-nums;
  font-feature-settings:'tnum' 1}
#klrez .klrez-side .klrez-sh .mid .big{font-family:inherit;font-weight:800;font-size:46px;
  letter-spacing:-.04em}
#klrez .klrez-side .klrez-sh.is-up .mid .big{font-size:30px;font-weight:700}
#klrez .klrez-side .klrez-sh .tm .n2 b{font-size:22px;letter-spacing:-.028em}
#klrez .klrez-side .klrez-sh .mid .stt{font-size:11px;font-weight:600;letter-spacing:.07em}
#klrez .klrez-side .klrez-junak .br em{font-family:inherit;font-weight:800;font-size:31px;
  letter-spacing:-.05em}
#klrez .klrez-side .klrez-junak .br s{font-family:inherit;font-size:10px;font-weight:700;
  letter-spacing:.05em}
#klrez .klrez-side .klrez-junak .br u{font-family:inherit;font-size:10.5px}
#klrez .klrez-side .klrez-junak .im b{font-size:20px;letter-spacing:-.035em}
#klrez .klrez-side .klrez-junak .hd .k{font-size:11.5px;font-weight:700;letter-spacing:.05em}
#klrez .klrez-side .klrez-junak .hd .nas{font-family:inherit;font-size:10.5px;font-weight:700;
  letter-spacing:.05em}
#klrez .klrez-side .klrez-junak .ch{font-size:11px;font-weight:600}
#klrez .klrez-side .klrez-junak .ch em{font-family:inherit;font-weight:800}
#klrez .klrez-side .klrez-stat .lb b{font-family:inherit;font-weight:700;font-size:13.5px;
  letter-spacing:-.02em}
#klrez .klrez-side .klrez-stat .lb span{font-size:12px}
#klrez .klrez-side .klrez-pril .rb .vb{font-family:inherit;font-weight:800;font-size:21px;
  letter-spacing:-.05em}
#klrez .klrez-side .klrez-pril .rb .vb s{font-family:inherit;font-size:11.5px;font-weight:600;
  letter-spacing:0}
#klrez .klrez-side .klrez-pril .rb .sp{font-size:12.5px}
#klrez .klrez-side .klrez-pril .nas,#klrez .klrez-side .klrez-val .nas,
#klrez .klrez-side .klrez-nash .nas{font-family:inherit;font-size:10.5px;font-weight:700;
  letter-spacing:.05em}
#klrez .klrez-side .klrez-pril .mj{font-family:inherit;font-size:10px;font-weight:800;
  letter-spacing:.07em}
#klrez .klrez-side .klrez-pril .kth b,#klrez .klrez-side .klrez-pril .hd b{font-size:15px;
  font-weight:700;letter-spacing:-.01em}
#klrez .klrez-side .klrez-pp .rt{font-family:inherit;font-weight:800;font-size:10px;
  letter-spacing:-.02em}
#klrez .klrez-side .klrez-pp .nm{font-weight:700}
#klrez .klrez-side .klrez-pteam,#klrez .klrez-side .klrez-pitch .klrez-pteam{font-family:inherit;
  font-size:10px;font-weight:700;letter-spacing:.05em}
#klrez .klrez-side .klrez-pitch .klrez-pteam b{font-family:inherit;font-weight:700;
  font-size:9.5px;letter-spacing:.06em}
#klrez .klrez-side .klrez-ev .mn{font-family:inherit;font-weight:800;font-size:13px;
  letter-spacing:-.02em}
#klrez .klrez-side .klrez-ev .tx b{font-size:14px;font-weight:700;letter-spacing:-.01em}
#klrez .klrez-side .klrez-ev .rt{font-family:inherit;font-weight:800;font-size:11.5px}
#klrez .klrez-side .klrez-val .ax{font-family:inherit;font-size:10.5px;font-weight:600}
#klrez .klrez-side .klrez-val .hd b{font-size:13.5px;font-weight:700}
#klrez .klrez-side .klrez-dkr .dkh .k,#klrez .klrez-side .klrez-dsec,
#klrez .klrez-side .klrez-dsez .k{font-family:inherit;font-size:10px;font-weight:800;
  letter-spacing:.06em}
#klrez .klrez-side .klrez-dkr .osx{font-family:inherit;font-size:10.5px;font-weight:600}
#klrez .klrez-side .klrez-docj .ob .k{font-family:inherit;font-size:9.5px;font-weight:800;
  letter-spacing:.06em}
#klrez .klrez-side .klrez-docj .ob .v{font-family:inherit;font-size:22px;font-weight:800;
  letter-spacing:-.05em}
#klrez .klrez-side .klrez-dsez .v b{font-family:inherit;font-size:16px;font-weight:800;
  letter-spacing:-.03em}
#klrez .klrez-side .klrez-dsez .pr{font-family:inherit;font-size:11px;font-weight:700}
#klrez .klrez-side .klrez-dzas .dch em{font-family:inherit;font-weight:800}
#klrez .klrez-side .klrez-dgr .dst .v{font-family:inherit;font-size:12px}
#klrez .klrez-side .klrez-dgr .dst .v b{font-family:inherit;font-size:13px;font-weight:800;
  letter-spacing:-.02em}
#klrez .klrez-side .klrez-dizv code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
#klrez .klrez-side .klrez-pr .kv{font-family:inherit;font-weight:700}
#klrez .klrez-side .klrez-hdr .lg{font-size:11.5px;font-weight:700;letter-spacing:.045em}
#klrez .klrez-side .klrez-ocsw button{font-size:11.5px;font-weight:700}
#klrez .klrez-side .klrez-sth button{font-size:11px;font-weight:700}
#klrez .klrez-sech b{font-size:12px;font-weight:800;letter-spacing:.07em}
#klrez .klrez-sech .bro{font-family:inherit;font-weight:700;font-size:11px}
#klrez .klrez-mpr .v b,#klrez .klrez-mpr .v s{font-family:inherit;font-weight:800;
  font-size:12.5px;letter-spacing:-.03em}
#klrez .klrez-mpr .v i{font-family:inherit;font-size:9px;font-weight:700;letter-spacing:.08em}
#klrez-list .klrez-gh .lg{font-size:11.5px;font-weight:700;letter-spacing:.05em}
@media (max-width:760px){
  #klrez .klrez-side .klrez-sh .mid .big{font-size:32px}
  #klrez .klrez-side .klrez-sh .tm .n2 b{font-size:16px}
  #klrez .klrez-side .klrez-junak .br em{font-size:27px}
  #klrez .klrez-side .klrez-junak .im b{font-size:18px}
  #klrez .klrez-side .klrez-pril .rb .vb{font-size:19px}
}

/* ======================================================================
   /REZULTATI/ V5 — popravci s pregleda 15.09.2026.
   Svijetle sklopke umjesto crnih ploha, živi znak uz Sastave, val s
   oblačićem i vezom na tijek, klupa kao uredan izbornik, trake u dosjeu.
   ====================================================================== */
/* --- svijetle sklopke: crna ploha je bila najtamnija stvar na ekranu --- */
#klrez .klrez-side .klrez-ocsw,#klrez .klrez-side .klrez-sth,#klrez .klrez-dtabs{
  background:var(--v4-cool,#F5F8F4);border:1px solid var(--kz-line);border-radius:10px;padding:3px}
#klrez .klrez-side .klrez-ocsw button,#klrez .klrez-side .klrez-sth button{
  border-radius:8px;color:var(--kz-mut);background:none;transition:background .18s,color .18s,box-shadow .18s}
#klrez .klrez-side .klrez-ocsw button[aria-selected="true"],
#klrez .klrez-side .klrez-sth button[aria-selected="true"]{
  background:#fff;color:var(--kz-ink);box-shadow:0 1px 3px rgba(11,16,13,.12),0 0 0 1px rgba(11,16,13,.04)}
#klrez .klrez-dtabs{display:flex;gap:3px;margin:0;border-bottom:1px solid var(--kz-line);
  border-radius:0;background:none;border-left:0;border-right:0;border-top:0;padding:10px 16px}
#klrez .klrez-dtabs button{border:0;background:none;border-radius:8px;padding:8px 13px;
  font-size:12.5px;font-weight:700;color:var(--kz-mut);cursor:pointer;transition:background .18s,color .18s}
#klrez .klrez-dtabs button[aria-selected="true"]{background:var(--kz-mint);color:#0A6E51}
#klrez .klrez-dtabs button:hover{color:var(--kz-ink)}
/* --- val: podnaslov, udjeli, oblačić --- */
#klrez .klrez-side .klrez-val .hd .mj{font-size:11.5px;color:var(--kz-mut)}
#klrez .klrez-side .klrez-val .vleg{display:flex;justify-content:space-between;align-items:center;
  margin:8px 0 0;font-size:12px;color:var(--kz-mut)}
#klrez .klrez-side .klrez-val .vleg span{display:inline-flex;align-items:center;gap:7px}
#klrez .klrez-side .klrez-val .vleg i{width:9px;height:9px;border-radius:3px;display:block}
#klrez .klrez-side .klrez-val .vleg .a i{background:var(--kz-g)}
#klrez .klrez-side .klrez-val .vleg .b i{background:#5a6c7d}
#klrez .klrez-side .klrez-val .vleg b{font-weight:800;color:var(--kz-ink);font-size:14px;
  letter-spacing:-.02em}
#klrez .klrez-side .klrez-val .cw{position:relative}
#klrez .klrez-side .klrez-val .cv{cursor:crosshair}
#klrez .klrez-side .klrez-val .vtip{position:absolute;top:6px;transform:translateX(-50%);
  background:#fff;border:1px solid var(--kz-line);border-radius:9px;padding:6px 10px;
  box-shadow:0 8px 22px rgba(11,16,13,.13);font-size:11.5px;color:var(--kz-mut);
  white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s;z-index:4;
  display:flex;align-items:baseline;gap:7px}
#klrez .klrez-side .klrez-val .vtip.is-on{opacity:1}
#klrez .klrez-side .klrez-val .vtip b{color:var(--kz-ink);font-weight:800}
#klrez .klrez-side .klrez-val .vtip em{font-style:normal;color:var(--kz-g);font-weight:700}
/* --- živi znak uz Sastave --- */
#klrez .klrez-side .klrez-liv{margin-left:auto;display:inline-flex;align-items:center;gap:6px;
  font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--kz-g);
  background:var(--kz-mint);padding:4px 9px;border-radius:999px;white-space:nowrap}
#klrez .klrez-side .klrez-liv i{width:6px;height:6px;border-radius:50%;background:var(--kz-g);
  display:block;animation:klrezkuc 1.8s ease-in-out infinite}
@keyframes klrezkuc{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}
/* --- legenda terena: kraće i jasnije --- */
#klrez .klrez-side .klrez-tlg{gap:16px}
#klrez .klrez-side .klrez-tlg b{color:var(--kz-ink);font-weight:700}
/* --- klupa: uredan izbornik s grbom --- */
#klrez .klrez-side .klrez-lut.is-bench{border:1px solid var(--kz-line);border-radius:12px;
  background:#fff;overflow:hidden;margin-bottom:9px}
#klrez .klrez-side .klrez-lut.is-bench summary{display:flex;align-items:center;gap:10px;
  padding:12px 14px;cursor:pointer;list-style:none;background:#fff;border:0;
  transition:background .18s}
#klrez .klrez-side .klrez-lut.is-bench summary::-webkit-details-marker{display:none}
#klrez .klrez-side .klrez-lut.is-bench summary:hover{background:var(--v4-cool,#F5F8F4)}
#klrez .klrez-side .klrez-lut.is-bench summary img.gr{width:20px;height:20px;object-fit:contain;
  border-radius:0!important;flex:0 0 20px}
#klrez .klrez-side .klrez-lut.is-bench summary .t{font-size:13px;font-weight:700;color:var(--kz-ink);
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#klrez .klrez-side .klrez-lut.is-bench summary .n{margin-left:auto;font-size:11px;font-weight:700;
  color:var(--kz-mut);background:var(--kz-line);padding:3px 9px;border-radius:999px;white-space:nowrap}
#klrez .klrez-side .klrez-lut.is-bench summary .ch{flex:0 0 auto;width:9px;height:9px;
  border-right:2px solid #A2AAA2;border-bottom:2px solid #A2AAA2;transform:rotate(45deg);
  margin:-3px 2px 0 2px;transition:transform .2s}
#klrez .klrez-side .klrez-lut.is-bench[open] summary .ch{transform:rotate(-135deg);margin-top:3px}
#klrez .klrez-side .klrez-lut.is-bench .klupa{display:grid;grid-template-columns:1fr 1fr;
  gap:0 14px;padding:4px 14px 12px;border-top:1px solid var(--kz-line)}
#klrez .klrez-side .klrez-lut.is-bench .klupa .p{display:flex;align-items:center;gap:9px;
  padding:8px 0;border:0;cursor:pointer;border-radius:8px}
#klrez .klrez-side .klrez-lut.is-bench .klupa .p:hover{background:var(--v4-cool,#F5F8F4)}
#klrez .klrez-side .klrez-lut.is-bench .klupa .fc{width:28px;height:28px;border-radius:50%!important;
  flex:0 0 28px;object-fit:cover;background:#EEF2EE}
#klrez .klrez-side .klrez-lut.is-bench .klupa .nm{font-size:12.5px;font-weight:600;color:var(--kz-ink);
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#klrez .klrez-side .klrez-lut.is-bench .klupa .br{margin-left:auto;font-size:11px;font-weight:700;
  color:#A2AAA2}
#klrez .klrez-side .klrez-lut.is-bench .c{margin:0;padding:0 14px 12px;font-size:11.5px;
  color:var(--kz-mut)}
/* --- grb uz naziv momčadi u ljestvici --- */
#klrez .klrez-side .klrez-lut .t img.gr{width:20px;height:20px;object-fit:contain;
  border-radius:0!important;vertical-align:-4px;margin-right:8px}
/* --- trake u dosjeu --- */
#klrez .klrez-side .klrez-dgr .dst{display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:3px 8px;align-items:baseline;padding:8px 0}
#klrez .klrez-side .klrez-dgr .dst .b{grid-column:1/-1;height:4px;border-radius:2px;
  background:#EDF0EC;overflow:hidden;display:block;margin-top:2px}
#klrez .klrez-side .klrez-dgr .dst .b i{display:block;height:100%;border-radius:2px;
  background:var(--kz-g);transition:width .5s cubic-bezier(.3,1,.4,1)}
/* --- istaknuti događaj kad miš stoji na krivulji --- */
#klrez .klrez-side .klrez-ev.is-on{background:var(--kz-mint)}
/* --- dosje na mobitelu: svijetla ploha, ne tamni prozor --- */
#klrez .klrez-pmod{background:rgba(11,16,13,.34);backdrop-filter:blur(2px);padding:14px}
#klrez .klrez-pmod .klrez-pmbox.is-ugr{max-width:440px;width:100%;max-height:88vh;overflow:auto;
  background:#fff;border:1px solid var(--kz-line);border-radius:16px;
  box-shadow:0 24px 60px rgba(11,16,13,.28)}
#klrez .klrez-pmod .klrez-pmbox.is-ugr .klrez-pmhd{border-radius:16px 16px 0 0}
@media (max-width:760px){
  #klrez .klrez-side .klrez-lut.is-bench .klupa{grid-template-columns:1fr}
  #klrez .klrez-side .klrez-val .vleg{font-size:11.5px}
  #klrez .klrez-side .klrez-val .vtip{font-size:11px;padding:5px 9px}
  #klrez .klrez-side .klrez-tlg{gap:11px}
  #klrez .klrez-side .klrez-tlg span{font-size:10.5px}
  #klrez .klrez-dtabs{padding:9px 13px}
  #klrez .klrez-dtabs button{padding:7px 11px;font-size:12px}
  #klrez .klrez-side .klrez-liv{font-size:9.5px;padding:3px 8px}
}
/* Stari izbornik klupe crtao je svoju strelicu kroz ::after, pa su se nakon
   redizajna vidjele DVIJE. Gasi se, i gasi se sivo zaglavlje koje je zbog
   dubljeg selektora (.klrez-lu ...) tuklo bijelu plohu novog izbornika. */
#klrez .klrez-side .klrez-lut.is-bench summary::after{content:none}
#klrez .klrez-side .klrez-lu .klrez-lut.is-bench summary{background:#fff;border:0;
  border-radius:0;color:var(--kz-ink)}
#klrez .klrez-side .klrez-lu .klrez-lut.is-bench summary:hover{background:var(--v4-cool,#F5F8F4)}
#klrez .klrez-side .klrez-lut.is-bench{padding:0}
#klrez .klrez-side .klrez-lut.is-bench .klupa .p.is-sub:first-of-type{border-top:0}
/* ======================================================================
   DOSJE U SKOCNOM PROZORU (mobitel)
   Prozor visi na korijenu, IZVAN .klrez-side, pa ga sva pravila dosjea
   pisana za stupac promase: krivulja je ostajala bez okvira, a naslov i os
   bez stila (spojeni u jedan niz). Ovdje ista pravila dobivaju i njegov
   prefiks. Tokeni se ponavljaju jer su deklarirani na .klrez-side.
   ====================================================================== */
#klrez .klrez-pmod{--v4-ink:#0B100D;--v4-mut:#69726C;--v4-hair:#DDE2DC;--v4-cool:#F5F8F4;
  --v4-em:#009168;--v4-gra:#37485A;--v4-red:#C53030;
  font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
#klrez .klrez-pmod .klrez-dkr{border:1px solid var(--v4-hair);border-radius:12px;
  padding:11px 13px 9px;margin:0 0 14px;background:#fff}
#klrez .klrez-pmod .klrez-dkr .dkh{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
#klrez .klrez-pmod .klrez-dkr .dkh .k{font-size:10px;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:var(--v4-mut)}
#klrez .klrez-pmod .klrez-dkr .dkh .z{margin-left:auto;font-size:11px;color:var(--v4-mut)}
#klrez .klrez-pmod .klrez-dkr svg{display:block;width:100%;height:76px;margin-top:7px;
  overflow:visible}
#klrez .klrez-pmod .klrez-dkr .osx{display:flex;justify-content:space-between;font-size:10.5px;
  font-weight:600;color:#98a29b;margin-top:4px}
#klrez .klrez-pmod .klrez-dgr .dst{display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:3px 8px;align-items:baseline;padding:8px 0}
#klrez .klrez-pmod .klrez-dgr .dst .b{grid-column:1/-1;height:4px;border-radius:2px;
  background:#EDF0EC;overflow:hidden;display:block;margin-top:2px}
#klrez .klrez-pmod .klrez-dgr .dst .b i{display:block;height:100%;border-radius:2px;
  background:var(--v4-em)}
#klrez .klrez-pmod .klrez-dgr .dst .v{font-size:12px}
#klrez .klrez-pmod .klrez-dgr .dst .v b{font-size:13px;font-weight:800;letter-spacing:-.02em}
#klrez .klrez-pmod .klrez-docj .ob .k{font-size:9.5px;font-weight:800;letter-spacing:.06em}
#klrez .klrez-pmod .klrez-docj .ob .v{font-family:inherit;font-size:22px;font-weight:800;
  letter-spacing:-.05em}
#klrez .klrez-pmod .klrez-dsez .v b{font-family:inherit;font-size:16px;font-weight:800;
  letter-spacing:-.03em}
#klrez .klrez-pmod .klrez-dsec,#klrez .klrez-pmod .klrez-dsez .k{font-family:inherit;
  font-size:10px;font-weight:800;letter-spacing:.06em}
#klrez .klrez-pmod .klrez-dzas .dch em{font-family:inherit;font-weight:800}
#klrez .klrez-pmod .klrez-pmbox.is-ugr .klrez-pmhd .fc{width:56px;height:56px;
  border-radius:50%!important;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--v4-em);border:0}
#klrez .klrez-pmod .klrez-pmbox.is-ugr .klrez-pmhd h4{color:var(--v4-ink)!important}
#klrez .klrez-pmod .klrez-pmbox.is-ugr .klrez-pmhd p{color:var(--v4-mut)!important}
#klrez .klrez-pmod .klrez-pmbox.is-ugr .klrez-pmx{background:var(--kz-line);color:var(--v4-mut)}