/* === 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&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: 'Inter',system-ui,-apple-system,sans-serif;
  --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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;
  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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;
  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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;
  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:'Inter',system-ui,-apple-system,sans-serif;font-feature-settings:'tnum' 1}
.klv1-lrow b{flex:0 0 auto;color:var(--k1-ink);font-weight:700;font-size:13px;
  font-family:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;font-size:17px;
    font-weight:700;color:#111;line-height:1.1;font-feature-settings:'tnum' 1}
  .klteam-bal i{display:block;font-family:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8a8a8a;margin:0 0 7px}
.kl-qf-v{font-family:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;font-size:15px;color:#ccc;text-decoration:line-through}
.kl-lc-amount-n{font-family:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif!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:'Inter',system-ui,-apple-system,sans-serif!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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif!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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;font-size:8px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.35)}
.kl-tip-pair-tip{font-family:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;font-weight:700;color:#111}
.kl-tip-h2h .d{font-family:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif}
.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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif}
.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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;font-size:14px;color:#888}
.calc-input{width:64px;border:none;background:none;font-family:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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}}

/* ===== 18.08. klsr — "Slične kladionice" blok na dnu recenzija (vraćeno 6.10., ispalo iz posta 26 oko 24.8.) ===== */
.klsr{margin:36px 0 10px;padding:20px 22px;border:1px solid #EAEAEA;border-radius:14px;background:#fff}
.klsr .klsr-k{font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;color:#888888;margin:0 0 12px}
.klsr .klsr-g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.klsr .klsr-c{display:block;padding:12px 14px;border:1px solid #EAEAEA !important;border-radius:10px;text-decoration:none !important;background:#fff;transition:border-color .15s ease,transform .15s ease}
.klsr .klsr-c:hover{border-color:#009168 !important;transform:translateY(-1px)}
.klsr .klsr-c b{display:block;color:#111111;font-size:15px;line-height:1.3}
.klsr .klsr-c span{display:block;color:#888888;font-size:12.5px;margin-top:3px;font-feature-settings:'tnum' 1}
@media(max-width:700px){.klsr .klsr-g{grid-template-columns:1fr 1fr}}

/* ============ 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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif!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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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}
body .space-box 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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif}
.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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif}
.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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif!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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif}
.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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif}
.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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif!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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;font-size:10.5px;color:#9fb0aa;opacity:.85;white-space:nowrap;min-width:36px;text-align:right}
.klvij-hint{font-family:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;font-feature-settings:'tnum' 1;font-weight:700;color:#fff;white-space:nowrap}
.klvij-row b.q{color:#00D982}
.klvij-tag{font-family:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;letter-spacing:.06em;text-transform:uppercase;font-size:10px}
.klvij-tk-row b{font-family:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;color:#009168;flex:0 0 auto}
.klvij-qlink:hover{color:#009168!important}
.klvij-h2{font-family:'Inter',system-ui,-apple-system,sans-serif!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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;
  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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;font-size:10.5px;color:#7c8985;flex:0 0 auto;white-space:nowrap}
.klvijt-val{font-family:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif!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.
   ============================================================================ */







@keyframes klrezpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}





















/* Logo lige umjesto zastave kod medjunarodnih natjecanja: contain na bijelom,
   jer su logotipi prozirni i uspravni, a zastave su polozene i idu cover. */

/* Globus kad ni zastave ni lige nema, npr. red "Medjunarodno" u popisu zemalja. */





















/* 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. */




/* redak: timovi jedan ispod drugog, rezultat kao stupac, pobjednik podebljan */


















/* 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. */































/* CTA standard sajta (LOCKED 23.07.): puni pill, #009168, bijeli bold tekst,
   hover #00B582 + lift. Prije se rastezao preko cijele sirine panela. */



/* na mobitelu je gumb zauzimao previse visine kartice */


























/* 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). */





/* Karton se crta kao karton, ne kao slovo u blijedoj kutiji. */




/* drugi zuti: zuti sprijeda, crveni proviruje iza */














/* 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. */








/* ---- val pritiska (14.09.2026.) ---- */










/* ---- dosje igraca u skocnom prozoru (14.09.2026.) ---- */

































/* --- 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. */















/* --- nase brojke u statistici ------------------------------------------- */




/* --- dosje u lijevom stupcu -------------------------------------------- */












/* ======================================================================
   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.
   ====================================================================== */

@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 ---------- */







/* ---------- semafor ---------- */







/* ocjena kroz utakmicu u dosjeu */






/* ======================================================================
   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.
   ====================================================================== */




























/* popis dana: iste tabularne brojke i Inter umjesto monoa */













/* ---------- nas tip ---------- */






/* ---------- blokovi ---------- */




/* ---------- igrac utakmice ---------- */










/* ---------- sklopka nasa / izvor ---------- */



/* ---------- teren: svijetla trava iz nacrta ---------- */

/* natpisi momcadi unutar terena */




/* grb kluba kao znacka na fotografiji */





/* legenda i napomena ispod terena */







/* sklopka nasa/izvor u zaglavlju Sastava */




























/* ---------- prilike: znak, recenica, retci ---------- */
























/* ---------- statistika ---------- */


















/* ---------- tijek utakmice ---------- */



















/* grb kluba na fotografiji junaka */







/* ---------- val pritiska ---------- */









/* ---------- dosje ---------- */



/* ======================================================================
   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.
   ====================================================================== */




















/* uzi birac poluvremena na mobitelu: "2. POLUVRIJEME" se rezalo */



/* --- nasa brojka u retku popisa (dizajn V4, 14.9.2026.) ----------------- */
















/* ---- igrac utakmice: nasa ocjena (14.09.2026.) ---- */



























/* ---- prilike: nasa brojka iz udaraca (14.09.2026.) ---- */





























































/* ============================================================================
   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.
   ============================================================================ */

















@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 MOBILNA DORADA - 26.07. Dolazi na kraj pa nadglasava sve iznad.
   ============================================================================ */


/* uski telefoni: zvjezdica i vrijeme se stisnu */


/* ============================================================================
   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. */


/* ---------------------------------------------------------------------------
   Struktura kao rezultati.com: skupljene lige, naslov ZEMLJA: Liga
   --------------------------------------------------------------------------- */







/* u railu ime lige + zemlja ispod, jer "Cup" i "Primera División" postoje
   u vise zemalja pa sama zastava nije dovoljna */




/* ============================================================================
   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.
   ============================================================================ */


/* lige kao kartice s mint zaglavljem */













/* prekidac "Samo uzivo" umjesto tabova */










/* 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. */
















/* ---------------------------------------------------------------------------
   TABOVI U DETALJU: Detalji / Statistika / Sastavi / Ocjene / Tablica
   --------------------------------------------------------------------------- */








/* ocjene igraca */







/* tablica lige */










/* zaglavlje lige s logotipom iznad tablice */







/* ---------------------------------------------------------------------------
   POSTAVA NA TERENU. Pozicije dolaze iz API polja "grid" (red:stupac).
   Domacin donja polovica s vratarem na dnu, gost gornja, zrcalno.
   --------------------------------------------------------------------------- */

/* Tema ima vlastita pravila za tekst pa boju treba nametnuti, inace naziv
   ekipe ostaje taman na tamnozelenoj traci. */




/* visinu postavlja JS iz broja redova, ne fiksni omjer.
   Tamnija trava jer imena igraca na svijetlozelenoj nemaju dovoljno kontrasta. */

/* grb ekipe kao vodeni zig, jedan po polovici */



/* zatamnjenje po rubu gura pogled prema sredini */

/* 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. */







/* Raspored kao kod Sofascorea: fotografija, ocjena PREKO donjeg ruba slike,
   ime ispod. Prije je ocjena bila apsolutna i padala preko imena. */




/* ocjena sjedi u donjem desnom kutu fotografije, kao kod Sofascorea */
/* ocjena preklapa donji rub fotografije, ime ide ispod nje */




/* ---- oznake na terenu: karton, zamjena ---- */
/* karton, gornji desni kut */



/* strelica zamjene, donji lijevi kut */





/* strelica u profilu igraca */





/* loptica strijelca, gornji lijevi kut fotografije */









/* ---- 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. */


/* 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. */






@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). */



/* 30.07.: lupa je zauzela gornji desni kut na mobitelu, pa se krug pomaknuo
   lijevo od nje (inace se spinner vrti TOCNO preko gumba) */

/* 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. */


/* 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. */





/* Skeleton u tamnom prozoru igraca. Bijele trake na tamnozelenom su izgledale
   kao da se nesto slomilo, a ne kao cekanje. */


/* ---- dodaci 26.07.: forma, izostanci, sezona, top strijelci ---- */




/* 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. */




































/* sekcija Sezona unutar prozora igraca */


/* ---- skocni prozor igraca ---- */







/* tema ima vlastita pravila za naslove pa boju treba nametnuti */














/* ---------------------------------------------------------------------------
   SASTAVI - dva stupca na sirem, jedan na mobitelu
   --------------------------------------------------------------------------- */

















/* povecalo u polju za pretragu, i u railu i u mobilnoj ladici */




/* traka dana: 7 dana + strelice, klizi vodoravno kad ne stane */





/* datum uz naziv dana */




/* padajuci izbornik datuma, otvara se klikom na sredinu */











/* donja navigacija FIKSIRANA: vidi se dok skrolas, ne tek na dnu bloka */


/* naslov bez kickera */



/* liga koja danas ne igra: vidljiva, ali ocito neaktivna */



/* ---------------------------------------------------------------------------
   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. */















/* ---------------------------------------------------------------------------
   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.
   --------------------------------------------------------------------------- */













/* oznaka ishoda ostaje, ali prigusena - traka vec nosi glavninu signala */






/* stara tamna varijanta ostaje definirana za slucaj povratka, ali se ne koristi */

















/* tema ima vlastita pravila za naslove pa boja mora biti nametnuta */






/* ════ 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.) */

/* 15.09.2026.: kicker na /rezultati/ bio je jedini na sajtu u JetBrains Mono,
   9.5px, VELIKIM SLOVIMA i s razmakom .16em - dok je svugdje drugdje Inter 13px
   sentence case. Vracen na .klhero mjeru, doslovno iste vrijednosti.
   Uz njega i line-height h1, koji je nasljedivao 1.2 umjesto klhero 1.08. */



.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 */



/* zaglavlje: naslov + ziva podnaslovna linija, normalan Inter */







/* ---------------------------------------------------------------------------
   SEMAFOR - vodoravna traka istaknutih utakmica
   --------------------------------------------------------------------------- */



























/* dani: aktivni dan je MINT pilula (QA runda 2, odabir operatora: D4) - crna
   pilula maknuta; na mobitelu ostaje koracnik sa strelicama */


/* tabovi u detalju kao pilule, aktivna crna */




/* ---------------------------------------------------------------------------
   LISTA - mint kartice postaju cisti bijeli odjeljci s crnom podvlakom lige
   --------------------------------------------------------------------------- */













/* ---------------------------------------------------------------------------
   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.
   --------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------
   MOBITEL: 5 stavki s brojacima u navigaciji, cisti koracnik datuma,
   semafor kao swipe traka samo na pocetnom ekranu
   --------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------
   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).
   --------------------------------------------------------------------------- */









/* prekidac Samo uzivo nasljeduje mono uppercase iz .klrez-tabs button - gasi se */




/* 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 */


/* ---------------------------------------------------------------------------
   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.
   --------------------------------------------------------------------------- */













/* na plocici i chipu pise sam tip; kvacica/krizic tek kad je rijesen */



/* 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. */









/* rezultati pretrage unutar prozora i ladice */




/* ---------------------------------------------------------------------------
   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 */




















/* desni panel postoji samo dok je utakmica odabrana (sirinu vodi applyLayout) */

/* mobitel: statistika ispod naslova preko cijele sirine, kontrole sele
   ispod glavnog prozora s rezultatima */



/* ============================================================
   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} */














/* naslov kola / sekcije unutar kartice pogleda */



/* datum u stupcu termina: datum iznad, status ispod */




/* nulta tablica prije prvog kola */



/* forma kluba: zadnjih 5, najnovija desno */








/* Moji klubovi u railu i ladici */






/* ---------------------------------------------------------------------------
   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.
   --------------------------------------------------------------------------- */






/* lupa u heroju: samo mobitel, jer desktop ima rail i stavku Trazi u docku */



/* ---------------------------------------------------------------------------
   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.
   --------------------------------------------------------------------------- */











/* 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). */







/* klupa kao sklopiva kartica: dvije linije umjesto dva puna popisa */











/* ---------------------------------------------------------------------------
   Ž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.
   --------------------------------------------------------------------------- */















/* uzi stupac (mobitel i suzeni panel): jos jedan stepenik nize */


/* 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. */






/* ===== 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:'Inter',system-ui,-apple-system,sans-serif;
  --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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif!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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;
  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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;
  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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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;}


/* ── 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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif!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:'Inter',system-ui,-apple-system,sans-serif!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:'Inter',system-ui,-apple-system,sans-serif!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:'Inter',system-ui,-apple-system,sans-serif!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-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:'Inter',system-ui,-apple-system,sans-serif!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:'Inter',system-ui,-apple-system,sans-serif!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:'Inter',system-ui,-apple-system,sans-serif!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:'Inter',system-ui,-apple-system,sans-serif!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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;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:'Inter',system-ui,-apple-system,sans-serif;
  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:'Inter',system-ui,-apple-system,sans-serif;
  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:'Inter',system-ui,-apple-system,sans-serif; 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:'Inter',system-ui,-apple-system,sans-serif;
  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:'Inter',system-ui,-apple-system,sans-serif;
  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:'Inter',system-ui,-apple-system,sans-serif!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:'Inter',system-ui,-apple-system,sans-serif;
  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:'Inter',system-ui,-apple-system,sans-serif;
  --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)}
/* ══ G3 · Tip dana, Tiket tjedna, Lanac (25.09.2026.) ══════════════════
   Verzija 3 „Račun" iz kldash-redizajn/mjerenje/ (izbor operatora 25.9.).
   Markup i motor u prod/g3.js. Sve je pod .kkart .kg3 s vlastitim tokenima,
   jer dio imena (.chip, .det, .dl, .stage) postoji i drugdje u postu 26.
   Bez mono pisma i bez velikih slova: Inter, rečenični oblik. */
.kkart .kg3{
  --g3-surface:#FFFFFF;--g3-sunk:#F4F7F6;--g3-ink:#111111;--g3-text:#444444;--g3-muted:#6F7B77;
  --g3-line:#E6EAE8;--g3-grid:#EEF1F0;--g3-brand:#009168;--g3-brand-d:#006B4E;--g3-brand-l:#00B582;
  --g3-soft:#E0F2EC;--g3-on:#FFFFFF;--g3-loss:#C53030;--g3-loss-soft:#FBEAEA;--g3-wait:#9AA5A1;
  --g3-dead:#C7D0CD;--g3-gold:#C9961F;--g3-gold-soft:#FBF1DA;
  display:grid;gap:14px;color:var(--g3-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;min-width:0}
.kkart .kg3 *{font-family:inherit}
.kkart .kg3 b{color:var(--g3-ink);font-weight:700}
.kkart .s2.kg3{margin-top:14px;gap:20px}
.kkart .kg3 .g3-lft,.kkart .kg3 .g3-rt{display:grid;gap:14px;align-content:start;min-width:0}
.kkart .kg3 .pos{color:var(--g3-brand)}
.kkart .kg3 .neg{color:var(--g3-loss)}
.kkart .kg3 .g3-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kkart .kg3 .g3-top .ds{font-size:13px;color:var(--g3-muted)}
.kkart .kg3 .rp{margin-left:auto;font:inherit;font-size:13px;font-weight:600;color:var(--g3-brand-d);background:transparent;
  border:1.5px solid var(--g3-line);border-radius:999px;padding:4px 12px;cursor:pointer;transition:border-color .2s,background .2s;line-height:1.4}
.kkart .kg3 .rp:hover{border-color:var(--g3-brand);background:var(--g3-soft)}
.kkart .kg3 .rp:focus-visible{outline:2px solid var(--g3-brand);outline-offset:2px}
.kkart .kg3 .g3-head{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:flex-end}
.kkart .kg3 .g3-head>div:first-child{flex:0 1 auto;min-width:0}
.kkart .kg3 .g3-head .kpis{flex:1 1 300px}
.kkart .kg3 .big{font-size:40px;font-weight:700;line-height:1;color:var(--g3-ink);white-space:nowrap;letter-spacing:-.01em}
.kkart .kg3 .big-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:var(--g3-muted);min-height:24px}
.kkart .kg3 .chip{display:inline-block;font-size:13px;font-weight:600;padding:2px 10px;border-radius:999px;white-space:nowrap;line-height:1.5}
.kkart .kg3 .chip.pos{background:var(--g3-soft);color:var(--g3-brand-d)}
.kkart .kg3 .chip.neg{background:var(--g3-loss-soft);color:var(--g3-loss)}
.kkart .kg3 .chip.gold,.kkart .kg3 .chip.p{background:var(--g3-gold-soft);color:var(--g3-gold)}
.kkart .kg3 .kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kkart .kg3 .kpi{border-left:2px solid var(--g3-line);padding-left:12px;min-width:0}
.kkart .kg3 .kpi b{display:block;font-size:17px;line-height:1.3;white-space:nowrap}
.kkart .kg3 .kpi b.pos{color:var(--g3-brand)}
.kkart .kg3 .kpi span{display:block;font-size:13px;line-height:1.4;color:var(--g3-muted)}
.kkart .kg3 .kpi.hl{border-left-color:var(--g3-brand)}
.kkart .kg3 .legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--g3-muted)}
.kkart .kg3 .legend span{display:inline-flex;align-items:center;gap:6px}
.kkart .kg3 .legend i{display:block;width:10px;height:10px;border-radius:3px}
.kkart .kg3 .legend i.ln{height:2px;width:16px;border-radius:2px}
.kkart .kg3 .stage{position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:crosshair;min-width:0}
.kkart .kg3 .stage svg{display:block;overflow:visible;max-width:none}
.kkart .kg3 .cap{font-size:13px;line-height:1.55;color:var(--g3-muted);max-width:70ch;margin:0}
.kkart .kg3 img.grb,.kkart .kg3 i.grb{width:20px;height:20px;object-fit:contain;flex:none;display:block;border-radius:0!important;margin:0}
.kkart .kg3 i.grb{border-radius:50%!important;background:var(--g3-sunk)}
.kkart .kg3 img.ava{width:20px;height:20px;border-radius:50%!important;object-fit:cover;flex:none;display:block;margin:0}
.kkart .kg3 .det{border:1px solid var(--g3-line);border-radius:14px;padding:14px 16px 16px;display:grid;gap:12px;transition:background .5s,border-color .3s;background:var(--g3-surface);min-width:0}
.kkart .kg3 .det.flash{background:var(--g3-soft)}
.kkart .kg3 .det-top{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;font-size:13px;color:var(--g3-muted)}
.kkart .kg3 .det-top .when{color:var(--g3-ink);font-weight:600;font-size:14px}
.kkart .kg3 .det-top .chip{margin-left:auto}
.kkart .kg3 .det-top a{margin-left:auto;font-weight:600;color:var(--g3-brand-d)!important;text-decoration:none!important;border-bottom:1.5px solid currentColor!important}
.kkart .kg3 .det-top a:focus-visible{outline:2px solid var(--g3-brand);outline-offset:2px}
.kkart .kg3 .g3-lst{display:grid;gap:8px}
.kkart .kg3 .g3-lsth{display:flex;align-items:baseline;gap:10px;font-size:13px;color:var(--g3-muted)}
.kkart .kg3 .g3-lsth b{font-size:15px}
.kkart .kg3 .rows{display:grid;gap:2px}
.kkart .kg3 .rw{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:10px 6px;border-radius:12px;
  position:relative;color:var(--g3-text)!important;text-decoration:none!important;border-bottom:0!important;transition:background .2s;cursor:pointer}
.kkart .kg3 .rw:hover{background:var(--g3-sunk)}
.kkart .kg3 .rw.sel{background:var(--g3-soft)}
.kkart .kg3 .rw:focus-visible{outline:2px solid var(--g3-brand);outline-offset:1px}
.kkart .kg3 .rw+.rw::after{content:"";position:absolute;left:8px;right:8px;top:0;border-top:1px solid var(--g3-line)}
.kkart .kg3 .rw.sel+.rw::after,.kkart .kg3 .rw.sel::after{display:none}
.kkart .kg3 .gp{position:relative;width:34px;height:30px;flex:none;display:block}
.kkart .kg3 .gp .grb{position:absolute;width:22px;height:22px}
.kkart .kg3 .gp .grb:first-child{left:0;top:0}
.kkart .kg3 .gp .grb:last-child{right:0;bottom:0}
.kkart .kg3 .gp.lg{width:60px;height:52px}
.kkart .kg3 .gp.lg .grb{width:38px;height:38px}
.kkart .kg3 .r3-b{display:grid;gap:2px;min-width:0}
.kkart .kg3 .r3-1{font-size:14px;color:var(--g3-ink);line-height:1.35;overflow-wrap:anywhere}
.kkart .kg3 .r3-1 b{font-weight:600}
.kkart .kg3 .r3-1 em{font-style:normal;font-weight:700;color:var(--g3-muted);padding:0 2px}
.kkart .kg3 .r3-2{font-size:12px;line-height:1.4;color:var(--g3-muted)}
.kkart .kg3 .r3-e{justify-self:end}
.kkart .kg3 .r3-e .chip{font-size:12px;padding:2px 8px}
.kkart .kg3 .ic{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none;line-height:1}
.kkart .kg3 .ic.w{background:var(--g3-brand);color:var(--g3-on)}
.kkart .kg3 .ic.l{background:var(--g3-loss);color:var(--g3-on)}
.kkart .kg3 .ic.p{background:var(--g3-gold-soft);color:var(--g3-gold);box-shadow:inset 0 0 0 1.5px var(--g3-gold)}
.kkart .kg3 .h3{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}
.kkart .kg3 .h3>span:last-child{display:grid;gap:6px;min-width:0}
.kkart .kg3 .h3 b{font-size:17px;line-height:1.3;text-wrap:balance}
.kkart .kg3 .h3-s{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--g3-muted)}
.kkart .kg3 .sc3{font-style:normal;font-size:17px;font-weight:700;border-radius:8px;padding:2px 10px;background:var(--g3-sunk);color:var(--g3-ink)}
.kkart .kg3 .sc3.w{background:var(--g3-soft);color:var(--g3-brand-d)}
.kkart .kg3 .sc3.l{background:var(--g3-loss-soft);color:var(--g3-loss)}
.kkart .kg3 .sc3.p{background:var(--g3-gold-soft);color:var(--g3-gold);font-size:13px}
.kkart .kg3 .dl{display:grid}
.kkart .kg3 .dl>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 2px;border-top:1px solid var(--g3-line);font-size:14px}
.kkart .kg3 .dl>div>span{color:var(--g3-muted)}
.kkart .kg3 .dl b{display:flex;align-items:center;gap:6px;text-align:right;font-size:15px}
.kkart .kg3 .dl .pos b{color:var(--g3-brand-d)}
.kkart .kg3 .dl .neg b{color:var(--g3-loss)}
.kkart .kg3 .dl .p b{color:var(--g3-gold)}
.kkart .kg3 .dl .tot{border-top:2px solid var(--g3-ink)}
.kkart .kg3 .dl .tot b{font-size:17px}
.kkart .kg3 .more{justify-self:start;font:inherit;font-size:13px;font-weight:600;color:var(--g3-brand-d);background:transparent;
  border:1.5px solid var(--g3-line);border-radius:999px;padding:5px 14px;cursor:pointer;line-height:1.4}
.kkart .kg3 .more:hover{border-color:var(--g3-brand);background:var(--g3-soft)}
.kkart .kg3 .more:focus-visible{outline:2px solid var(--g3-brand);outline-offset:2px}
.kkart .kg3 svg text{font-family:Inter,system-ui,sans-serif!important;font-variant-numeric:tabular-nums}
.kkart .kg3 .ax{font-size:11px;fill:var(--g3-muted)}
.kkart .kg3 .ax.hot{fill:var(--g3-ink);font-weight:700}
.kkart .kg3 .ax.pw{fill:var(--g3-brand)}
.kkart .kg3 .ax.axl{fill:var(--g3-loss)}
.kkart .kg3 .lb{font-size:13px;fill:var(--g3-ink);font-weight:700}
.kkart .kg3 .sm{font-size:11px;fill:var(--g3-text)}
.kkart .kg3 .fade{opacity:0;transition:opacity .5s ease}
.kkart .kg3 .fade.on{opacity:1}
.kkart .kg3 .pop{transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.kkart .kg3 .pop.on{transform:scale(1)}
.kkart .kg3 .rip{transform-box:fill-box;transform-origin:center;opacity:0}
.kkart .kg3 .rip.on{animation:g3rip .9s ease-out forwards}
@keyframes g3rip{0%{opacity:.55;transform:scale(.4)}100%{opacity:0;transform:scale(3.2)}}
.kkart .kg3 .halo{transform-box:fill-box;transform-origin:center;animation:g3halo 2.4s ease-out infinite}
@keyframes g3halo{0%{opacity:.5;transform:scale(1)}70%{opacity:0;transform:scale(3)}100%{opacity:0;transform:scale(3)}}
.kkart .kg3 .breathe{animation:g3breathe 1.8s ease-in-out infinite}
@keyframes g3breathe{0%,100%{opacity:.35}50%{opacity:1}}
.kkart .kg3 .dimmable{transition:opacity .25s ease}
.kkart .kg3 .dim .dimmable{opacity:.28}
.kkart .kg3 .dim .dimmable.hot{opacity:1}
.kkart .kg3 .shake{animation:g3shake .35s ease}
@keyframes g3shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}
.kkart .kg3 .ray{transform-box:fill-box;transform-origin:center;opacity:0}
.kkart .kg3 .ray.on{animation:g3ray 1.1s ease-out forwards}
@keyframes g3ray{0%{opacity:0;transform:scale(.3)}30%{opacity:1}100%{opacity:0;transform:scale(1.6)}}
@media (max-width:600px){
  .kkart .kg3 .big{font-size:32px}
  .kkart .kg3 .kpi{padding-left:10px}
  .kkart .kg3 .kpi b{font-size:15px}
  .kkart .kg3 .det{padding:12px 12px 14px}
}
@media (prefers-reduced-motion: reduce){
  .kkart .kg3 .pop{transition:none}
  .kkart .kg3 .halo,.kkart .kg3 .breathe,.kkart .kg3 .rip.on,.kkart .kg3 .ray.on,.kkart .kg3 .shake{animation:none}
}
/* ===== kldash V6 kraj ===== */
/* ===== kldash R5 Špil pod snopom | izvor: kldash-redizajn/reflektor.tpl.html, gradi prod-r5/izvadi.py. Ne uređivati ovdje. ===== */
.klrf{display:block;max-width:none;margin:0 0 48px;padding:0}
.klrf.klrf :where(div,section,span,p,ul,ol,li,dl,dt,dd,h2,h3,h4,b,i,em,strong,small,a,button,svg){margin:0;padding:0;font-size:inherit;line-height:inherit;letter-spacing:inherit;text-transform:none;box-sizing:border-box}
.klrf :where(span,div,li,p,b,i,em,strong,small,dd,dt,a,button,h2,h3,h4){color:inherit}
.klrf.klrf :where(ul,ol,li){list-style:none}
.klrf.klrf :where(li){position:static}
.klrf.klrf :where(dt,dd){background:none;border:0;font-style:normal}
.klrf.klrf :where(li)::before{content:none}
.klrf.klrf :where(button){background:none;border:0;border-radius:0;box-shadow:none;min-height:0;height:auto;width:auto;font-family:inherit;text-align:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}
.klrf.klrf :where(img){max-width:none;margin:0;padding:0;border:0;box-shadow:none}
.klrf{font:400 15px/1.5 'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;font-variant-numeric:tabular-nums;color:#444}
.klrf .kd{width:100vw;margin-left:calc(50% - 50vw)}
.klrf{--g:#009168; --g-d:#006B4E; --g-l:#00B582; --soft:#E0F2EC; --soft2:#F0F8F4;--ink:#111111; --body:#444444; --muted:#7A817E; --line:#EAEAEA; --tint:#F6F8F7;--mist:#D5DCD9; --mist2:#E6EBE9; --neon:#00D982; --band:#0B2A20; --band2:#081F18;--bg:#FFFFFF; --frame:#1B1F1D;--f:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--ease:cubic-bezier(.22,1,.36,1);--out:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.3,1.25,.5,1);}
@supports (transition-timing-function:linear(0,1)){.klrf{--spring:linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001)}}
.klrf b,.klrf strong{font-weight:700}
.klrf a{color:inherit;text-decoration:none}
.klrf button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
.klrf :focus-visible{outline:2px solid var(--g);outline-offset:2px;border-radius:8px}
.klrf .kd{position:relative;overflow:hidden;isolation:isolate;--pad:40px;--ink:#F2F6F4;--body:#C3D2CB;--muted:#86A096;--line:rgba(255,255,255,.09);--tint:rgba(255,255,255,.05);--glass:rgba(255,255,255,.035);--glass-b:rgba(255,255,255,.085);--hi:#00D982;--mist:rgba(255,255,255,.16);--mist2:rgba(255,255,255,.1);--page:#0A261D;color:var(--body);background:radial-gradient(1100px 520px at 50% -12%,#134434 0%,rgba(19,68,52,0) 62%),linear-gradient(180deg,var(--band),var(--band2))}
.klrf .kd::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.075) 1px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:radial-gradient(900px 440px at 50% 0%,#000,transparent 78%);mask-image:radial-gradient(900px 440px at 50% 0%,#000,transparent 78%)}
.klrf .kd-wrap{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:36px var(--pad) 48px}
.klrf .kd.n{--pad:16px}
.klrf .kd.n .kd-wrap{padding-block:24px 32px}
.klrf .spot{position:absolute;left:0;top:0;width:820px;height:820px;margin:-410px 0 0 -410px;border-radius:50%;background:radial-gradient(circle,rgba(0,217,130,.12),rgba(0,217,130,.04) 38%,rgba(0,217,130,0) 64%);pointer-events:none;z-index:1;transition:transform 1.1s var(--out);will-change:transform}
.klrf .kd.n .spot{display:none}
.klrf .kd.off *,.klrf .kd.off *::before,.klrf .kd.off *::after{animation-play-state:paused!important}
.klrf .kd-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.klrf .kd-top h2{margin:0;font-size:24px;font-weight:700;color:var(--ink);letter-spacing:-.015em}
.klrf .kd-top p{margin:2px 0 0;font-size:15px;color:var(--muted)}
.klrf .kd-fil{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.klrf .kd.n .kd-fil{width:100%;justify-content:space-between;gap:8px}
.klrf .seg{position:relative;display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.klrf .seg button{position:relative;z-index:1;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap;transition:color .25s}
.klrf .kd.n .seg button{padding:6px 9px}
.klrf .seg button img{width:18px;height:18px;border-radius:50%;object-fit:cover}
.klrf .seg button[aria-pressed="true"]{color:var(--ink)}
.klrf .seg-p{position:absolute;top:3px;bottom:3px;left:0;width:40px;border-radius:999px;background:rgba(255,255,255,.13);transition:transform .55s var(--spring),width .55s var(--spring)}
.klrf .rail{position:relative;margin-bottom:30px}
.klrf .cd{position:relative;display:flex;flex-direction:column;gap:2px;padding:18px 18px 16px;min-width:0;border-radius:18px;background:var(--glass);border:1px solid var(--glass-b);text-align:left;overflow:hidden}
.klrf .cd::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(160deg,rgba(0,217,130,.24),rgba(0,217,130,.06) 55%,rgba(0,217,130,.02));box-shadow:inset 0 0 0 1px rgba(0,217,130,.55);opacity:0;transition:opacity .5s var(--ease);pointer-events:none}
.klrf .cd::after{content:"";position:absolute;left:14%;right:14%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,217,130,.95),transparent);opacity:0;transition:opacity .5s var(--ease);pointer-events:none}
.klrf .cd.on::before,.klrf .cd.on::after{opacity:1}
.klrf .cd>*{position:relative}
.klrf .cd>.fl{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 90% at 50% 0%,rgba(0,217,130,.5),rgba(0,217,130,0) 70%);opacity:0;pointer-events:none}
.klrf .cd-h{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:22px}
.klrf .cd .nm{font-size:15px;font-weight:700;color:var(--ink)}
.klrf .cd .sb{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.klrf .cd .vl{font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.1;margin-top:12px;white-space:nowrap;display:inline-flex}
.klrf .cd .vl.pos{color:var(--hi)}
.klrf .cd .ln{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.klrf .cd .gl{display:block;margin-top:14px;height:44px}
.klrf .gwo{display:block;overflow:hidden;height:44px}
.klrf .gwi{display:block;height:44px}
.klrf .gl svg{display:block;width:100%;height:44px}
.klrf .gw{fill:var(--hi)}
.klrf .gx{fill:rgba(255,255,255,.16)}
.klrf .gp{fill:rgba(0,217,130,.38)}
.klrf .gc{fill:#7FE3BC}
.klrf .gf{opacity:.6}
.klrf .lv{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--hi);background:rgba(0,217,130,.13);padding:2px 8px;border-radius:999px;white-space:nowrap}
.klrf .lv i{width:6px;height:6px;border-radius:50%;background:var(--hi);animation:klrf-blink 1.6s ease-in-out infinite}
@keyframes klrf-blink{50%{opacity:.25}}
.klrf .od{display:inline-block;height:1.1em;overflow:hidden;vertical-align:top}
.klrf .od-s{display:block}
.klrf .od-s span{display:block;height:1.1em;text-align:center}
.klrf .od-x{display:inline-block}
.klrf .pre .bn .od-s{transform:translateY(0)!important}
.klrf .r-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.klrf .r-row .cd::after{left:22%;right:22%}
.klrf .r-row .cd:hover{border-color:rgba(255,255,255,.16)}
.klrf .r-tilt .cd{transition:transform .55s var(--out),border-color .2s}
.klrf .r-row .ind{position:absolute;top:0;left:0;height:100%;border-radius:18px;background:linear-gradient(160deg,rgba(0,217,130,.26),rgba(0,217,130,.07) 55%,rgba(0,217,130,.02));box-shadow:inset 0 0 0 1px rgba(0,217,130,.6),0 20px 44px -26px rgba(0,217,130,.7);pointer-events:none;will-change:transform;transform-origin:50% 50%}
.klrf .r-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 calc(-1*var(--pad)) 12px;padding:4px var(--sp,16px) 10px;scrollbar-width:none;overscroll-behavior-x:contain}
.klrf .r-strip::-webkit-scrollbar{display:none}
.klrf .r-strip .cd{flex:0 0 80%;scroll-snap-align:center;scroll-snap-stop:always;transform:scale(.9);opacity:.55;transition:transform .45s var(--out),opacity .45s var(--out)}
.klrf .r-strip .cd.on{transform:none;opacity:1}
.klrf .r-strip.drag{scroll-snap-type:none;cursor:grabbing}
.klrf .r-strip.drag .cd{cursor:grabbing}
@media (hover:hover) and (pointer:fine){.klrf .r-strip{cursor:grab}}
.klrf .kd.t .r-strip .cd{flex-basis:44%}
@supports (animation-timeline:view()){.klrf .r-strip .cd{transition:none;animation:klrf-stc linear both;animation-timeline:view(inline)}
@keyframes klrf-stc{0%,100%{transform:scale(.88);opacity:.5}50%{transform:none;opacity:1}}}
.klrf .pg{display:none}
.klrf .kd.n .pg{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.klrf .pg-l{font-size:13px;color:var(--muted);min-width:120px}
.klrf .pg .dots{position:relative;display:flex;gap:7px}
.klrf .pg .dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2)}
.klrf .pg .pill{position:absolute;left:-4.5px;top:0;width:16px;height:7px;border-radius:4px;background:var(--hi);will-change:transform}
.klrf .pg .ar{display:flex;gap:6px;min-width:120px;justify-content:flex-end}
.klrf .pg .ar button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:transform .2s var(--ease)}
.klrf .pg .ar button:active{transform:scale(.92)}
.klrf .pg .ar button::after{content:"";width:8px;height:8px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg) translate(-1px,-1px)}
.klrf .pg .ar button:first-child::after{transform:rotate(135deg) translate(-1px,-1px)}
.klrf .cone{position:absolute;left:0;top:0;width:340px;height:700px;margin-left:-170px;transform-origin:50% 0;pointer-events:none;z-index:1;will-change:transform}
.klrf .cone svg{display:block;width:100%;height:100%}
.klrf .cone i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:rgba(210,255,236,.75);animation:klrf-mote var(--t) ease-in-out infinite alternate;animation-delay:var(--dl)}
@keyframes klrf-mote{from{transform:translate3d(0,0,0);opacity:.1}to{transform:translate3d(var(--dx),-28px,0);opacity:.85}}
.klrf .spk{position:absolute;left:0;top:0;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:2px;pointer-events:none;z-index:6}
.klrf .deck{position:relative}
.klrf .pnl{position:absolute;left:0;right:0;top:0;visibility:hidden;pointer-events:none}
.klrf .pnl.vid{visibility:visible;pointer-events:auto;z-index:1}
.klrf .pnl.out{visibility:visible;z-index:0}
.klrf .kd.n .stg{grid-template-columns:1fr;gap:26px}
.klrf .st-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.klrf .st-name{font-size:24px;font-weight:700;color:var(--ink);margin:0;letter-spacing:-.015em}
.klrf .st-sub{font-size:15px;color:var(--muted);margin:0}
.klrf .cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--g);color:#fff;font-weight:700;font-size:15px;padding:11px 20px;border-radius:999px;white-space:nowrap;transition:background .2s,transform .3s var(--spring)}
.klrf .cta:hover{background:var(--g-l);transform:translateY(-2px)}
.klrf .cta-n{width:100%;margin-top:22px}
.klrf .big{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:16px 0 2px}
.klrf .big .bn{font-size:60px;line-height:1.1;font-weight:800;color:var(--ink);letter-spacing:-.03em;display:inline-flex;white-space:nowrap}
.klrf .big .bn.pos{color:var(--hi)}
.klrf .kd.n .big .bn{font-size:46px}
.klrf .big .dl{font-size:15px;color:var(--muted)}
.klrf .big .dl.pos{color:var(--hi);font-weight:600}
.klrf .note{font-size:13px;color:var(--muted);margin:6px 0 0}
.klrf .facts{display:flex;gap:30px;flex-wrap:wrap;margin:18px 0 6px}
.klrf .facts div{display:flex;flex-direction:column}
.klrf .facts b{font-size:22px;font-weight:700;color:var(--ink);line-height:1.2}
.klrf .facts span{font-size:13px;color:var(--muted)}
.klrf .kd.n .facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
.klrf .kd.n .facts b{font-size:17px}
.klrf .chh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:28px 0 6px}
.klrf .chh b{font-size:15px;color:var(--ink)}
.klrf .chh span{font-size:13px;color:var(--muted)}
.klrf .empty{padding:40px 0;color:var(--muted);font-size:15px}
.klrf .ch{position:relative;touch-action:pan-y}
.klrf .ch svg{display:block;width:100%;height:auto;overflow:visible}
.klrf .ch text{font-family:var(--f);font-size:11px;fill:var(--muted)}
.klrf .ch .tb{font-weight:700;fill:var(--ink)}
.klrf .ch .tg{font-size:13px;font-weight:700;fill:var(--hi)}
.klrf .ch .gr{stroke:rgba(255,255,255,.06)}
.klrf .ch .gr0{stroke:rgba(255,255,255,.28);stroke-dasharray:4 4}
.klrf .ch .s0{stop-color:#00D982;stop-opacity:.24}
.klrf .ch .s1{stop-color:#00D982;stop-opacity:0}
.klrf .ch .lnp{fill:none;stroke:#00D982;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
.klrf .ch .lng{fill:none;stroke:#00D982;stroke-opacity:.16;stroke-width:9;stroke-linejoin:round;stroke-linecap:round}
.klrf .ch .vb.up{fill:#00D982}
.klrf .ch .vb.dn{fill:rgba(255,255,255,.16)}
.klrf .ch .vr{font-size:13px;fill:var(--body)}
.klrf .ch .wo{position:absolute;top:0;bottom:0;overflow:hidden}
.klrf .ch .wi{position:absolute;top:0;bottom:0}
.klrf .ch .wi svg{width:100%;height:100%}
.klrf .ch .edge{position:absolute;top:0;bottom:0;right:0;width:64px;background:linear-gradient(90deg,rgba(0,217,130,0),rgba(0,217,130,.09) 80%,rgba(0,217,130,.5));opacity:0;pointer-events:none}
.klrf .ch .hd{position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:#00D982;box-shadow:0 0 0 5px rgba(0,217,130,.2),0 0 22px 3px rgba(0,217,130,.55);opacity:0;pointer-events:none}
.klrf .ch .dz{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#00D982;pointer-events:none}
.klrf .ch .dz b{position:absolute;inset:-6px;border-radius:50%;background:rgba(0,217,130,.35);animation:klrf-pulse 2.6s var(--ease) infinite}
@keyframes klrf-pulse{0%{transform:scale(.4);opacity:.6}70%,100%{transform:scale(2.2);opacity:0}}
.klrf .ch .dzt{position:absolute;margin-top:-18px;display:flex;flex-direction:column;line-height:1.25;pointer-events:none;white-space:nowrap}
.klrf .ch .dzt b{font-size:15px;color:var(--ink)}
.klrf .ch .dzt small{font-size:11px;color:var(--muted)}
.klrf .ch .xh{position:absolute;left:0;width:1px;background:rgba(255,255,255,.3);opacity:0;pointer-events:none;transition:opacity .15s}
.klrf .ch .xp{position:absolute;left:0;top:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--page);box-shadow:0 0 0 2.4px #00D982;opacity:0;pointer-events:none;transition:opacity .15s}
.klrf .ch.hv .xh,.klrf .ch.hv .xp{opacity:1}
.klrf .ch.ln{cursor:crosshair}
.klrf .pre .ch.ln .wo{transform:translate3d(-100%,0,0)}
.klrf .pre .ch.ln .wi{transform:translate3d(100%,0,0)}
.klrf .pre .ch .dz,.klrf .pre .ch .dzt{opacity:0}
.klrf .tt{position:absolute;left:0;top:0;pointer-events:none;background:#fff;color:#111;border-radius:10px;padding:8px 11px;font-size:13px;line-height:1.35;white-space:nowrap;opacity:0;transition:opacity .12s;z-index:5;box-shadow:0 14px 30px -12px rgba(0,0,0,.7)}
.klrf .tt.on{opacity:1}
.klrf .tt .g{color:#006B4E;font-weight:700}
.klrf .tt .m{color:#6B736F}
.klrf .leg{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-top:10px}
.klrf .leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.klrf .leg .lw{background:#00D982}
.klrf .leg .ll{background:rgba(255,255,255,.16)}
.klrf .leg .lp{box-shadow:inset 0 0 0 2px #00D982}
.klrf .leg .lc{background:#7FE3BC}
.klrf .ps-g{display:grid;align-items:end}
.klrf .ps-c{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:6px 0 4px;border-radius:10px;transition:background .15s}
.klrf .ps-c:hover{background:rgba(255,255,255,.045)}
.klrf .ps-c b{font-size:12px;font-weight:700;color:var(--ink)}
.klrf .ps-c b.w{color:var(--hi)}
.klrf .ps-s{display:flex;flex-direction:column-reverse;gap:var(--g);height:calc(var(--mx)*(var(--bh) + var(--g)) - var(--g));width:min(30px,58%);transform-origin:50% 100%}
.klrf .ps-s i{display:block;height:var(--bh);border-radius:3px;flex:none}
.klrf .ps-s i.w{background:#00D982}
.klrf .ps-s i.l{background:rgba(255,255,255,.14)}
.klrf .ps-s i.p{box-shadow:inset 0 0 0 1.6px #00D982}
.klrf .ps-d{font-size:11px;color:var(--muted)}
.klrf .kd.n .ps-c b,.klrf .kd.n .ps-d{font-size:10px}
.klrf .pre .ps-s{opacity:0}
.klrf .sr .ov{position:absolute;inset:0}
.klrf .sr .sbr{position:absolute;background:#00D982;border-radius:6px 6px 2px 2px;transform-origin:50% 100%}
.klrf .sr .sbr.f{opacity:.55}
.klrf .sr .sbr.cur{background:#7FE3BC}
.klrf .sr .sout{position:absolute;border:1.5px dashed #7FE3BC;border-radius:8px}
.klrf .sr .rk{position:absolute;width:150px;margin-left:-75px;text-align:center;font-size:11px;color:var(--muted);line-height:1.3;pointer-events:none}
.klrf .sr .rk b{display:block;font-size:13px;color:var(--hi)}
.klrf .sr .hc{position:absolute;top:0;bottom:0;z-index:2;cursor:pointer}
.klrf .pre .sr .sbr{transform:scaleY(0)}
.klrf .pre .sr .rk,.klrf .pre .sr .sout{opacity:0}
.klrf .fmw{margin-top:2px}
.klrf .fm{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}
.klrf .kd.n .fm{grid-template-columns:repeat(8,minmax(0,1fr))}
.klrf .fm i{display:grid;place-items:center;height:34px;border-radius:9px;font-style:normal;font-size:13px;font-weight:700;cursor:pointer}
.klrf .fm i.w{background:rgba(0,217,130,.14);color:var(--hi);box-shadow:inset 0 0 0 1px rgba(0,217,130,.32)}
.klrf .fm i.l{background:rgba(255,255,255,.04);color:var(--muted)}
.klrf .pre .fm i{opacity:0}
.klrf .tk{--ink:#111111;--body:#444444;--muted:#7A817E;--line:#EAEAEA;--tint:#F6F8F7;--mist:#D5DCD9;--mist2:#E6EBE9;--hi:#006B4E;position:relative;border-radius:18px;padding:18px 20px;background:#fff;color:var(--body);box-shadow:0 34px 70px -34px rgba(0,0,0,.9)}
.klrf .tk-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--muted);margin:0 -20px 16px;padding:0 20px 14px;border-bottom:1.5px dashed var(--mist);position:relative}
.klrf .tk-top a{color:var(--g-d);font-weight:600;white-space:nowrap}
.klrf .tk-top b{color:var(--ink)}
.klrf .tk-top::before,.klrf .tk-top::after{content:"";position:absolute;bottom:-9px;width:16px;height:16px;border-radius:50%;background:var(--page)}
.klrf .tk-top::before{left:-9px;clip-path:inset(0 0 0 50%)}
.klrf .tk-top::after{right:-9px;clip-path:inset(0 50% 0 0)}
.klrf .tk-r{font-weight:700;color:var(--g-d);white-space:nowrap}
.klrf .tk-r.l{color:var(--muted);font-weight:600}
.klrf .tk-lk{display:inline-block;margin-top:12px;font-size:13px;font-weight:600;color:var(--g-d)}
.klrf .tk-m{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.klrf .tk .tm{font-size:17px;font-weight:700;color:var(--ink);line-height:1.25}
.klrf .tk .sc{display:inline-block;margin-top:4px;font-size:17px;font-weight:700;color:var(--g-d);background:var(--soft);padding:2px 10px;border-radius:8px}
.klrf .tk .sc.l{color:var(--body);background:var(--tint)}
.klrf .tk-h{margin-bottom:6px}
.klrf .tk dl{margin:6px 0 0;display:grid;grid-template-columns:auto 1fr;font-size:15px}
.klrf .tk dt{color:var(--muted);padding:9px 0;border-top:1px solid var(--line)}
.klrf .tk dd{margin:0;text-align:right;color:var(--ink);font-weight:600;padding:9px 0;border-top:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;gap:8px;min-width:0}
.klrf .tk dd img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.klrf .tk dd.w{color:var(--g-d);font-weight:700}
.klrf .tk dd.l{color:var(--body)}
.klrf .pbar{height:6px;border-radius:3px;background:var(--mist2);overflow:hidden;margin:12px 0 6px}
.klrf .pbar i{display:block;height:100%;width:100%;background:var(--g);border-radius:3px;transform-origin:0 50%}
.klrf .pre .pbar i{transform:scaleX(0)!important}
.klrf .pbl{margin:0 0 4px;font-size:13px;color:var(--muted)}
.klrf .prs{list-style:none;margin:0;padding:0}
.klrf .prs li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.klrf .prs .pm{display:flex;align-items:center;gap:8px;min-width:0;color:var(--ink);font-weight:600}
.klrf .prs .pm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.klrf .prs .pk{color:var(--muted)}
.klrf .prs .more{grid-template-columns:1fr;color:var(--muted)}
.klrf .mark{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;flex:none}
.klrf .mark.w{background:var(--g)}
.klrf .mark.w::after{content:"";width:8px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.klrf .mark.l{background:var(--mist2)}
.klrf .mark.l::after{content:"";width:8px;height:2px;border-radius:1px;background:#9AA39F}
.klrf .mark.p{box-shadow:inset 0 0 0 2px var(--g)}
.klrf .pre .prs .mark,.klrf .pre .tk dl .mark{transform:scale(0)}
.klrf .cmb{margin:14px 0 2px;padding-top:12px;border-top:1px solid var(--line)}
.klrf .cmb-h{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:10px}
.klrf .cmb-h b{color:var(--ink)}
.klrf .cmb-h span{color:var(--muted)}
.klrf .cmb-g{display:flex;flex-direction:column;gap:5px}
.klrf .cmb-r{display:flex;gap:5px;align-items:center}
.klrf .cmb-r .hc{width:22px;display:grid;place-items:center;flex:none}
.klrf .cmb-r .hc img,.klrf .cmb-r .hc .ph{width:18px;height:18px;object-fit:contain;border-radius:50%}
.klrf .cx{width:22px;height:14px;border-radius:4px;flex:none}
.klrf .cx.w{background:var(--g)}
.klrf .cx.l{background:var(--mist)}
.klrf .cx.p{box-shadow:inset 0 0 0 1.5px var(--g)}
.klrf .cx.o{box-shadow:inset 0 0 0 1px var(--line)}
.klrf .cmb-r .rs{padding-left:6px;display:grid;place-items:center}
.klrf .cmb-r .rs .mark{width:16px;height:16px}
.klrf .cmb-r .rs .mark.w::after{width:6px;height:3px}
.klrf .pre .cmb-r:not(.c0){opacity:0}
.klrf .stp{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.klrf .stp-h{display:flex;justify-content:space-between;gap:10px;font-size:13px}
.klrf .stp-h b{color:var(--ink)}
.klrf .stp-h span{color:var(--muted)}
.klrf .stp-g{display:flex;align-items:flex-end;gap:4px;height:128px;margin-top:10px;border-bottom:1px solid var(--line)}
.klrf .stc{flex:1;min-width:0;max-width:58px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}
.klrf .stc .sv{font-size:11px;font-weight:700;color:var(--g-d);white-space:nowrap}
.klrf .stc .sv.m{color:var(--muted);font-weight:400}
.klrf .stc .st{display:block;width:100%;border-radius:4px 4px 1px 1px;background:var(--g);transform-origin:50% 100%}
.klrf .stc .st.s0{background:var(--g-l);opacity:.5}
.klrf .stc .st.x{background:var(--mist)}
.klrf .stc .st.n{background:transparent;border:1.5px dashed var(--g);border-radius:4px}
.klrf .stp-f{margin:4px 0 0;font-size:11px;color:var(--muted)}
.klrf .pre .stp .st{transform:scaleY(0)}
.klrf .cr{display:inline-flex;flex:none}
.klrf .cr img,.klrf .cr .ph{width:28px;height:28px;object-fit:contain;flex:none;background:#fff;border-radius:50%}
.klrf .cr img+img,.klrf .cr img+.ph,.klrf .cr .ph+img,.klrf .cr .ph+.ph{margin-left:-9px}
.klrf .cr .ph{display:grid;place-items:center;font-size:11px;font-weight:700;color:#7A817E;background:#F6F8F7;border:1px solid #EAEAEA}
.klrf .cr.bg .c1,.klrf .cr.bg .c2{display:inline-flex}
.klrf .cr.bg img,.klrf .cr.bg .ph{width:44px;height:44px}
.klrf .cr.bg .c2{margin-left:-14px;margin-top:14px}
.klrf .cr.sm img,.klrf .cr.sm .ph{width:20px;height:20px}
.klrf .stampz{display:flex;justify-content:center;padding-top:16px}
.klrf .stamp{display:inline-block;transform:rotate(-6deg);border:2px solid var(--g);color:var(--g-d);font-weight:800;font-size:15px;padding:3px 10px;border-radius:8px;background:rgba(255,255,255,.9);white-space:nowrap}
.klrf .pre .stamp{opacity:0}
.klrf .holo{perspective:1100px}
.klrf .holo .tk{transition:transform .6s var(--out);will-change:transform}
.klrf .holo .sh{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:4}
.klrf .holo .sh i{position:absolute;top:-20%;bottom:-20%;left:-60%;width:70%;background:linear-gradient(100deg,rgba(255,255,255,0) 20%,rgba(0,217,130,.10) 42%,rgba(120,190,255,.09) 52%,rgba(255,255,255,.38) 56%,rgba(255,255,255,0) 72%);opacity:0;transform:translate3d(40%,0,0);transition:transform .6s var(--out),opacity .3s}
.klrf .holo.hv .sh i{opacity:1}
.klrf .wal{position:relative;clip-path:inset(-2000px -2000px 0 -2000px)}
.klrf .wc{position:absolute;left:0;right:0;top:0;cursor:pointer}
.klrf .wc.f{cursor:auto}
.klrf .kd.n .wc.f{cursor:grab}
.klrf .wc .tk{box-shadow:0 -8px 18px -12px rgba(0,0,0,.35),0 34px 70px -34px rgba(0,0,0,.9)}
.klrf .wal.mv .wc{will-change:transform}
.klrf .wc:not(.f):hover .tk-top{color:var(--ink)}
.klrf .ls-h{display:flex;justify-content:space-between;align-items:baseline;margin:26px 0 4px}
.klrf .ls-h b{font-size:17px;color:var(--ink)}
.klrf .ls-h span{font-size:13px;color:var(--muted)}
.klrf .ls{list-style:none;margin:0;padding:0}
.klrf .ls li{border-top:1px solid var(--line)}
.klrf .ls button.row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 8px;margin:0 -8px;border-radius:10px;width:calc(100% + 16px);text-align:left;transition:background .15s}
.klrf .ls button.row:hover{background:rgba(255,255,255,.045)}
.klrf .ls .sel{background:rgba(0,217,130,.08)}
.klrf .ls .t1{font-size:15px;color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.klrf .ls .t1 em{font-style:normal;color:var(--hi);font-weight:700;margin:0 4px}
.klrf .ls .t1 em.l{color:var(--muted)}
.klrf .ls .t2{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.klrf .ls .rt{display:flex;align-items:center;gap:8px;font-size:15px;white-space:nowrap}
.klrf .ls .rt .w{color:var(--hi);font-weight:700}
.klrf .ls .rt .l{color:var(--muted);font-size:13px}
.klrf .ls .rt .p{color:var(--hi);font-size:13px;font-weight:600}
.klrf .ls .mark.w{background:#00B582}
.klrf .morebtn{margin-top:12px;font-size:15px;font-weight:600;color:var(--hi);padding:9px 16px;border:1px solid var(--line);border-radius:999px;transition:border-color .2s}
.klrf .morebtn:hover{border-color:var(--hi)}
.klrf .kd-wrap{padding-top:100px}
.klrf .kd.n .kd-wrap{padding-top:80px}
.klrf .pitch{position:absolute;left:0;top:0;width:100%;height:auto;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 40%,transparent 96%);mask-image:linear-gradient(180deg,#000 0,#000 40%,transparent 96%)}
.klrf .pitch .pl{fill:none;stroke:rgba(255,255,255,.075);stroke-width:1.4;vector-effect:non-scaling-stroke}
.klrf .pitch .pd{fill:rgba(255,255,255,.13)}
.klrf .wave{position:absolute;left:0;right:0;top:0;height:680px;z-index:0;pointer-events:none;overflow:hidden;-webkit-mask-image:radial-gradient(1050px 600px at 50% 0%,#000,transparent 80%);mask-image:radial-gradient(1050px 600px at 50% 0%,#000,transparent 80%)}
.klrf .kd.n .wave{height:560px;-webkit-mask-image:radial-gradient(560px 560px at 50% 0%,#000,transparent 84%);mask-image:radial-gradient(560px 560px at 50% 0%,#000,transparent 84%)}
.klrf .wave i{position:absolute;top:0;bottom:0;width:22px;background-image:radial-gradient(rgba(150,255,214,.95) 1.15px,transparent 1.8px);background-size:22px 22px;opacity:0}
.klrf .masts{position:absolute;left:0;right:0;top:0;height:0;z-index:7;pointer-events:none}
.klrf .mast{position:absolute;top:18px;width:84px;margin-left:-42px}
.klrf .mast .halo{position:absolute;left:50%;top:24px;width:320px;height:240px;margin:-120px 0 0 -160px;border-radius:50%;background:radial-gradient(closest-side,rgba(200,255,230,.34),rgba(0,217,130,.13) 46%,rgba(0,217,130,0));opacity:.75}
.klrf .mast .pole{position:absolute;left:50%;top:46px;width:4px;margin-left:-2px;height:62px;background:linear-gradient(180deg,#2A5243,rgba(42,82,67,0))}
.klrf .mast .pole::before{content:"";position:absolute;left:-9px;top:14px;width:22px;height:2px;border-radius:1px;background:rgba(42,82,67,.8)}
.klrf .mast .head{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;border-radius:7px;background:linear-gradient(180deg,#1A3E31,#0C231B);box-shadow:inset 0 0 0 1px rgba(255,255,255,.11),0 12px 26px -10px rgba(0,0,0,.85);transform:perspective(260px) rotateX(22deg)}
.klrf .mast .head i{position:relative;height:10px;border-radius:3px;background:#081A14;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.klrf .mast .head b{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 45%,#FFFFFF 0,#EFFFF8 32%,#8BF6C9 68%,#00D982 100%);box-shadow:0 0 9px 1px rgba(170,255,220,.8)}
.klrf .kd.n .mast{top:12px;width:72px;margin-left:-36px}
.klrf .kd.n .mast .head{gap:3px;padding:5px}
.klrf .kd.n .mast .head i{height:8px}
.klrf .kd.n .mast .pole{top:38px;height:44px}
.klrf .night{position:absolute;inset:0;z-index:6;background:#020B08;opacity:0;pointer-events:none}
.klrf .flash{position:absolute;left:0;right:0;top:0;height:760px;z-index:5;pointer-events:none;background:radial-gradient(1000px 560px at 50% 0,rgba(210,255,236,.17),rgba(0,217,130,.07) 50%,rgba(0,217,130,0) 76%);opacity:0}
.klrf .cone .bm{position:absolute;inset:0;transform-origin:50% 0}
.klrf .cone.rd{z-index:4}
.klrf .cone.rd .bm{opacity:0}
.klrf .r-row .cd{z-index:1}
.klrf .stg{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:48px;align-items:start}
.klrf .colL,.klrf .colR{min-width:0}
.klrf .kd.n .stg{display:flex;flex-direction:column;align-items:stretch;gap:26px}
.klrf .kd.n .colL,.klrf .kd.n .colR{display:contents}
.klrf .kd.n .stA{order:1}
.klrf .kd.n .str{order:2}
.klrf .kd.n .stB{order:3}
.klrf .kd.n .stL{order:4}
.klrf .stL .ls-h{margin-top:30px}
.klrf .kd.n .stL .ls-h{margin-top:0}
.klrf .tkr{display:inline-block;height:1.1em;overflow:hidden;vertical-align:top}
.klrf .tkr-s{display:block}
.klrf .tkr-s span{display:block;height:1.1em;white-space:nowrap}
.klrf .rec{margin:20px 0 4px}
.klrf .rec-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;margin-bottom:12px}
.klrf .rec-h b{font-size:15px;color:var(--ink)}
.klrf .rec-h span{color:var(--muted);text-align:right}
.klrf .rec-g{position:relative;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid var(--line)}
.klrf .kd.n .rec-g{gap:3px}
.klrf .rc{flex:1;min-width:0;display:flex;justify-content:center;align-items:flex-end;height:100%}
.klrf .rb{position:relative;display:block;width:100%;max-width:34px;border-radius:5px 5px 1px 1px;background:rgba(255,255,255,.075);transform-origin:50% 100%}
.klrf .rb b{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#8BF6C9,#00D982 38%,#00A86A)}
.klrf .rc.top .rb b{box-shadow:0 0 20px 3px rgba(0,217,130,.5)}
.klrf .clb{position:absolute;left:0;top:0;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:radial-gradient(circle,#fff 0,#DFFFF2 30%,rgba(0,217,130,.55) 58%,rgba(0,217,130,0) 72%);box-shadow:0 0 28px 9px rgba(0,217,130,.38);opacity:0;pointer-events:none;z-index:2}
.klrf .rec-st{position:absolute;left:0;top:0;transform:rotate(-6deg);border:2px solid var(--hi);color:var(--hi);font-weight:800;font-size:13px;padding:2px 9px;border-radius:8px;background:rgba(8,31,24,.88);white-space:nowrap}
.klrf .rec-f{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:6px}
.klrf .rec-f b{color:var(--hi);font-weight:700}
.klrf .tk .scw{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:3}
.klrf .tk .scw i{position:absolute;left:0;right:0;top:0;height:46px;background:linear-gradient(180deg,rgba(0,217,130,0),rgba(0,217,130,.13) 34%,rgba(0,217,130,.24) 50%,rgba(0,217,130,.13) 66%,rgba(0,217,130,0));opacity:0}
.klrf .tk .scw i::after{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,rgba(0,145,104,0),rgba(0,145,104,.6),rgba(0,145,104,0))}
.klrf .prs li{position:relative}
.klrf .prs li>*{position:relative}
.klrf .prs .lt{position:absolute;inset:0 -10px;border-radius:8px;background:rgba(0,145,104,.075);opacity:0}
.klrf .prs li.w .lt{opacity:1}
.klrf .kq{display:inline-flex}
.klrf .wc .tk{transform-origin:50% 0}
.klrf .kd.n .wal{touch-action:pan-y;user-select:none;-webkit-user-select:none}
.klrf .wal-h{font-size:13px;color:var(--muted);text-align:center;margin:12px 0 0}
@media (prefers-reduced-motion:reduce){.klrf .kd,.klrf .kd *,.klrf .kd *::before,.klrf .kd *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.klrf.klrf .kd h2,.klrf.klrf .kd h3{font-family:'Inter',system-ui,sans-serif!important;letter-spacing:-.015em!important;font-weight:700!important;color:var(--ink)!important;margin:0!important;padding:0!important;text-transform:none!important}
.klrf.klrf .kd-top h2{font-size:24px!important;line-height:1.25!important}
.klrf.klrf .kd .st-name{font-size:24px!important;line-height:1.25!important}
.klrf.klrf .kd.n .st-name{font-size:24px!important}
.klrf.klrf .kd a,.klrf.klrf .kd a:link,.klrf.klrf .kd a:visited,.klrf.klrf .kd a:hover,.klrf.klrf .kd a:active,.klrf.klrf .kd a:focus{text-decoration:none!important;border-bottom:0!important;box-shadow:none}
.klrf.klrf .kd a.cta,.klrf.klrf .kd a.cta:link,.klrf.klrf .kd a.cta:visited,.klrf.klrf .kd a.cta:hover,.klrf.klrf .kd a.cta:active{color:#fff!important;-webkit-text-fill-color:#fff!important}
.klrf.klrf .kd .tk a,.klrf.klrf .kd .tk a:link,.klrf.klrf .kd .tk a:visited,.klrf.klrf .kd .tk a:hover{color:#006B4E!important;-webkit-text-fill-color:#006B4E!important}
.klrf.klrf .kd img{border-radius:50%!important}
.klrf.klrf .kd .cr .ph{border-radius:50%!important}
/* ===== kldash R5 kraj ===== */


/* ---------------------------------------------------------------------------
   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.
   --------------------------------------------------------------------------- */






/* 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. */














/* Zaslon Tipovi: grupa je utakmica, redci su nasi tipovi na njoj. */























/* ---- 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. */


/* 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)}}






/* ---- 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. */



/* 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. */





/* ---- 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. */



/* Bez fotografije se vraca stari prikaz: sama loptica, centrirana u celiji. */



/* ---- 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. */






/* ═══════════════════════════════════════════════════════════════════════════
   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.
   ====================================================================== */



















































/* ======================================================================
   /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 --- */







/* --- val: podnaslov, udjeli, oblačić --- */













/* --- živi znak uz Sastave --- */


@keyframes klrezkuc{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}
/* --- legenda terena: kraće i jasnije --- */


/* --- klupa: uredan izbornik s grbom --- */
















/* --- grb uz naziv momčadi u ljestvici --- */

/* --- trake u dosjeu --- */



/* --- istaknuti događaj kad miš stoji na krivulji --- */

/* --- dosje na mobitelu: svijetla ploha, ne tamni prozor --- */




/* 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. */





/* ======================================================================
   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.
   ====================================================================== */























/* KLT-POCETAK */
/* ===========================================================================
   TINTA — detalj utakmice na /rezultati/ (16.09.2026.)
   Izvor je mockup `mockups/rezultati-tinta/`; ovaj blok generira
   `prod/tinta/css_sastavi.py`. Ne ureduj ga ovdje: izmjena ide u mockup
   pa se blok regenerira i zamijeni izmedju markera.
   =========================================================================== */
/* --- tipografija: mono VELIKA SLOVA i razmak medju slovima se gase ---
   Pravilo je operatorovo od 29.07.2026.: mono je samo za brojke, sve
   ostalo je Inter u recenicnoj velicini, bez razmaka medju slovima.
   Pometeno je 47 pravila s velikim slovima i 83 s razmakom.
   Brojke (rezultat, minuta, kvota, ocjena) ostaju mono jer im mono i sluzi. */



































































































































/* --- obrana od teme i posta 26 ---
   `body span,body div,body li{color:#444444}` (0,0,2) gazi naslijedjenu boju,
   a `font-family:Inter!important` u istom pravilu gasi font komponente.
   Znamenke su od 23.09. Inter tabular-nums, ne mono (v. bez_mona). `:where()` nosi
   tezinu nula pa ne smeta pravilima Tinte, a predak `#klrez .klrez-tinta` daje
   dovoljnu tezinu da nadglasa post 26 (memorije post26-inter-gazi-mono,
   post26-tuce-reset-razmaka, tema-tuce-komponente-na-linkovima). */


/* tema nosi `.space-page-content img{border-radius:5px!important}` */



/* Tema gura `line-height:26.4px` na sav sadrzaj. Tamo gdje visina ulazi u
   proracun rasporeda (zeton na terenu se mora uklopiti u razmak redova) to nije
   kozmetika nego kvar, pa komponenta nosi svoje visine; ovo je pojas i traka
   za slucaj da neko novo pravilo teme opet pokusa. */

/* Ponovna montaza panela (gol, novi dogadjaj, novo ocitanje vala) ne smije jos
   jednom odglumiti ulaz: trake i kartice bi svakih par minuta bljesnule kao da
   se stranica tek otvorila. `kltMount` postavi `mirno` na vrijeme montaze i
   skine ga cim ulazni promatrac odradi svoje. */

/* detalj Tinte nosi svoj okvir, pa stari padding panela otpada */





/* ---------- ljuska mockupa ---------- */
/* ---------- blok ---------- */









/* ---------- fotografija s zamjenom ---------- */










/* ---------- semafor ---------- */






























/* ---------- nasi listici ---------- */






/* Ishod ide POD kvotu, ne u cetvrti stupac. S cetiri stupca su i kvota i ishod
   bili `auto`, pa su uzimali svoju punu sirinu i stupac naslova se stiskao na
   nulu: na produkciji je „Tiket dana" (treba 65 px) dobio 38 px i citalo se
   „Tik…". Sad naslov ima cijelu lijevu stranu. */



/* Portret stoji IZNAD slova, ne umjesto njega: kad slika ne stigne, globalni
   rukovatelj greskom je sakrije i inicijal se vidi kroz nju. */















/* ---------- val pritiska ---------- */
















/* touch-action se ne nasljedjuje: bez ovoga potez koji krene na znaku dogadjaja
   browser uzme kao skrolanje i povlacenje po valu stane nakon par piksela. */



/* Bez ijednog ocitanja nema krivulje, pa ni razloga za plohu od 210 px. Ostaje
   crta minuta, tek toliko da znakovi (gol, karton, izmjena) imaju na cemu
   stajati. 54 px je mjera znaka: kruzic je 24 px i sjedi na osi, pa mu treba
   12 px iznad i ispod, plus zrak. */


















/* Znacka broja: visina = razmak redaka. Naslijedjeni line-height od 26,4 px
   u krugu od 14 px spustao je znamenku ispod sredine i rezao je (snimka 24.09.). */



/* Oblacic: sto se dogodilo u toj minuti. Ne hvata mis (pointer-events:none),
   inace bi sam sebi bjezao ispod kursora i treperio. */



































/* Natpis ide samo na uredjaje bez misa; na desktopu se minuta vidi na prijelaz. */


/* ---------- tijek utakmice ---------- */



@keyframes kltgrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}




@keyframes kltevin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}


































/* tijek: dvostrani zapisnik */

























/* tijek: zbijeni redovi */























/* ---------- igrac utakmice ---------- */







@keyframes kltkuc{0%,100%{opacity:1}50%{opacity:.2}}



@keyframes kltpop{from{transform:scale(.72);opacity:0}to{transform:none;opacity:1}}



@keyframes kltpuls{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.24);opacity:0}100%{opacity:0}}


















/* ---------- traka tabova ---------- */
















/* strelica: pojavi se tek kad stvarno ima kamo */






/* traka napretka: koliko popisa vidis i gdje si u njemu */



@keyframes klttnudge{0%,100%{transform:translateX(0)}35%{transform:translateX(-14px)}
  70%{transform:translateX(3px)}}



@keyframes kltpnin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---------- statistika ---------- */



















































/* Traka koja se mjeri od sredista: koristi je mjera koja moze biti negativna
   (sprijeceni golovi). Negativnu polovicu crtamo crvenkasto, da se na prvi
   pogled vidi da je ispod ocekivanog, a ne samo manja. */
















/* ---------- prilike (nase) ---------- */













/* ---------- sastavi ---------- */














/* ⚠️ VISINA RETKA JE PRORACUN, NE UKRAS.
   Zeton se mora uklopiti u razmak redova (KORAK_PX), a razmak se racuna iz
   njegove visine. Tema na produkciji gura `line-height:26.4px` na sve u
   sadrzaju, pa su ocjena (10 px slova) i prezime bili visoki 28 i 26 px umjesto
   15 i 13: zeton je narastao na 89 px, a redovi su bili 79 px razmaknuti, pa je
   svaki drugi red ulazio u onaj iznad. U mockupu se to NIJE vidjelo jer mockup
   nema temu, zato su ove visine sada izricite (memorija post26-tuce-reset-razmaka). */

@keyframes kltppin{from{opacity:0;transform:translate(-50%,calc(-50% + 12px))}
  to{opacity:1;transform:translate(-50%,-50%)}}















/* Ocjena je u toku dokumenta ISPOD fotografije, ne polozena preko nje.
   Negativna margina je tek toliko da pilula dodirne rub kruga. */







/* igrac utakmice: prsten koji se siri, isto kao is-zvi na produkciji */


@keyframes kltzvi{0%{opacity:.75;transform:scale(.92)}70%{opacity:0;transform:scale(1.7)}100%{opacity:0}}



/* klupa je sklopljena */



















/* ---------- tablica igraca ---------- */






































/* ---------- raniji susreti ---------- */
/* ---- vodstvo, nalet, prednjace (runda 5) ---- */































/* ---- tablica lige ---- */











/* Zona se cita s lijevog ruba, bez bojanja cijelog reda. */






/* Flex ide na omot UNUTAR celije: flex na <td> izbaci celiju iz tablicnog
   rasporeda pa stupac izgubi sirinu i brojke odlete na rub. */










/* Ekipe ove utakmice: isto sto radi rezultati.com, samo nasim bojama. */































/* ---------- isjecak ---------- */






















/* ---------- ljepljiva glava ---------- */
/* `.ne` = semafor je na ekranu, glava nema sto ponavljati. Ne `display:none`
   nego prozirnost i nulta visina, da povratak bude mekan i da se `sticky`
   sidro ne mice. */








/* ---------- mobitel ---------- */


/* Na telefonu je minuta siroka tri piksela, pa svi znakovi ne stanu jedan
   do drugoga. Gol ostaje pun znak, karton i izmjena postaju crtica u boji
   svoje vrste; legenda ispod grafa i dalje kaze sto je sto. */

/* ---------- telefon: sve od ruba do ruba ---------- */


/* Tinta: naslovi bloka dobivaju zeleni biljeg, rez izmedju blokova je tanji */





/* Forma u tablici lige: pet cipova mora stati u jedan red.
   `table-layout` je auto, pa je `width:96px` na celiji samo prijedlog: dok se
   sadrzaj SMIJE prelomiti, preglednik celiji da najmanju sirinu koju sadrzaj
   podnosi (42 px) i pet cipova se slozi u tri reda, pa redak naraste na tri
   visine. `nowrap` je ono sto tu sirinu stvarno drzi. Nadjeno 16.9. pri
   prijenosu na produkciju; isto se vidi i na snimci mockupa. */

/* =========================================================================
   A3-A7 (16.09.2026.) — pet dopuna iz IDEJE.md koje ne kostaju nijedan
   novi API poziv. Sve crtaju podatke koje vec povlacimo.
   ========================================================================= */
/* A3 — tko je pucao: popis udaraca po igracu, s razlomkom u okvir/ukupno */




















/* A4 — tko je vodio: stepenasta razlika u golovima, pod rezultatom */





/* os je crtkana i tamnija od plohe: bez nje se ne vidi gdje je "izjednaceno",
   pa se dva koraka ispod osi citaju kao jedan dugi pad */



/* A5 — ocjena momcadi, ispod "iza njega" */





/* ocjena stoji odmah uz ime, ne na rubu stupca: gurnuta udesno izgledala je
   kao da ne pripada ni jednoj ni drugoj ekipi */




/* A6 — mjesto i bodovi uz ime ekipe u semaforu */


/* isjecak koji nositelj prava ne da ugraditi (16.09.2026.) */





/* A7 — prozor vala; prekidac stoji iznad platna, kao kod statistike */



/* KLT-KRAJ */


/* KLP-POCETAK */
/* Popis „Sazetak" (v3) — 19.09.2026.
   Izvor je maketa mockups/rezultati-popis/v3.py; ovaj blok se NE
   ureduje rukom nego regenerira s `python3 prod/popis/sastavi.py`.
   Selektori stoje iza `#klrez .klrez-v3` jer maketa i ziva stranica
   dijele 50 imena razreda (a, b, t, n, w, lg, pl, val, traka…). */

















































@keyframes uleti{from{opacity:0;transform:translateY(6px)}}
@keyframes otkrij{from{clip-path:inset(0 101% 0 0)}}
@keyframes klprasti{from{transform:scaleX(0)}}
@keyframes klpblago{from{opacity:0}}
@keyframes klpdize{from{opacity:0;transform:translateY(10px) scale(.985)}}
@keyframes klpzivdot{0%,100%{box-shadow:0 0 0 0 rgba(0,177,130,.55)}
  70%{box-shadow:0 0 0 6px rgba(0,177,130,0)}}
@keyframes klpzivtrak{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes klpsjaj{from{transform:translateX(-120%)}to{transform:translateX(320%)}}
@keyframes okret{to{transform:rotate(360deg)}}









































































































































































@keyframes klpizniknu{from{opacity:0;transform:scale(.6)}}
@keyframes klpzivpl{0%,100%{box-shadow:inset 0 0 0 1.6px var(--kp-em2),0 0 0 0 rgba(0,177,130,.5)}
  70%{box-shadow:inset 0 0 0 1.6px var(--kp-em2),0 0 0 5px rgba(0,177,130,0)}}
@keyframes klprastix{from{opacity:0;transform:scaleX(0)}}
@keyframes klpspusti{from{opacity:0;transform:translateY(-14px) scale(.975)}}
@keyframes klpbljesni{from{background:var(--kp-soft)}}
@keyframes klpzamah{from{opacity:0;transform:translateY(14px)}}




@keyframes klpp2ulaz{from{opacity:0;transform:translateY(-10px) scale(.985)}}
@keyframes klpp2red{from{opacity:0;transform:translateX(-6px)}}
@keyframes klpkolona{from{transform:scaleY(0)}}
@keyframes klpizvdize{from{opacity:0;transform:translateY(16px)}}
@keyframes klptinja{0%,100%{opacity:.45}50%{opacity:.9}}












































































































































































































































































@keyframes klpp2list{
  from{transform:translateY(18px);opacity:0}
  to{transform:none;opacity:1}
}







/* ----------------------------------------------------------------------
   POPIS v3 — spoj s postojecim rasporedom.
   Pisano vec u produkcijskom opsegu (`#klrez …`), pa NE prolazi kroz
   `css_opseg.prevedi`. Sve sto je ovdje je ili spoj s `.klrez-grid`, ili
   element kojeg maketa nema jer ga nema ni na samostalnoj stranici
   (zvjezdica favorita, skupljena liga, izlaz u pogled lige, cip nasih
   tipova, izbornik dana).
   ---------------------------------------------------------------------- */

/* Traka mora biti ljepiva prema CIJELOJ komponenti, a ne prema svom omotacu:
   omotac je visok tocno koliko i ona, pa unutar njega `sticky` nema hoda.
   `display:contents` mice kutiju omotaca, a element ostaje u stablu pa
   selektori `#klrez .klrez-v3 …` i dalje pogadjaju. (Omotac nema
   `::before`/`::after` — v. zamku iz makete `v2`.) */
/* ⚠️ I OMOTAC mora biti `display:contents`, ne samo spremnik.
   `position:sticky` je ograničen svojim OKVIROM, a okvir je najblizi predak
   koji stvarno ima kutiju. Omotac `.klrez-v3` je visok tocno koliko i traka,
   pa je traka bila ljepiva u polju bez ijednog piksela hoda: izmjereno na
   produkciji, `top:64px` a stvarni `y` je bio −81. Kad oba nemaju kutiju,
   okvir je `#klrez` i traka se doista lijepi. */


/* --- gdje traka staje -------------------------------------------------------
   Zaglavlje stranice NIJE ljepivo: `.klnav` je `position:relative` i odlazi
   gore. Ljepiva je samo pilula izbornika (`.klnav-pw.stuck`, `top:10px`), i
   ona se pri skrolanju PREMA DOLJE sakriva (razred `hide`), a vraca se pri
   skrolanju gore.

   Traka je zato stajala na `top:88px` — visini koja vise nicemu ne odgovara —
   pa je iznad nje ostajao pojas od 88 px kroz koji je promicao registar.
   Traka je izgledala kao ploca koja pluta nasred zaslona. Operator je to
   nazvao „floating bar" i bio je u pravu.

   Sada visinu odredjuje JS u jednoj varijabli (`--pilt`, v. `motor.js`):
   pilula sakrivena → 0, pilula vidljiva → njezino dno. Kad je pilula vidljiva,
   traka se spusta ISPOD nje, a pojas iznad se ne pusta prazan nego ga traka
   sama oboji (`::before`), pa ni tada nista ne promice.
   -------------------------------------------------------------------------- */






/* Detalj na desktopu zauzima cijelu sirinu (`is-full`); traka i dno stoje
   izvan mreze pa im se kutija gasi i ovdje, ne samo u JS-u. */


/* Stalak stoji u `#klrez-rail`, koji je vec ljepiv i vec ima svoj klizac. */

/* Na uskom zaslonu stalak je SAZETAK i mora se vidjeti: postojece pravilo
   `.klrez-rail{display:none}` vrijedi za stari popis liga, ne za njega. */


/* --- redak dobiva stupac za zvjezdicu ---------------------------------------
   Maketa nema favorite, pa `.rr` ima tocno onoliko stupaca koliko celija.
   Zvjezdica bi bez svog stupca pala u sljedeci redak mreze — na 375 px je
   svaki redak zbog toga bio dvoredan. Ovdje se stupci prepisuju u cjelini,
   zajedno sa stupcem kvota koji je ispao (kvota nema, v. motor.js). */
/* ⚠️ Stupac termina ide kroz `--tw`, kao i u maketi: ovdje se stupci
   prepisuju U CJELINI, pa bi literalna sirina potiho pregazila prosirenje
   koje motor radi kad je neka utakmica na pauzi (v. `pTermStupac`). */

/* --- ime ekipe dobiva prostor (22.09.2026.) ----------------------------------
   Zatecen redak na 390 px: 156 px fiksnih stupaca + 40 px razmaka = 196, pa
   dvama imenima ostaje po 84, a imenu bez grba 61 px — devet slova. Izmjereno
   na subotnjem danu: 277 od 378 mjesta za ime zavrsavalo je u tri tocke.

   Stegnuto je svih pet mjesta koja ne nose sadrzaj: razmak 8 -> 6, stupac
   znakova 44 -> 36 (dva biljega od 16 px i razmak od 3 = 35), rezultat 46 ->
   44 („10–10" u monu na 13 px trazi 41), zvjezdica 24 -> 20 (sam znak je 18),
   grb 18 -> 14 i njegov razmak 8 -> 5. Imenu ostaje 77 px umjesto 61.
   Ostatak posla radi `pKrat()` u motoru: s imena skida klupski prefiks.
   -------------------------------------------------------------------------- */


/* --- rijec faze u stupcu termina -------------------------------------------
   `.t` nosi razred `nb`, dakle JetBrains Mono, jer u njemu inace stoji
   „20:45" ili „70'". Rijec faze nije broj i u monu je znatno sira: izmjereno
   na 390 px, „Poluvrijeme" trazi 71 px na 9,5 px u monu, a 53 px u sansu.
   Uz mono ne bi stala ni u prosireni stupac, a i brand pravilo kaze da je
   mono samo za brojke. */
/* ⚠️ `!important` nije nemar. Odjeljak „obrana od teme i posta 26" nize u
   ovoj istoj datoteci gura mono na `.rr .t` s `!important` (post 26 inace
   pogura Inter na svaki span), pa obicno pravilo ovdje tiho gubi — izmjereno:
   racunati `font-family` je ostajao „JetBrains Mono". Selektor je uz to i
   specificniji, pa pogadja samo redak s rijecju. */


/* --- zvjezdica favorita u retku i u zaglavlju lige ---------------------- */







/* --- skupljena liga i izlaz u pogled lige -------------------------------- */










/* --- cip naseg listica u retku ------------------------------------------ */






/* --- pretraga u traci ---------------------------------------------------- */




/* --- izbornik dana -------------------------------------------------------- */









/* --- obrana od teme i posta 26 ---------------------------------------------
   `body span,body div,body li{color:#444444;font-family:Inter!important}` (0,0,2)
   gazi naslijedjenu boju i gasi mono, a `.space-content a:link` otima boju
   linkova — gumb „Otvori izvještaj" je zbog toga bio zelen tekst na zelenoj
   plohi, dakle prazna pilula (izmjereno: `color` i `background` oba
   `rgb(0,145,104)`). `:where()` nosi tezinu nula pa ne smeta pravilima makete,
   a predak `#klrez .klrez-v3` daje dovoljnu tezinu da nadglasa post 26.
   (memorije post26-inter-gazi-mono, post26-tuce-reset-razmaka,
   tema-tuce-komponente-na-linkovima) */

/* `.space-page-content a{color:#009168!important}` i `.klr a{color:var(--dark)!important}`
   nose !important, pa ih obicna tezina ne moze nadglasati: jedini link u
   popisu (gumb na izvjestaj) bio je zelen tekst na zelenoj plohi. */



/* Mono se VRACA samo ondje gdje stoji brojka: rezultat, minuta, vrijeme,
   brojac, prilike, postotak. Sve ostalo je Inter u recenicnoj velicini
   (memorija font-bez-mono-uppercase). Popis je namjerno kratak i na jednom
   mjestu — `css_opseg._tipografija` je mono iz cijele makete vec pomeo. */


/* Velika slova i razmak medju slovima gase se i kad dolaze IZVANA: `.kick`,
   `.lead`, `.br` i jos desetak imena postoje i u postu 26 sa svojim pravilima,
   a maketa ih koristi u drugom znacenju. Jedan niski sloj preko cijelog
   omotaca je sigurniji od lova na pojedinacna pravila; sve sto stvarno treba
   tjesnje slaganje (naslovi) ima veci specificitet i prolazi. */


/* Natpisi odjeljaka: bez velikih slova i razmaka ostaju sitni podebljani
   ostatak, pa dobivaju normalnu velicinu i tezinu — kao naslovi drugdje po
   stranici, ne kao terminal. */





/* tema nosi `.space-page-content img{border-radius:5px!important}` */


/* --- sitni popravci spoja -------------------------------------------------- */







/* ============================================================================
   NOVO 22.09.2026. — tri modula kojih maketa nema
   ----------------------------------------------------------------------------
   Sva tri postoje samo na produkciji jer sva tri vise o STVARNIM podacima kojih
   maketa nema: nasi tipovi (7 tog dana), favoriti posjetitelja i prilike.
   Zato im pravila stoje ovdje, u spoju, a ne u maketi.
   ========================================================================== */

/* --- prazan zaslon pretrage: uputa ispod ponude ---------------------------- */



/* --- skupina pribijenih favorita ------------------------------------------- */
/* Zaglavlje je isti `.lghd` kao kod lige (ljepivost, visina, mjesto), samo bez
   logotipa i zastave — a da se ne cita kao jos jedna liga, nosi uski emerald
   rub s lijeve strane. */




/* ----------------------------------------------------------------------
   REDIZAJN VRHA /rezultati/ (23.09.2026.) — zaglavlje, semafor Napetost,
   gol N1, registar V2 Klizanje, Filtri. Izvor: rz.js; dizajn iz slozene
   makete prod/popis/makete-22-09/cijela.tpl.html.
   Pisano vec u produkcijskom opsegu (`#klrez …`), svi razredi nose `rz-`
   jer maketa i ziva stranica dijele pedesetak imena (gb, chip, odo, num…).
   Tipografija: samo Inter, i znamenke (tabular-nums), bez velikih slova i
   razmaka medju slovima, bez polovicnih piksela (memorija font-bez-mono-uppercase).
   ---------------------------------------------------------------------- */


/* --- sto odlazi ---------------------------------------------------------- */







/* --- obrana od teme i posta 26 -------------------------------------------
   `body span,body div,body li{color:#444;font-family:Inter!important}`,
   `h1..h6{color:#111!important;font-weight:600!important}`,
   `.space-page-content a{color:#009168!important}`, zaobljene slike i
   temini gumbi. `:where()` nosi tezinu nula, predak `#klrez` daje dovoljno. */











/* ============================ zaglavlje ================================= */

























@property --rzp{syntax:'<number>';inherits:false;initial-value:0}





/* izvjestaji: dva tiha retka desno (V3 Redak) */





















/* ============================ semafor =================================== */

/* Oznaka uzivo = sekundnik (15.10.2026., izbor operatora od 3 varijante;
   pulsirajuca tocka bila „generic"). Kazaljka skace jednom u sekundi i
   obide krug u minuti. Isti razred na svih 6 mjesta, markup netaknut. */




@keyframes rzsek{to{transform:rotate(360deg)}}




/* Visina brojcanika u CIJELIM pikselima (23.09.): 1.2em od 22 px je 26,4 px,
   a traka znamenki se pomice za desetine te visine. Na Windowsu sa skaliranjem
   125/150 % zaokruzivanje je drugacije nego na Macu, pa su znamenke stajale
   piksel-dva krivo i znale se odrezati (operator: „na pc brojke off"). */













/* kartica */













/* Stanka (poluvrijeme, pauza, prekid), 23.09.: boja stanke umjesto zelene,
   ikona pauze u prstenu i pun naziv u plocici lijevo od njega. */







/* 29.09.: „Polu-vrijeme" se lomio u dva reda jer je `.rz-row.lv .rz-rmin`
   (14 px) gazio 12 px stanke. Naziv je sad jedan red, a ikona je sisla uz
   traku; na mobitelu (stupac 48 px) HT pise „Odmor". */






















/* kartica naseg tipa: tamni emerald je dopusten samo ovdje */































/* desktop vrpca */














/* M1 zbijeno (mobitel) */













/* N1 S tribine */
























/* ============================ registar ================================== */
/* Registar je u punoj visini (24.09., operator: da sekcija bude odmah cijela
   ucitana, jer je izgledalo da ima malo utakmica pa se mora skrolati). Kutija
   visine ekrana s vlastitim skrolom pokazivala je sest redaka od 77. Sad skrola
   stranica, zaglavlje s danom i karticama lijepi se na vrh, a do 900 px ispod
   navigacije (68 px, `.klnav` je ljepljiva samo do te sirine),
   a visinu klizaca postavlja `RZR.visina` po aktivnoj kartici. Obavijest
   (`.rz-toast`) zato visi na zaglavlju, a ne na vrhu registra. */










/* datum je gumb koji otvara izbor dana (23.09.) */





























































































































/* kvote (23.09.2026.): stupac postoji samo kad dan ima kvota i nisu ugasene */


/* Oznaka ishoda iznad kvote, kao na kuponu (23.09.): u jednom redu se
   „1 1,45" citalo kao jedan broj. */



/* Globalni CTA standard gadja SVAKU poveznicu na /partner/ (puna zelena pilula,
   bijeli tekst, sjena, padding 13x26, sve !important). Kvota nije CTA gumb nego
   zapis u retku, pa se vraca na tihi izgled; id u selektoru nadglasava. */


































/* `clip` nije okvir skrola, pa flex stavci ne spusta min-width na 0 kao
   `hidden`; bez `min-width:0` kartica se na mobitelu rasirila na 420 px. */


/* Liga izvan pogleda se ne racuna ni ne crta (23.09.): subotom je u registru
   9000+ elemenata i 45 pulseva „uzivo", koji su se vrtjeli i izvan ekrana. */







/* ============================ filtri ==================================== */































@keyframes rzpuls{0%{transform:scale(1);opacity:.6}80%,100%{transform:scale(2.8);opacity:0}}
@keyframes rzdisi{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}
@keyframes rzpuni{from{--rzp:0}to{--rzp:1}}
@keyframes rzblj{0%{transform:scale(1)}30%{transform:scale(1.9);background:var(--rz-zell)}100%{transform:scale(1)}}
@keyframes rzbljv{0%{background:rgba(0,181,130,.28)}100%{background:rgba(0,181,130,0)}}
@keyframes rzpop{0%{transform:scale(1)}40%{transform:scale(1.5) rotate(-14deg)}100%{transform:scale(1)}}
@keyframes rzbljesak{0%{background:#C7E8DA}100%{background:var(--rz-plo)}}


/* --- loader L5c-2 „Logo se crta" (23.09.2026.) --------------------------
   Gradja: prod/popis/ucitaj.py. Samo CSS, bez JS-a: `str` stoji u staticnom
   HTML-u i crta se dok se motor jos cita. `--b` je pocetak vremenske crte;
   `str` se pojavi tek poslije 300 ms (iz kesa popis stigne prije i loader se
   ne vidi). Spremno: rz.js `rzLdGotov` doda `.van`, sve skoci na kraj i
   ploha izblijedi. Sigurnosna mreza: nakon 20 s ploha nestane i bez JS-a. */




/* CLS (26.09.2026.): `str` je fixed, pa #klrez u toku stranice ima 0 px dok podaci ne stignu.
   Sve ispod (sazetak jucer .klrdan) stoji u prvom ekranu i onda odleti ~7000 px dolje: CLS 0,73.
   Dok loader postoji, #klrez drzi mjesto visine ekrana, pa je .klrdan od pocetka ispod ruba. */





















/* male cekaonice (tabovi detalja, prozor igraca) i plutajuci znak u kutu:
   kockica koja dise umjesto vrtuljka */


@keyframes rzldpoj{to{opacity:1}}
@keyframes rzldvan{from{opacity:1}to{opacity:0}}
@keyframes rzldkraj{to{opacity:0;visibility:hidden}}
@keyframes rzldcrt{to{stroke-dashoffset:0}}
@keyframes rzldpuni{to{fill-opacity:1;stroke-opacity:0}}
@keyframes rzldpip{from{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}
@keyframes rzlddah{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes rzldok{to{background:var(--rz-zel);border-color:var(--rz-zel)}}
@keyframes rzldink{to{color:var(--rz-ink)}}
@keyframes rzldkoc{0%,100%{transform:scale(.88);opacity:.55}50%{transform:scale(1);opacity:1}}


/* --- Koeficijenti u Tinti, kroj K3 „Po temama" (24.09.2026.) -------------
   Gradja: prod/tinta/spoj.js (`kvHtml`). Plocice nose oznaku malo gore i
   kvotu ispod, kao u registru; kvote 15 px (operator: „makni da je tako
   veliki font"), kvota 600 i oznake 400 (24.09.: „podebljani fontovi"). Stupac „Sto kvote kazu" na mobitelu ide ispod trzista. */




























/* Prije pocetka su plocice poveznice na /partner/ i globalni CTA standard iz
   posta 26 ih je pretvarao u zelene pilule sa sjenom, padding 13x26 i bijelim
   tekstom (operatorova snimka 24.09.). Isto kao `a.rz-kq` u registru: id u
   selektoru i !important vracaju plocicu K3. */

















/* Tocan rezultat (9) i poluvrijeme/kraj (9) uvijek u tri stupca: devet
   plocica u jednom redu su na racunalu bile uske 60 px. */

/* Racunalo (24.09.2026., operator: „izgleda bas off, treba se bolje uklopit"):
   trzista su bila jedan stupac plocica do 600 px, a do stupca „Sto kvote
   kazu" zjapilo je 500+ px praznine. Sad svako trziste je svoj blok i blokovi
   se slazu u mrezu koja puni sirinu (3 do 4 u redu), bez rastezanja plocica. */

/* Forma zadnjih 5 (stari `blkForm` u kartici Forma): Tintin reset
   `#klrez .klrez-tinta :where(span,...,i,...){color:inherit}` je jaci od
   `.klrez-frow .fc` u postu 26, pa je slovo na zelenom i crvenom krugu bilo
   #444, i to u monu (operatorova snimka 24.09.). Bijelo, Inter. */

/* zaglavlje prije pocetka: sat umjesto rezultata */







/* --- donji dio /rezultati/ u okviru ploce (24.09.2026., operator: „mora
   biti full width da se uklopi u cijelu stranicu") ----------------------
   Ploca (#klrez) ide preko cijele sirine sa sadrzajem do 1560 px i rubom od
   22 px (`.rz-zag`), a sve ispod nje (Jucer, Mjesecni izvjestaji, tekst
   stranice) stajalo je u stupcu `.klr-wide` od 1170 px. Isti okvir za sve;
   odlomci teksta zadrzavaju citljivu duljinu retka. */




/* ----------------------------------------------------------------------
   PRETRAGA V2 „Odgovor na vrhu" (24.09.2026.). Izvor: trazi.js; dizajn iz
   makete prod/popis/trazi-maketa/v2.tpl.html. Polje stoji odmah iza datuma
   (racunalo, do 640 px) ili u vlastitom redu od 48 px (mobitel, T3). Ploca
   i sloj vise na #klrez, NE u #rz-reg: `container-type` registra svakom
   `position:fixed` potomku postane okvir (v. memoriju rezultati-runda-11).
   Sloj stoji na 9070 jer `.klnav` obitelj ide do 9060.
   ---------------------------------------------------------------------- */

















































































































@keyframes rztzpop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}



/* ======================================================================
   RUNDA 24.09. NAVECER (operatorovih 7 tocaka)
   ====================================================================== */
/* --- val pritiska na kartici: os utakmice 0'–90', Plima ------------------ */










@keyframes rzvk{0%{stroke-width:7;opacity:.55}100%{stroke-width:22;opacity:0}}
/* glatka crta, ploha u prijelazu (domacin gore, gost dolje) */





/* --- kartica tipa: zaglavlje prati izabrani tip, ploca u dva reda -------- */








/* vise tipova: ispod ploce viri jos jedan listic */











/* --- zvjezdica na pracenoj kartici --------------------------------------- */





/* --- preslagivanje pracenih ---------------------------------------------- */









/* podignuta i nagnuta kartica viri iz vrpce; vrpca je klizac pa bi je
   odrezala. Vise zraka gore i dolje, a negativni rub drzi kartice na mjestu. */





/* nepracene se u uredjivanju povuku (manje, prigusene), ali „+" na njima ostaje jarak */








/* njisanje kao ikone na iPhoneu: zakret i mali poskok, svaka kartica svojim ritmom (JS) */




@keyframes rzkla{from{rotate:-1deg;translate:0 .5px}to{rotate:1deg;translate:0 -.5px}}
@keyframes rzdiz{from{box-shadow:0 1px 2px rgba(0,40,28,.08),0 0 0 0 var(--rz-dz)}to{box-shadow:0 26px 56px rgba(0,40,28,.34),0 8px 16px rgba(0,40,28,.12),0 0 0 2px var(--rz-dz)}}
@keyframes rzspu{from{box-shadow:0 26px 56px rgba(0,40,28,.34),0 8px 16px rgba(0,40,28,.12),0 0 0 2px var(--rz-dz)}to{box-shadow:0 1px 2px rgba(0,40,28,.04),0 0 0 0 transparent}}
/* zvjezdica postaje redni broj pracene utakmice */





/* --- obavijest (gol, pocetak, kraj): uvijek tamna, i u tamnom nacinu ----- */
















@keyframes rzlopt{from{transform:translateX(-10px) rotate(-200deg);opacity:0}to{transform:none;opacity:1}}

/* --- registar: nasi tipovi prvi, oznaka tipa sa stanjem ------------------ */











/* Rub retka: samo nasi tipovi nose zelenu crtu. Obicna utakmica uzivo ju
   je dobivala takodjer, pa su se tip i ne-tip razlikovali u nijansi koju se
   na tamnom ne vidi (snimka 24.09.: Kosovo s jarkom crtom izmedju tipova). */



/* --- LIVE REDAK: Ploca (operator izabrao L1 od tri) ---------------------- */
/* rezultat u vlastitoj plocici, zelenoj dok se igra */







/* ======================================================================
   GUMBI KOJI ZIVE + VODIC ZA PRVE KORISNIKE (24.09. kasno)
   ====================================================================== */

/* zajednicko: razlijevanje boje od mjesta klika, talas, stisak */






/* Uredi → Gotovo: crtice se skupe, nacrta se kvacica, natpis se zamijeni */














/* Zvuk gola: valovi izlaze i ulaze, kosa crta prekrizi */












@keyframes rzzvp{0%{transform:none;opacity:1}100%{transform:translateX(3px) scale(1.25);opacity:.2}}
@keyframes rzzvt{50%{transform:scale(1.12)}}
/* „?" vraca vodic; vidi se samo u uredjivanju */



/* ---- vodic za prve korisnike: Prica (izbor 25.09.) ---- */
























/* scena */












/* scena 1: + na trecoj, ona skoci naprijed, ostale se odmaknu */





@keyframes rzs1a{0%,30%{transform:none;background:#1E3329}40%{transform:translateY(-8px) scale(1.06);background:#0B5A41}62%{transform:translate(-192px,-8px) scale(1.06) rotate(-3deg);background:#0B5A41}72%,90%{transform:translate(-192px,0);background:#0B5A41}100%{transform:none;background:#1E3329}}
@keyframes rzs1b{0%,44%{transform:none}62%,90%{transform:translateX(96px)}100%{transform:none}}
@keyframes rzs1p{0%,28%{transform:none;opacity:1}34%{transform:scale(.7);opacity:1}40%,92%{transform:scale(0);opacity:0}100%{transform:none;opacity:1}}
@keyframes rzs1z{0%,38%{transform:scale(0);opacity:0}48%{transform:scale(1.3);opacity:1}56%,90%{transform:none;opacity:1}100%{transform:scale(0);opacity:0}}
@keyframes rzs1r{0%{transform:translate(300px,100px);opacity:0}14%{opacity:1}26%{transform:translate(282px,26px)}30%{transform:translate(282px,26px) scale(.8)}36%{transform:translate(282px,26px) scale(1);opacity:1}46%,100%{transform:translate(300px,110px);opacity:0}}
/* scena 2: njisanje, jedna se podigne i ode na trece mjesto */





@keyframes rzs2a{0%,12%{transform:none;box-shadow:inset 0 0 0 1px rgba(0,217,130,.35)}22%{transform:translateY(-8px) scale(1.08);box-shadow:0 14px 26px rgba(0,0,0,.45),0 0 0 2px #00D982}
  45%{transform:translate(96px,-8px) scale(1.08) rotate(5deg)}66%{transform:translate(192px,-8px) scale(1.08) rotate(1deg);box-shadow:0 14px 26px rgba(0,0,0,.45),0 0 0 2px #00D982}
  74%{transform:translate(192px,1px) scale(.97)}80%,92%{transform:translate(192px,0);box-shadow:inset 0 0 0 1px rgba(0,217,130,.35)}100%{transform:none}}
@keyframes rzs2b{0%,34%{translate:0}50%,92%{translate:-96px 0}100%{translate:0}}
@keyframes rzs2r{0%,4%{transform:translate(70px,110px);opacity:0}12%{transform:translate(52px,48px);opacity:1}22%{transform:translate(52px,40px) scale(.8)}45%{transform:translate(148px,40px) scale(.8)}66%{transform:translate(244px,40px) scale(.8);opacity:1}76%{transform:translate(244px,40px);opacity:1}88%,100%{transform:translate(270px,110px);opacity:0}}
/* broj na zvjezdici prati mjesto: dva broja u stupcu, stupac klizne */



@keyframes rzs2n{0%,70%{transform:none}78%,92%{transform:translateY(-18px)}100%{transform:none}}
/* scena 3: gol u pracenoj, broj se okrene, zvucnik zasvira, obavijest klizne */

















@keyframes rzs3l{0%{transform:translate(20px,100px);opacity:0}8%{opacity:1}30%{transform:translate(218px,42px);opacity:1}34%,100%{transform:translate(222px,44px) scale(.4);opacity:0}}
@keyframes rzs3s{0%,32%{transform:none}40%,90%{transform:translateY(-100%)}100%{transform:none}}
@keyframes rzs3k{0%,32%{box-shadow:inset 0 0 0 1px rgba(0,217,130,.35)}36%{box-shadow:inset 0 0 0 1px rgba(0,217,130,.35),0 0 0 6px rgba(0,217,130,.35)}50%,100%{box-shadow:inset 0 0 0 1px rgba(0,217,130,.35),0 0 0 14px rgba(0,217,130,0)}}
@keyframes rzs3t{0%,38%{transform:translate(-50%,-40px)}48%,84%{transform:translate(-50%,8px)}94%,100%{transform:translate(-50%,-40px)}}
@keyframes rzs3w{0%,34%{stroke-dashoffset:1;opacity:0}40%{stroke-dashoffset:0;opacity:1}52%{opacity:.3}58%{opacity:1}70%{opacity:.3}80%{opacity:1}92%,100%{stroke-dashoffset:1;opacity:0}}
/* mobitel: ploca odozdo */










/* tijekom vodica „+" jace diše */

@keyframes rzvdd{50%{box-shadow:0 0 0 7px rgba(0,217,130,.22),0 3px 10px rgba(0,107,78,.3)}}


/* rz-tamno.gen.css — GENERIRANO s `python3 prod/popis/tamno.py`, ne uredjivati.
Tamni nacin /rezultati/, vrijedi samo uz html[data-rzt="dark"]. */
/* ==== post 26 + KLP: 4199 pravila -> 327 s bojom, 497 deklaracija ==== */
html[data-rzt="dark"]{--brand-primary:#00D982;--brand-primary-dark:#5BE3AC;--brand-primary-light:#00D982;--brand-soft:#1C2421;--ink:#F0F4F2;--body-text:#BCC6C2;--muted:#7C8985;--border:#252E2B;--color-win:#00D982;--accent:#00D982 !important;--accent-color:#00D982 !important;--link-color:#00D982 !important;--link-hover-color:#5BE3AC !important;--space-accent:#00D982 !important}
html[data-rzt="dark"] body,
html[data-rzt="dark"] body p,
html[data-rzt="dark"] body span,
html[data-rzt="dark"] body div,
html[data-rzt="dark"] body li{color:#BCC6C2}
html[data-rzt="dark"] h1,
html[data-rzt="dark"] h2,
html[data-rzt="dark"] h3,
html[data-rzt="dark"] h4,
html[data-rzt="dark"] h5,
html[data-rzt="dark"] h6,
html[data-rzt="dark"] body h1,
html[data-rzt="dark"] body h2,
html[data-rzt="dark"] body h3,
html[data-rzt="dark"] body h4,
html[data-rzt="dark"] body h5,
html[data-rzt="dark"] body h6{color:#F0F4F2 !important}
html[data-rzt="dark"] .space-footer-copy-left a,
html[data-rzt="dark"] .space-footer-copy-left a:visited,
html[data-rzt="dark"] .space-footer a,
html[data-rzt="dark"] .space-footer a:visited{color:#00D982 !important}
html[data-rzt="dark"] .space-footer-copy-left a:hover,
html[data-rzt="dark"] .space-footer a:hover{color:#5BE3AC !important}
html[data-rzt="dark"] .klr .toc .row:hover{background:#171E1C}
html[data-rzt="dark"] .klr .toc .num{background:#1C2421;color:#5BE3AC !important}
html[data-rzt="dark"] .klr .toc .ttl a::after{color:#00D982}
html[data-rzt="dark"] .kl-vd-main .klr h2{color:#F0F4F2 !important}
html[data-rzt="dark"] .klr{--brand:#00D982;--dark:#5BE3AC;--ink:#F0F4F2;--body:#BCC6C2;--muted:#7C8985;--line:#252E2B;--rule:rgba(255,255,255,.22)}
html[data-rzt="dark"] .klr .toc .lead-dots{border-bottom:1px dotted #252E2B}
html[data-rzt="dark"] a:focus-visible,
html[data-rzt="dark"] summary:focus-visible,
html[data-rzt="dark"] button:focus-visible{outline:2px solid #00D982 !important}























































































































































































































































































































/* ==== inline 25127: 110 pravila -> 14 s bojom, 27 deklaracija ==== */
html[data-rzt="dark"] .klrdan{--j-plo:#171E1C;--j-crt:#1C2421;--j-ink:#F0F4F2;--j-siv:#BCC6C2;--j-mut:#7C8985;--j-pod:#1C2421;--j-zel:#00D982;--j-crv:#FF6B6B}
html[data-rzt="dark"] .klrdan .j5n em{color:#00D982 !important}
html[data-rzt="dark"] .klrdan .j5isk .bar i.g{background:#252E2B}
html[data-rzt="dark"] .klrdan .udan .k b{color:#00D982 !important}
html[data-rzt="dark"] .klizvk .klizvk-k{color:#F0F4F2}
html[data-rzt="dark"] .klizvk .klizvk-o{color:#BCC6C2}
html[data-rzt="dark"] .klizvk a.klizvk-m{background:#171E1C;border:1px solid #252E2B;border-bottom:1px solid #252E2B !important;color:#F0F4F2 !important}
html[data-rzt="dark"] .klizvk a.klizvk-m:hover{border-color:#00D982;border-bottom-color:#00D982 !important;box-shadow:0 2px 10px -6px rgba(0,0,0,0.68)}
html[data-rzt="dark"] .klizvk .mj{color:#F0F4F2}
html[data-rzt="dark"] .klizvk .br b.pos{color:#00D982}
html[data-rzt="dark"] .klizvk .br b.neg{color:#FF6B6B}
html[data-rzt="dark"] .klizvk .br i{color:#BCC6C2}
html[data-rzt="dark"] .klizvk .ot{color:#E6D094}
html[data-rzt="dark"] .klizvk .za{color:#BCC6C2;background:#1C2421}
/* ==== pilula + footer: 239 pravila -> 35 s bojom, 61 deklaracija ==== */
html[data-rzt="dark"] .klf{--brand:#00D982;--brand-dark:#5BE3AC;--soft:#1C2421;--ink:#F0F4F2;--body:#BCC6C2;--muted:#7C8985;--border:#252E2B;--line:#252E2B;--tint:#171E1C;--wash:#171E1C;background:#171E1C}
html[data-rzt="dark"] .klf-num.strip{border-left:1px solid #252E2B}
html[data-rzt="dark"] .klf-run i.o{background:#252E2B}
html[data-rzt="dark"] .klf-col a,
html[data-rzt="dark"] .klf-col a:link,
html[data-rzt="dark"] .klf-col a:visited{color:#BCC6C2}
html[data-rzt="dark"] .klf-score{color:#7C8985}
html[data-rzt="dark"] .klf .klf-col a,
html[data-rzt="dark"] .klf .klf-col a:link,
html[data-rzt="dark"] .klf .klf-col a:visited{color:#BCC6C2 !important}
html[data-rzt="dark"] .klf .klf-score{color:#BCC6C2}
html[data-rzt="dark"] .klf .klf-run i.l::after{background:#171E1C}
html[data-rzt="dark"]{--kg:#00D982;--kgd:#5BE3AC;--kgl:#00D982;--ksoft:#1C2421;--kink:#F0F4F2;--kbody:#BCC6C2;--kgrey:#7C8985;--kbrd:#252E2B}
html[data-rzt="dark"] .klnav--light{background:#171E1C}
html[data-rzt="dark"] .klnav-pill{background:#171E1C;box-shadow:0 14px 34px -14px rgba(0,0,0,0.765)}
html[data-rzt="dark"] .klnav--light .klnav-pill,
html[data-rzt="dark"] .klnav-pw.stuck .klnav-pill{box-shadow:0 18px 44px -16px rgba(0,0,0,0.374)}
html[data-rzt="dark"] .klnav-drop{background:#171E1C;box-shadow:0 22px 48px -18px rgba(0,0,0,0.51)}
html[data-rzt="dark"] .klnav-trow:hover{background:#171E1C}
html[data-rzt="dark"] .klnav-trow.cur{background:#171E1C}
html[data-rzt="dark"] .klnav-viz img{background:#171E1C}
html[data-rzt="dark"] .klnav-ci{background:#171E1C}
html[data-rzt="dark"] .klnav-featc{background:#171E1C;border:1px solid #252E2B}
html[data-rzt="dark"] .klnav-fmatch:hover{background:#1C2421}
html[data-rzt="dark"] .klnav-fside img,
html[data-rzt="dark"] .klnav-fside .klnav-ci{background:#171E1C}
html[data-rzt="dark"] .klnav-s:hover{background:#1C2421}
html[data-rzt="dark"] .klnav-pt img,
html[data-rzt="dark"] .klnav-pt .klnav-ci{background:#171E1C}
@media(max-width:900px){
html[data-rzt="dark"] .klnav-burger{background:#171E1C;box-shadow:0 12px 28px -12px rgba(0,0,0,0.82)}
html[data-rzt="dark"] .klnav-panel{background:#171E1C;box-shadow:0 24px 60px -20px rgba(0,0,0,0.82)}
html[data-rzt="dark"] .klnav-prow:active{background:#1C2421}
html[data-rzt="dark"] .klnav-tcard{background:#171E1C;border:1px solid #252E2B}
html[data-rzt="dark"] .klnav-mfeat{background:#171E1C;border:1px solid #252E2B}
html[data-rzt="dark"] .klnav-mfeat .klnav-fmatch:active{background:#171E1C}
html[data-rzt="dark"] .klnav-fb img,
html[data-rzt="dark"] .klnav-fb .klnav-ci{background:#171E1C}
html[data-rzt="dark"] .klnav--light.klnav--isl{background:#171E1C}
html[data-rzt="dark"] .klnav--light.klnav--isl .klnav-isl{background:#171E1C;box-shadow:0 1px 2px rgba(0,0,0,0.102),0 6px 16px -10px rgba(0,0,0,0.476)}
html[data-rzt="dark"].klsc .klnav--isl .klnav-isl{background:#171E1C;box-shadow:0 2px 5px rgba(0,0,0,0.136),0 12px 26px -12px rgba(0,0,0,0.578)}
html[data-rzt="dark"] .klnav-burger--pod{box-shadow:0 1px 2px rgba(0,0,0,0.102),0 6px 16px -10px rgba(0,0,0,0.476)}
html[data-rzt="dark"].klsc .klnav-burger--isl{box-shadow:0 2px 5px rgba(0,0,0,0.136),0 12px 26px -12px rgba(0,0,0,0.578)}
html[data-rzt="dark"] .klnav-burger--isl .klnav-dot{border:1.5px solid #252E2B}
}

/* ----------------------------------------------------------------------
   TAMNI NACIN /rezultati/ — rucne odluke (23.09.2026.)
   Generirani sloj (`rz-tamno.gen.css`, `tamno.py`) mapira boje iz pravila;
   ovdje je ono sto generator ne moze znati: pozadina teme (Mercury nije u
   postu 26), gumb prekidaca i otoci koje je trebalo izmjeriti na stranici.
   Paleta je karbon iz dark-mode/darkgen.py: podloga #0F1413, kartica #171E1C,
   uvucena ploha #1C2421, crta #252E2B, naslov #F0F4F2, tekst #BCC6C2,
   pomocni #7C8985, zelena na tamnom #00D982.
   ---------------------------------------------------------------------- */

/* --- prekidac (oba nacina) --------------------------------------------- */






/* --- tokeni komponenti -------------------------------------------------- */
html[data-rzt="dark"]{color-scheme:dark}


/* --- tema i okvir stranice ---------------------------------------------- */
html[data-rzt="dark"],html[data-rzt="dark"] body,html[data-rzt="dark"] .space-box,
html[data-rzt="dark"] .space-page-section,html[data-rzt="dark"] .space-page-content,
html[data-rzt="dark"] .space-content-section{background-color:#0F1413!important}
html[data-rzt="dark"] body :is(h1,h2,h3,h4,h5,h6){color:#F0F4F2!important}
html[data-rzt="dark"] body{color:#BCC6C2}
html[data-rzt="dark"] .space-page-content :is(p,li){color:#BCC6C2}
html[data-rzt="dark"] .space-page-content a:not([class]){color:#00D982!important}
/* footer: tema drzi sivu plohu, gumb pomoci je na brand tokenu (koji je u
   tamnom svijetlozelen, bijeli tekst bi pao na 1,9:1), a CTA standard je
   #009168 s bijelim tekstom */
html[data-rzt="dark"] .space-footer-top{background-color:#0F1413!important}
html[data-rzt="dark"] .klf .klf-help{background:#009168;color:#fff}
html[data-rzt="dark"] .klf b.down{color:#FF6B6B}
html[data-rzt="dark"] .space-footer-copy span{color:#7C8985}

/* --- Tinta (detalj utakmice) --------------------------------------------
   `--kt-gra2` je i ploha znacke izmjene (bijela brojka na njoj) i boja
   ikone; generator ga je digao u svijetlo pa je bijela brojka pala na 2:1.
   `--kt-coolrgb` ulazi u rgba() koprene i sjene ljepive glave. */




/* brojka na znacki vala stoji na `--kt-gra`, koji je u tamnom tekst (svijetao) */



/* --- kazalo mjeseci (inline stil posta 25127) --------------------------- */
html[data-rzt="dark"] .klizvk .ot{background:rgba(242,194,48,.14)}
/* Forma zadnjih 5: generator je krug pobjede i poraza pretvorio u tamnu plohu
   (pravilo za .fc je jace od .fc.w i .fc.l), pa se ishod nije vidio. */


/* 24.09. navecer: obavijest je UVIJEK tamna (u rz.css), pa je generator ne
   smije „posvijetliti" — vraca se na vlastite boje */




/* oznaka tipa u retku */








/* live redak */


/* val na obicnoj kartici u tamnom */

/* redni broj na zvjezdici u uredjivanju: tamni tekst na zutoj i u tamnom */

/* „+" u uredjivanju: ista jarka zelena i u tamnom */

/* gumb Gotovo: tamni tekst na jarkoj zelenoj i u tamnom */

/* vodic je uvijek taman: generator ga ne smije „posvijetliti" ni zatamniti bijelo */




/* KLP-KRAJ */


/* 15.10.2026.: brojke bez JetBrains Mona (operator: "classic AI brojke").
   Sve mono deklaracije u ovom postu prebacene na Inter; ovo pravilo hvata i
   inline style iz generatora (stare objave tipova, kartice, profili). */
body{font-variant-numeric:tabular-nums}
[style*="JetBrains"],[style*="monospace"]{font-family:'Inter',system-ui,-apple-system,sans-serif!important;font-variant-numeric:tabular-nums}
.klf-num b,.klf-score,.klps-h,.klps-cbar b,.klps-ck,.klps-cr2 b{font-family:'Inter',system-ui,-apple-system,sans-serif!important}