/* TK Tri Rijeke - teme aplikacije (svijetla / automatski). Tamna = originalne boje u stranicama. */
html[data-tk-theme="light"] {
  --tk-bg: #F5F3EC; --tk-card: #FFFFFF; --tk-card2: #EEEBE2; --tk-line: #E3E0D5;
  --tk-t1: #13241A; --tk-t2: #5C6B60; --tk-acc: #2E7D46; --tk-gold: #9A6F00; --tk-sky: #25689A;
  --tk-fg-rgb: 19,36,26; --tk-bg-rgb: 255,255,255;
  color-scheme: light; background-color: #F5F3EC;
}
@media (prefers-color-scheme: light) {
  html[data-tk-theme="auto"] {
    --tk-bg: #F5F3EC; --tk-card: #FFFFFF; --tk-card2: #EEEBE2; --tk-line: #E3E0D5;
    --tk-t1: #13241A; --tk-t2: #5C6B60; --tk-acc: #2E7D46; --tk-gold: #9A6F00; --tk-sky: #25689A;
    --tk-fg-rgb: 19,36,26; --tk-bg-rgb: 255,255,255;
    color-scheme: light; background-color: #F5F3EC;
  }
}
/* dorada svijetle teme: jedan akcent, lagane sjene na karticama */
html[data-tk-theme="light"] .q .tt, html[data-tk-theme="light"] .tile .tt { color: var(--tk-t1) !important; }
html[data-tk-theme="light"] .next .l { color: var(--tk-t2) !important; }
html[data-tk-theme="light"] .next, html[data-tk-theme="light"] .q, html[data-tk-theme="light"] .tile, html[data-tk-theme="light"] .card, html[data-tk-theme="light"] .item, html[data-tk-theme="light"] .box {
  box-shadow: 0 1px 2px rgba(19,36,26,.05), 0 4px 14px rgba(19,36,26,.05);
}
html[data-tk-theme="light"] .hi, html[data-tk-theme="light"] .glass { background: rgba(255,255,255,.78) !important; color: #13241A !important; border-color: rgba(19,36,26,.12) !important; }
@media (prefers-color-scheme: light) {
  html[data-tk-theme="auto"] .q .tt, html[data-tk-theme="auto"] .tile .tt { color: var(--tk-t1) !important; }
  html[data-tk-theme="auto"] .next .l { color: var(--tk-t2) !important; }
  html[data-tk-theme="auto"] .next, html[data-tk-theme="auto"] .q, html[data-tk-theme="auto"] .tile, html[data-tk-theme="auto"] .card, html[data-tk-theme="auto"] .item, html[data-tk-theme="auto"] .box {
    box-shadow: 0 1px 2px rgba(19,36,26,.05), 0 4px 14px rgba(19,36,26,.05);
  }
  html[data-tk-theme="auto"] .hi, html[data-tk-theme="auto"] .glass { background: rgba(255,255,255,.78) !important; color: #13241A !important; border-color: rgba(19,36,26,.12) !important; }
}

/* admin dopuna */
html[data-tk-theme="light"] { --court-900: #EEEBE2; --line-strong: #D6D2C4; --muted-2: #7A8A7E; --clay-light: #A4531F; --ball-dim: rgba(207,230,69,.24); --tk-red: #C0412B; --tk-clay: #A4531F; }
@media (prefers-color-scheme: light) { html[data-tk-theme="auto"] { --court-900: #EEEBE2; --line-strong: #D6D2C4; --muted-2: #7A8A7E; --clay-light: #A4531F; --ball-dim: rgba(207,230,69,.24); --tk-red: #C0412B; --tk-clay: #A4531F; } }
html[data-tk-theme="light"] input, html[data-tk-theme="light"] select, html[data-tk-theme="light"] textarea { color-scheme: light; }

/* desktop v2 */
@media (min-width: 700px) {
  html body nav.tabbar { justify-content: center !important; }
  html body nav.tabbar a { flex: 0 1 140px !important; }
  .hero { margin: 0 auto; border-radius: 0 0 24px 24px; }
  .hero > .slides > *, .hero .fallback { border-radius: 0 0 24px 24px; }
}
@media (min-width: 700px) and (max-width: 1023px) {
  .hero { max-width: 760px; }
  html body main:has(> .col-a) { max-width: 760px !important; }
}
@media (min-width: 1024px) {
  html body .hero { max-width: 1240px; height: calc(320px + env(safe-area-inset-top, 0px)); border-radius: 0 0 28px 28px; }
  .hero > .slides > *, .hero .fallback { border-radius: 0 0 28px 28px; }
  .hero .topbar { padding-left: 28px; padding-right: 28px; }
  .hero .ident { left: 28px; right: 28px; bottom: 24px; gap: 16px; }
  .hero .ident h1 { font-size: 50px; }
  .hero .ident img { width: 64px; height: 64px; }
  .hero .loc { font-size: 15px; }
  .hero .dots { right: 28px; bottom: 32px; }
  html body .fallback img { width: 120px; height: 120px; }
  html body main:has(> .col-a) { max-width: 1240px !important; padding: 24px 20px 40px !important; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 28px; align-items: start; }
  .col-a > :first-child, .col-b > :first-child { margin-top: 0 !important; }
  .col-b { position: sticky; top: 16px; }
  html body .book { padding: 22px 24px; }
  html body .book .bt { font-size: 32px; }
  html body .quick .q { min-height: 132px; }
}
@media (min-width: 700px) and (hover: hover) {
  .book:hover, .q:hover, .next:hover, .item:hover, a.rowlink:hover { filter: brightness(1.03); }
}

/* linija */
@media (min-width: 1024px) {
  .col-b > .sec:first-child { display: none; }
  .col-a > :first-child, .col-b > .sec:first-child + * { margin-top: 0 !important; }
}

/* stranice */
@media (min-width: 700px) {
  body:has(> nav.tabbar) > main { max-width: 760px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box; }
  body:has(> nav.tabbar) > header { padding-left: max(20px, calc((100% - 760px) / 2 + 20px)) !important; padding-right: max(20px, calc((100% - 760px) / 2 + 20px)) !important; }
  body:has(> nav.tabbar) .ltsw { max-width: 760px !important; padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box; }
}
@media (min-width: 1024px) {
  body:has(> nav.tabbar) > main { max-width: 1240px !important; }
  body:has(> nav.tabbar) > header { padding-left: max(20px, calc((100% - 1240px) / 2 + 20px)) !important; padding-right: max(20px, calc((100% - 1240px) / 2 + 20px)) !important; }
  body:has(> nav.tabbar) .ltsw { max-width: 1240px !important; }
}

/* traka */
@media (min-width: 700px) {
  html body nav.tabbar { justify-content: space-between !important; padding-left: max(20px, calc((100% - 760px) / 2 + 20px)) !important; padding-right: max(20px, calc((100% - 760px) / 2 + 20px)) !important; box-sizing: border-box; }
  html body nav.tabbar a { flex: 1 1 0 !important; }
}
@media (min-width: 1024px) {
  html body nav.tabbar { padding-left: max(20px, calc((100% - 1240px) / 2 + 20px)) !important; padding-right: max(20px, calc((100% - 1240px) / 2 + 20px)) !important; }
}

/* baner */
html body .hero:has(.fallback) { height: calc(176px + env(safe-area-inset-top, 0px)) !important; background: radial-gradient(circle at 88% 15%, rgba(207,230,69,.22), transparent 55%), linear-gradient(135deg, #1F3D28 0%, #0D1A12 100%) !important; }
.hero:has(.fallback)::after { display: none; }
.hero .fallback { background: repeating-linear-gradient(115deg, rgba(244,242,233,.035) 0 2px, transparent 2px 46px) !important; }
.hero .fallback img { display: none; }
.hero:has(.fallback) .ident h1 { color: #F4F2E9; }
.hero:has(.fallback) .loc { color: rgba(244,242,233,.85) !important; }
.hero:has(.fallback) .ident img { box-shadow: 0 0 0 3px rgba(207,230,69,.35), 0 6px 20px rgba(0,0,0,.35); }
@media (min-width: 1024px) {
  html body .hero:has(.fallback) { height: calc(210px + env(safe-area-inset-top, 0px)) !important; }
}

/* admin kartice */
html[data-tk-theme="light"] { --court-900: #FFFFFF; }
html[data-tk-theme="light"] .panel, html[data-tk-theme="light"] .kpi, html[data-tk-theme="light"] .inc, html[data-tk-theme="light"] .lga-card, html[data-tk-theme="light"] .lga-kpi, html[data-tk-theme="light"] .sheet { box-shadow: 0 1px 2px rgba(19,36,26,.05), 0 4px 14px rgba(19,36,26,.05); }
@media (prefers-color-scheme: light) {
html[data-tk-theme="auto"] { --court-900: #FFFFFF; }
html[data-tk-theme="auto"] .panel, html[data-tk-theme="auto"] .kpi, html[data-tk-theme="auto"] .inc, html[data-tk-theme="auto"] .lga-card, html[data-tk-theme="auto"] .lga-kpi, html[data-tk-theme="auto"] .sheet { box-shadow: 0 1px 2px rgba(19,36,26,.05), 0 4px 14px rgba(19,36,26,.05); }
}

/* akcije */
@media (min-width: 1024px) {
  html body main:has(> .col-a) { display: block !important; }
  html body .col-a { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: stretch; }
  html body .col-a > * { grid-column: 1 / -1; margin-top: 0 !important; }
  html body .col-a > .next { grid-column: 1; }
  html body .col-a > .next + .book { grid-column: 2; }
  html body .col-a > .next, html body .col-a > .book { min-height: 96px; }
  html body .col-a > .sec { margin-top: 14px !important; }
  html body .col-a > .item { margin-bottom: 0; }
  html body .col-b { position: static; margin-top: 4px; }
}

/* redovi */
html body .quick { display: flex !important; flex-direction: column !important; gap: 10px !important; }
html body .quick .q { display: grid !important; grid-template-columns: 46px minmax(0, 1fr) auto auto; grid-template-areas: "e tt badge go" "e st badge go";
  align-items: center; column-gap: 14px; row-gap: 2px; min-height: 0 !important; padding: 14px 16px !important; }
html body .quick .q .e { grid-area: e; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 23px;
  background: rgba(207,230,69,.14); }
html body .quick .q .tt { grid-area: tt; margin: 0 !important; font-size: 22px !important; line-height: 1.05 !important; align-self: end; }
html body .quick .q .st { grid-area: st; margin: 0 !important; font-size: 13px !important; -webkit-line-clamp: 1 !important; align-self: start; }
html body .quick .q .badge { grid-area: badge; position: static !important; }
html body .quick .q::after { content: '\203A'; grid-area: go; font-size: 22px; color: var(--tk-acc, var(--ball)); }

/* dorada v1 */
.cbox { overscroll-behavior: contain; padding-bottom: 0 !important; }
html body .cbox > .chead { position: sticky !important; top: 0; z-index: 3; }
.cclose { display: block; width: calc(100% - 40px); margin: 16px 20px calc(18px + env(safe-area-inset-bottom, 0px)); padding: 14px; border-radius: 14px;
  border: 1px solid var(--tk-line, var(--line)); background: var(--tk-card, var(--court-800)); color: var(--tk-t1, var(--chalk)); font: 700 15px 'Inter', sans-serif; cursor: pointer; }
@media (min-width: 1024px) {
  html body .col-a { display: block !important; }
  html body .col-a > * { margin-top: 0 !important; }
  html body .col-a > .next, html body .col-a > .book, html body .col-a > .quick { margin-bottom: 16px !important; }
  html body .col-a > .next { padding: 22px 26px !important; gap: 18px !important; min-height: 0 !important; }
  html body .col-a > .next .ni { width: 58px; height: 58px; font-size: 28px; border-radius: 16px; }
  html body .col-a > .next .l { font-size: 13px; }
  html body .col-a > .next .t { font-size: 20px; }
  html body .col-a > .next .w { font-size: 14.5px; }
  html body .col-a > .book { padding: 28px 30px !important; gap: 18px !important; min-height: 0 !important; }
  html body .col-a > .book .bi { width: 58px; height: 58px; font-size: 30px; border-radius: 16px; }
  html body .col-a > .book .bt { font-size: 38px !important; }
  html body .col-a > .book .bs { font-size: 15px; }
  html body .quick { gap: 16px !important; }
  html body .quick .q { grid-template-columns: 58px minmax(0, 1fr) auto auto !important; column-gap: 18px !important; padding: 22px 26px !important; }
  html body .quick .q .e { width: 58px; height: 58px; font-size: 28px; border-radius: 16px; }
  html body .quick .q .tt { font-size: 27px !important; }
  html body .quick .q .st { font-size: 14.5px !important; }
  html body .col-a > .item { padding: 16px 20px; font-size: 15px; margin-bottom: 10px !important; }
}

/* bez bocnog skrola */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; overflow-x: hidden; }
@supports (overflow: clip) { html, body { overflow-x: clip; } }
body { overflow-wrap: break-word; }
img, video, canvas, iframe { max-width: 100%; }
table { max-width: 100%; }
input, select, textarea { max-width: 100%; min-width: 0; }
.acts, .row, .member-actions, .lga-filter { flex-wrap: wrap; }
@media (max-width: 480px) {
  .acts > .btn, .row > .btn { min-width: 0 !important; }
}

/* hero slike */
html body .hero:not(:has(.fallback))::after { height: 70% !important; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.28) 45%, rgba(0,0,0,.62) 100%) !important; }
html body .hero:not(:has(.fallback)) .ident h1 { color: #FFFFFF !important; text-shadow: 0 2px 12px rgba(0,0,0,.45); }
html body .hero:not(:has(.fallback)) .loc { color: rgba(255,255,255,.92) !important; text-shadow: 0 1px 8px rgba(0,0,0,.5); }
html body .hero:not(:has(.fallback)) .ident img { box-shadow: 0 0 0 3px rgba(255,255,255,.55), 0 6px 20px rgba(0,0,0,.4); }
/* postavke redoslijed */
main > a[href*="/tennis/admin"], main > :has(> a[href*="/tennis/admin"]), main > :has(> * > a[href*="/tennis/admin"]) { order: -2; }
main > a[href$="/tennis/kako"] { order: -1; }

/* clean v1 */
html[data-tk-theme="light"] { --tk-bg: #F7F8F7; --tk-card: #FFFFFF; --tk-card2: #F2F4F3; --tk-line: #E8EBE9; --tk-t1: #14211A; --tk-t2: #6B7570; --tk-acc: #1F6B3A; --tk-gold: #8A6400; --tk-sky: #14211A; --tk-red: #B3402B; --tk-clay: #A4531F; --tk-fg-rgb: 20,33,26; --tk-bg-rgb: 255,255,255; --tk-acc-rgb: 31,107,58; --ball: #1F6B3A; --tk-accbg: #1F6B3A; --tk-on-acc: #FFFFFF; --tk-head: 'Inter', system-ui, sans-serif; --tk-hs: .72; --tk-hw: 800; --court-900: #FFFFFF; --line-strong: #E1E5E2; --muted-2: #8A938E; --clay-light: #A4531F; --ball-dim: rgba(31,107,58,.12); background-color: #F7F8F7; }
@media (prefers-color-scheme: light) { html[data-tk-theme="auto"] { --tk-bg: #F7F8F7; --tk-card: #FFFFFF; --tk-card2: #F2F4F3; --tk-line: #E8EBE9; --tk-t1: #14211A; --tk-t2: #6B7570; --tk-acc: #1F6B3A; --tk-gold: #8A6400; --tk-sky: #14211A; --tk-red: #B3402B; --tk-clay: #A4531F; --tk-fg-rgb: 20,33,26; --tk-bg-rgb: 255,255,255; --tk-acc-rgb: 31,107,58; --ball: #1F6B3A; --tk-accbg: #1F6B3A; --tk-on-acc: #FFFFFF; --tk-head: 'Inter', system-ui, sans-serif; --tk-hs: .72; --tk-hw: 800; --court-900: #FFFFFF; --line-strong: #E1E5E2; --muted-2: #8A938E; --clay-light: #A4531F; --ball-dim: rgba(31,107,58,.12); background-color: #F7F8F7; } }
html[data-tk-theme="light"] .next, html[data-tk-theme="light"] .q, html[data-tk-theme="light"] .tile, html[data-tk-theme="light"] .card, html[data-tk-theme="light"] .item, html[data-tk-theme="light"] .box, html[data-tk-theme="light"] .panel, html[data-tk-theme="light"] .kpi, html[data-tk-theme="light"] .inc, html[data-tk-theme="light"] .lga-card, html[data-tk-theme="light"] .lga-kpi, html[data-tk-theme="light"] .csec, html[data-tk-theme="light"] #membersList .member-row, html[data-tk-theme="light"] .person { box-shadow: none !important; }
html[data-tk-theme="light"] .q .badge, html[data-tk-theme="light"] nav.tabbar .icon .nb { background: #14211A !important; color: #FFFFFF !important; }
html[data-tk-theme="light"] .book { box-shadow: none !important; }
html[data-tk-theme="light"] nav.tabbar { background: #FFFFFF !important; border-top: 1px solid #E8EBE9 !important; }
html[data-tk-theme="light"] nav.tabbar a { color: #8C948F !important; }
html[data-tk-theme="light"] nav.tabbar a.active { color: #1F6B3A !important; }
html[data-tk-theme="light"] .next .ni, html[data-tk-theme="light"] .quick .q .e { background: #F2F4F3 !important; color: #14211A !important; }
html[data-tk-theme="light"] .next { border-color: #E8EBE9 !important; }
html[data-tk-theme="light"] .next .l { color: #6B7570 !important; }
html[data-tk-theme="light"] .quick .q::after { color: #A3ABA6 !important; }
html[data-tk-theme="light"] .item .go, html[data-tk-theme="light"] .next .go { color: #A3ABA6 !important; }
@media (prefers-color-scheme: light) {
html[data-tk-theme="auto"] .next, html[data-tk-theme="auto"] .q, html[data-tk-theme="auto"] .tile, html[data-tk-theme="auto"] .card, html[data-tk-theme="auto"] .item, html[data-tk-theme="auto"] .box, html[data-tk-theme="auto"] .panel, html[data-tk-theme="auto"] .kpi, html[data-tk-theme="auto"] .inc, html[data-tk-theme="auto"] .lga-card, html[data-tk-theme="auto"] .lga-kpi, html[data-tk-theme="auto"] .csec, html[data-tk-theme="auto"] #membersList .member-row, html[data-tk-theme="auto"] .person { box-shadow: none !important; }
html[data-tk-theme="auto"] .q .badge, html[data-tk-theme="auto"] nav.tabbar .icon .nb { background: #14211A !important; color: #FFFFFF !important; }
html[data-tk-theme="auto"] .book { box-shadow: none !important; }
html[data-tk-theme="auto"] nav.tabbar { background: #FFFFFF !important; border-top: 1px solid #E8EBE9 !important; }
html[data-tk-theme="auto"] nav.tabbar a { color: #8C948F !important; }
html[data-tk-theme="auto"] nav.tabbar a.active { color: #1F6B3A !important; }
html[data-tk-theme="auto"] .next .ni, html[data-tk-theme="auto"] .quick .q .e { background: #F2F4F3 !important; color: #14211A !important; }
html[data-tk-theme="auto"] .next { border-color: #E8EBE9 !important; }
html[data-tk-theme="auto"] .next .l { color: #6B7570 !important; }
html[data-tk-theme="auto"] .quick .q::after { color: #A3ABA6 !important; }
html[data-tk-theme="auto"] .item .go, html[data-tk-theme="auto"] .next .go { color: #A3ABA6 !important; }
}
svg.lic { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; display: block; }
nav.tabbar .icon { font-size: 0 !important; height: 26px; margin-bottom: 3px !important; }
nav.tabbar .icon svg.tbi { width: 24px; height: 24px; display: block; margin: 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
nav.tabbar a.active .icon svg.tbi { stroke-width: 2.3; }
nav.tabbar .icon .nb { font-size: 10px !important; }
.hero2 { position: relative; overflow: hidden; color: #FFFFFF; padding: calc(18px + env(safe-area-inset-top, 0px)) 20px 64px; background: #13301F; }
.hero2 .h2bg { position: absolute; inset: 0; z-index: 0; }
.hero2 .h2bg .slides { height: 100%; }
.hero2::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(160deg, rgba(13,32,21,.93), rgba(22,52,33,.86) 60%, rgba(30,70,45,.80)); }
.hero2 > *:not(.h2bg) { position: relative; z-index: 2; }
.h2top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.h2brand { display: flex; align-items: center; gap: 10px; color: #FFFFFF; text-decoration: none; font: 800 19px 'Inter', sans-serif; letter-spacing: -.2px; min-width: 0; }
.h2brand img { width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0; }
.h2ib { position: relative; width: 42px; height: 42px; border-radius: 21px; border: 1px solid rgba(255,255,255,.28); display: grid; place-items: center; color: #FFFFFF; flex-shrink: 0; }
.h2ib i { position: absolute; top: -3px; right: -3px; min-width: 18px; height: 18px; border-radius: 9px; background: #CFE645; color: #14211A; font: 800 10.5px 'Inter', sans-serif; display: grid; place-items: center; font-style: normal; padding: 0 4px; }
.h2t { font: 800 28px/1.2 'Inter', sans-serif; margin: 26px 0 8px; letter-spacing: -.4px; color: #FFFFFF; }
.h2m { display: inline-flex; align-items: center; gap: 6px; color: rgba(255,255,255,.8); font-size: 14px; text-decoration: none; }
.h2m svg.lic { width: 16px; height: 16px; }
html body main:has(> .col-a) { position: relative; z-index: 3; margin-top: -34px !important; border-radius: 28px 28px 0 0; background: var(--tk-bg, #0D1A12); padding-top: 22px !important; }
.book .bi svg.lic { color: inherit; }
html body .book .bt { font: 700 17px 'Inter', sans-serif !important; letter-spacing: 0 !important; }
html body .book .bs { opacity: 1 !important; color: inherit; }
html body .quick .q .tt { font: 700 16px 'Inter', sans-serif !important; letter-spacing: 0 !important; }
html body .quick::before { content: 'Klub'; font: 700 15px 'Inter', sans-serif; color: var(--tk-t1, #F4F2E9); margin: 10px 2px 0; }
html body .next .t { font: 700 16px 'Inter', sans-serif; }
@media (min-width: 700px) {
  .hero2 { max-width: 760px; margin: 0 auto; border-radius: 0 0 28px 28px; }
  html body main:has(> .col-a) { margin: -34px auto 0 !important; }
}
@media (min-width: 1024px) {
  .hero2 { max-width: 1240px; padding: 26px 28px 72px; }
  .h2t { font-size: 34px; }
  html body .col-a > .book .bt { font-size: 20px !important; }
  html body .col-a > .quick .q .tt, html body .quick .q .tt { font-size: 18px !important; }
}

/* hero bez zelene */
.hero2:has(.slides > *)::before { background: linear-gradient(180deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.12) 38%, rgba(0,0,0,.22) 65%, rgba(0,0,0,.55) 100%) !important; }
.hero2:has(.slides > *) .h2t, .hero2:has(.slides > *) .h2brand { text-shadow: 0 2px 14px rgba(0,0,0,.45); }
.hero2:has(.slides > *) .h2m { color: rgba(255,255,255,.92); text-shadow: 0 1px 8px rgba(0,0,0,.55); }
.hero2:has(.slides > *) .h2ib { background: rgba(0,0,0,.22); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }

/* hero pozdrav */
html body .hero2 { display: flex; flex-direction: column; min-height: calc(250px + env(safe-area-inset-top, 0px)); padding-bottom: 56px; }
html body .hero2 .h2t { margin: auto 0 4px; font: 700 17px/1.3 'Inter', sans-serif; letter-spacing: 0; }
html body .hero2 .h2m { font-size: 13.5px; }
@media (min-width: 1024px) {
  html body .hero2 { min-height: 320px; padding-bottom: 64px; }
  html body .hero2 .h2t { font-size: 19px; }
}

/* hero cijela */
html body .hero2:has(.slides > *) { min-height: 0 !important; }
.hero2 .h2bg { bottom: 34px; background: #0B160F; }
.hero2 .h2bg { overflow: hidden; background-size: cover; background-position: center; }
.hero2 .h2bg::before { content: ''; position: absolute; inset: -40px; background-image: inherit; background-size: cover; background-position: center; filter: blur(30px) brightness(.55); }
.hero2 .h2bg .slides { position: relative; z-index: 1; }
.hero2 .h2bg .slides > img, .hero2 .h2bg .slides > video { object-fit: contain !important; background: transparent; }
.hero2::before { pointer-events: none; }
html body .hero2 > *:not(.h2bg) { pointer-events: none; }
html body .hero2 a, html body .hero2 button { pointer-events: auto; }
html body .hero2 > .dots { position: absolute !important; right: 20px; bottom: 50px; left: auto; display: flex; gap: 6px; z-index: 2; }
.hero2 .dots span { width: 7px; height: 7px; border-radius: 4px; background: rgba(255,255,255,.55); transition: all .25s; }
.hero2 .dots span.on { width: 18px; background: #FFFFFF; }
@media (min-width: 1024px) { html body .hero2 > .dots { right: 28px; bottom: 58px; } }

/* klub zakljucan */
html body .cbox { display: flex !important; flex-direction: column !important; overflow: hidden !important; overscroll-behavior: none; }
html body .cbox > .chead { position: relative !important; flex-shrink: 0; }
html body .cbox > .cbody { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: none; -webkit-overflow-scrolling: touch; background: var(--tk-bg, var(--court-950)); }
.csheet { overscroll-behavior: none; touch-action: none; }
.csheet .cbody { touch-action: pan-y; }

/* kontrast v1 */
html[data-tk-theme="light"] { --muted: #6B7570; --muted-2: #6B7570; }
html[data-tk-theme="light"] .mnav button, html[data-tk-theme="light"] #mnavBtn { background: #FFFFFF !important; color: #14211A !important; border: 1px solid #E8EBE9 !important; box-shadow: none !important; }
html[data-tk-theme="light"] .mnav button *, html[data-tk-theme="light"] #mnavBtn * { color: #14211A !important; }
html[data-tk-theme="light"] .mnav .chev { color: #6B7570 !important; }
html[data-tk-theme="light"] .mdrawer .mi { color: #14211A !important; }
html[data-tk-theme="light"] .mdrawer .mi.on { background: rgba(31,107,58,.10) !important; color: #1F6B3A !important; }
@media (prefers-color-scheme: light) {
html[data-tk-theme="auto"] { --muted: #6B7570; --muted-2: #6B7570; }
html[data-tk-theme="auto"] .mnav button, html[data-tk-theme="auto"] #mnavBtn { background: #FFFFFF !important; color: #14211A !important; border: 1px solid #E8EBE9 !important; box-shadow: none !important; }
html[data-tk-theme="auto"] .mnav button *, html[data-tk-theme="auto"] #mnavBtn * { color: #14211A !important; }
html[data-tk-theme="auto"] .mnav .chev { color: #6B7570 !important; }
html[data-tk-theme="auto"] .mdrawer .mi { color: #14211A !important; }
html[data-tk-theme="auto"] .mdrawer .mi.on { background: rgba(31,107,58,.10) !important; color: #1F6B3A !important; }
}
.mdrawer .mi .ic { display: inline-grid; place-items: center; }
.mdrawer .mi .ic svg.lic, .mnav .bars svg.lic { width: 22px; height: 22px; }
.mnav .bars { display: inline-grid; place-items: center; }

/* desktop cover */
@media (min-width: 1024px) {
  .hero2.h2cover .h2bg .slides > img, .hero2.h2cover .h2bg .slides > video { object-fit: cover !important; object-position: center var(--fp, 45%); }
  .hero2.h2cover .h2bg::before { display: none; }
}