/* Infolaikas Krepšinis - naudoja temos kintamuosius (--ih-*), su atsarginėmis reikšmėmis. */
:root {
    --ihk-ink: var(--ih-ink, #2B2016);
    --ihk-accent: var(--ih-accent, #D9691E);
    --ihk-bg: var(--ih-bg, #FAF6EF);
    --ihk-card: #FFFFFF;
    --ihk-line: #E8DCC8;
    --ihk-soft: #F6EFE3;
    --ihk-muted: #7A6D5E;
    --ihk-win: var(--ih-sage, #3E8E5A);
    --ihk-loss: #C0473A;
    --ihk-lt-c: var(--ih-sun, #F2B73F);
    --ihk-lt: color-mix(in srgb, var(--ihk-lt-c) 30%, #fff);
    --ihk-r: var(--ih-radius-m, 18px);
}

.ihk-wrap { min-width: 0; }
.ihk-head { margin-bottom: 14px; }
.ihk-head h1 { font-size: 28px; margin: 0 0 6px; color: var(--ihk-ink); }
.ihk-head p { margin: 0; color: var(--ihk-muted); font-size: 15px; line-height: 1.55; max-width: 760px; }
.ihk-h2 { font-size: 18px; margin: 0 0 12px; color: var(--ihk-ink); }
.ihk-muted { color: var(--ihk-muted); font-size: 14px; }
.ihk-note { background: var(--ihk-soft); border-radius: 12px; padding: 12px 16px; color: var(--ihk-muted); }
.ihk-sec { margin: 0 0 28px; }

/* Lygų žetonai */
.ihk-chips { display: flex; gap: 8px; overflow-x: auto; padding: 2px 0 6px; margin: 0 0 20px; scrollbar-width: none; }
.ihk-chips::-webkit-scrollbar { display: none; }
.ihk-chip {
    white-space: nowrap; padding: 7px 14px; border-radius: 999px; border: 1px solid var(--ihk-line);
    background: #fff; color: var(--ihk-ink); font-size: 13px; font-weight: 700; text-decoration: none;
}
.ihk-chip.is-on, .ihk-chip:hover { background: var(--ihk-ink); color: #fff; border-color: var(--ihk-ink); }

.ihk-wrapchips { flex-wrap: wrap; overflow: visible; }
.ihk-all { margin-top: 12px; }
.ihk-all > summary { cursor: pointer; font-weight: 800; color: var(--ihk-accent); padding: 10px 0; }
.ihk-next {
    display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; margin: 0 0 24px;
    background: var(--ihk-card); border: 1px solid var(--ihk-line); border-left: 5px solid var(--ihk-accent); border-radius: var(--ihk-r);
}
.ihk-next-k { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--ihk-accent); }
.ihk-next-t { font-size: 20px; color: var(--ihk-ink); }
.ihk-table .ihk-c-team a { color: inherit; text-decoration: none; border-bottom: 1px dotted var(--ihk-line); }
.ihk-table .ihk-c-team a:hover { color: var(--ihk-accent); }

.ihk-nw { white-space: nowrap; }
.ihk-chip-tables { background: var(--ihk-accent); border-color: var(--ihk-accent); color: #fff; }
.ihk-chip-tables:hover, .ihk-chip-tables.is-on { background: var(--ihk-ink); border-color: var(--ihk-ink); color: #fff; }
.ihk-jump { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: -6px 0 22px; font-size: 14px; font-weight: 700; }
.ihk-jump a { color: var(--ihk-accent); text-decoration: none; }
.ihk-jump a:hover { text-decoration: underline; }
.ihk-tbl-sec { scroll-margin-top: 90px; }
.ihk-chip-teams { border-color: var(--ihk-accent); color: var(--ihk-accent); }
.ihk-chip-teams:hover { background: var(--ihk-accent); border-color: var(--ihk-accent); color: #fff; }
#komandos { scroll-margin-top: 90px; }

/* Lentelė */
.ihk-table-wrap { overflow-x: auto; background: var(--ihk-card); border: 1px solid var(--ihk-line); border-radius: var(--ihk-r); }
.ihk-table { width: 100%; border-collapse: collapse; font-size: 14px; font-variant-numeric: tabular-nums; }
.ihk-table th { text-align: center; font-size: 12px; text-transform: uppercase; letter-spacing: .03em; color: var(--ihk-muted); font-weight: 700; padding: 10px 8px; border-bottom: 1px solid var(--ihk-line); background: var(--ihk-soft); }
.ihk-table td { text-align: center; padding: 9px 8px; border-bottom: 1px solid var(--ihk-line); color: var(--ihk-ink); white-space: nowrap; }
.ihk-table tbody tr:last-child td { border-bottom: 0; }
.ihk-table tbody tr:hover td { background: var(--ihk-soft); }
.ihk-table .ihk-c-pos { width: 34px; color: var(--ihk-muted); font-weight: 700; }
.ihk-table .ihk-c-team { text-align: left; font-weight: 700; white-space: normal; min-width: 140px; }
.ihk-table tr.is-lt td { background: var(--ihk-lt); font-weight: 700; }
.ihk-table tr.is-lt td:first-child { box-shadow: inset 4px 0 0 var(--ihk-lt-c); color: var(--ihk-ink); }
.ihk-table tbody tr.is-lt:hover td { background: color-mix(in srgb, var(--ihk-lt-c) 40%, #fff); }
.ihk-plus { color: var(--ihk-win) !important; font-weight: 700; }
.ihk-minus { color: var(--ihk-loss) !important; }
.ihk-legend { margin-top: 8px; font-size: 12px; }

.ihk-flag { display: inline-block; background: var(--ihk-lt-c); color: var(--ihk-ink); font-size: 10px; font-weight: 800; padding: 1px 5px; border-radius: 4px; vertical-align: middle; letter-spacing: .03em; }

.ihk-form { display: inline-flex; gap: 3px; }
.ihk-dot { width: 18px; height: 18px; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; font-size: 0; }
.ihk-dot::after { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #fff; opacity: .9; }
.ihk-dot.is-w { background: var(--ihk-win); }
.ihk-dot.is-l { background: var(--ihk-loss); }

/* Grupės */
.ihk-groups { display: grid; grid-template-columns: repeat(auto-fill, minmax(420px, 1fr)); gap: 12px; }
.ihk-group { margin: 0; }
.ihk-group summary { cursor: pointer; font-weight: 800; padding: 6px 2px 10px; color: var(--ihk-ink); list-style: none; }
.ihk-group summary::-webkit-details-marker { display: none; }
.ihk-group summary::before { content: "+"; display: inline-block; width: 18px; color: var(--ihk-accent); }
.ihk-group[open] summary::before { content: "–"; }

/* Rungtynės */
.ihk-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.ihk-day { font-size: 14px; margin: 14px 0 8px; color: var(--ihk-muted); font-weight: 800; }
.ihk-sec > .ihk-day:first-of-type { margin-top: 0; }
.ihk-games { list-style: none; margin: 0; padding: 0; background: var(--ihk-card); border: 1px solid var(--ihk-line); border-radius: var(--ihk-r); overflow: hidden; }
.ihk-game { display: grid; grid-template-columns: 64px 1fr; gap: 2px 12px; padding: 10px 14px; border-bottom: 1px solid var(--ihk-line); }
.ihk-game:last-child { border-bottom: 0; }
.ihk-game.is-lt { background: var(--ihk-lt); box-shadow: inset 4px 0 0 var(--ihk-lt-c); }
.ihk-game.is-lt .ihk-g-score { background: #fff; }
.ihk-g-time { grid-column: 1; grid-row: 1 / span 3; font-weight: 800; color: var(--ihk-ink); font-size: 15px; display: flex; flex-direction: column; gap: 2px; }
.ihk-st-done { align-self: flex-start; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; color: var(--ihk-muted); background: var(--ihk-soft); padding: 1px 6px; border-radius: 4px; }
.ihk-g-upd { font-weight: 700; color: var(--ihk-loss); }
.ihk-g-lg { font-size: 11px; font-weight: 700; color: var(--ihk-muted); }
.ihk-g-teams { grid-column: 2; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; min-width: 0; }
.ihk-g-team { font-weight: 600; color: var(--ihk-ink); min-width: 0; overflow-wrap: anywhere; }
.ihk-g-away { text-align: right; }
.ihk-g-team.is-win { font-weight: 800; }
.ihk-g-team.is-me { font-weight: 800; }
.ihk-g-team.is-me::after { content: ""; display: block; height: 3px; width: 28px; margin-top: 3px; border-radius: 2px; background: var(--ihk-lt-c); }
.ihk-g-away.is-me::after { margin-left: auto; }
.ihk-g-score { font-weight: 800; font-size: 16px; padding: 3px 10px; border-radius: 8px; background: var(--ihk-soft); white-space: nowrap; font-variant-numeric: tabular-nums; }
.ihk-g-meta { grid-column: 2; display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 12px; color: var(--ihk-muted); }
.ihk-tv { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; color: var(--ihk-ink); text-decoration: none; }
.ihk-tv::before { content: "TV"; font-size: 9px; font-weight: 800; padding: 1px 4px; border-radius: 3px; background: var(--ihk-accent); color: #fff; }
a.ihk-tv:hover { color: var(--ihk-accent); }
.ihk-live { color: #fff; background: var(--ihk-loss); font-size: 11px; padding: 2px 6px; border-radius: 5px; align-self: flex-start; animation: ihk-pulse 1.6s ease-in-out infinite; }
.ihk-game.is-live .ihk-g-score { background: color-mix(in srgb, var(--ihk-loss) 14%, #fff); }
@keyframes ihk-pulse { 50% { opacity: .55; } }
@media (prefers-reduced-motion: reduce) { .ihk-live { animation: none; } }

.ihk-source { font-size: 12px; color: var(--ihk-muted); margin-top: 6px; }
.ihk-source a { color: inherit; }

.ihk-gtag { font-size: 11px; font-weight: 700; color: var(--ihk-muted); white-space: nowrap; }
.ihk-seo { max-width: 820px; color: var(--ihk-ink); line-height: 1.65; font-size: 15px; }
.ihk-seo p { margin: 0 0 12px; }

.ihk-follow { font-weight: 800; color: #fff; background: var(--ihk-loss); padding: 2px 8px; border-radius: 6px; text-decoration: none; }
.ihk-follow:hover { filter: brightness(.92); color: #fff; }
.ihk-now .ihk-h2 { display: flex; align-items: center; gap: 8px; }

/* Balsavimas "Kas laimės?" */
.ihk-vote[hidden] { display: none; }
.ihk-vote { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 6px 0 2px; font-size: 13px; }
.ihk-game .ihk-vote { grid-column: 2; }
.ihk-vote-q { font-weight: 800; color: var(--ihk-ink); margin-right: 2px; }
.ihk-vote-b {
    position: relative; overflow: hidden; display: inline-flex; align-items: center; gap: 6px; min-width: 110px;
    padding: 5px 12px; border-radius: 999px; border: 1px solid var(--ihk-line); background: #fff; color: var(--ihk-ink);
    font: inherit; font-weight: 700; cursor: pointer; text-align: left;
}
.ihk-vote-b:hover:not([disabled]) { border-color: var(--ihk-accent); color: var(--ihk-accent); }
.ihk-vote-b[disabled] { cursor: default; }
.ihk-vote-bar { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: color-mix(in srgb, var(--ihk-accent) 16%, transparent); transition: width .4s ease; }
.ihk-vote-t, .ihk-vote-pc { position: relative; }
.ihk-vote-pc { margin-left: auto; font-variant-numeric: tabular-nums; }
.ihk-vote-b.is-mine { border-color: var(--ihk-accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--ihk-accent) 22%, transparent); }
.ihk-vote-b.is-win .ihk-vote-bar { background: color-mix(in srgb, var(--ihk-win) 22%, transparent); }
.ihk-vote-n { color: var(--ihk-muted); font-size: 12px; }
@media (max-width: 520px) { .ihk-game .ihk-vote, .ihk-game .ihk-g-meta, .ihk-game .ihk-g-teams { grid-column: 1; } .ihk-vote-b { flex: 1 1 40%; min-width: 0; } }

/* Komandų plytelės centre */
.ihk-sec-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.ihk-sec-head .ihk-h2 { margin: 0; }
.ihk-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.ihk-tile {
    display: grid; grid-template-columns: 38px 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: center;
    padding: 10px 12px; text-decoration: none; color: var(--ihk-ink);
    background: var(--ihk-card); border: 1px solid var(--ihk-line); border-radius: var(--ihk-r);
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.ihk-tile:hover { border-color: color-mix(in srgb, var(--ihk-accent) 45%, var(--ihk-line)); box-shadow: 0 6px 18px rgba(43, 32, 22, .07); transform: translateY(-1px); }
.ihk-tile-ini {
    grid-row: span 2; width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    background: var(--ihk-lt-c); color: var(--ihk-ink); font-weight: 800; font-size: 17px;
}
.ihk-tile-name { font-weight: 800; font-size: 15px; line-height: 1.2; overflow-wrap: anywhere; }
.ihk-tile-sub { font-size: 12px; color: var(--ihk-muted); }

/* Komandų tvarkaraščiai */
.ihk-team-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; margin-bottom: 28px; }
.ihk-team-card {
    display: flex; flex-direction: column; gap: 8px; padding: 16px; text-decoration: none; color: var(--ihk-ink);
    background: var(--ihk-card); border: 1px solid var(--ihk-line); border-radius: var(--ihk-r);
    transition: border-color .15s ease, box-shadow .15s ease;
}
.ihk-team-card:hover { border-color: color-mix(in srgb, var(--ihk-accent) 45%, var(--ihk-line)); box-shadow: 0 6px 18px rgba(43, 32, 22, .07); }
.ihk-team-pos { display: flex; flex-direction: column; gap: 2px; font-size: 13px; color: var(--ihk-muted); }
.ihk-team-next { font-size: 14px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }

/* Centras */
.ihk-lt-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.ihk-lt-card {
    display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; text-decoration: none; color: var(--ihk-ink);
    background: var(--ihk-card); border: 1px solid var(--ihk-line); border-radius: var(--ihk-r);
    transition: border-color .15s ease, box-shadow .15s ease;
}
.ihk-lt-card:hover { border-color: color-mix(in srgb, var(--ihk-accent) 45%, var(--ihk-line)); box-shadow: 0 6px 18px rgba(43, 32, 22, .07); }
.ihk-lt-name { font-size: 18px; font-weight: 800; }
.ihk-lt-lg, .ihk-lt-next { font-size: 13px; color: var(--ihk-muted); }
.ihk-lt-rec { font-size: 14px; }

.ihk-lg-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.ihk-lg-card { background: var(--ihk-card); border: 1px solid var(--ihk-line); border-radius: var(--ihk-r); padding: 14px; display: flex; flex-direction: column; gap: 8px; }
.ihk-lg-card h3 { margin: 0; font-size: 17px; }
.ihk-lg-card h3 a { color: var(--ihk-ink); text-decoration: none; }
.ihk-lg-card h3 a:hover { color: var(--ihk-accent); }
.ihk-lg-card .ihk-table-wrap { border: 0; border-radius: 0; }
.ihk-lg-card .ihk-table td, .ihk-lg-card .ihk-table th { padding: 6px; }
.ihk-mini-g { margin: 4px 0 0; font-size: 12px; font-weight: 800; color: var(--ihk-muted); }
.ihk-more { margin-top: auto; font-weight: 700; font-size: 14px; color: var(--ihk-accent); text-decoration: none; }
.ihk-more:hover { text-decoration: underline; }

@media (max-width: 860px) {
    .ihk-cols { grid-template-columns: 1fr; gap: 0; }
    .ihk-groups { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
    .ihk-head h1 { font-size: 23px; }
    .ihk-game { grid-template-columns: 1fr; padding: 10px 12px; }
    .ihk-g-time { grid-row: auto; flex-direction: row; align-items: center; gap: 8px; font-size: 13px; }
    .ihk-g-score { font-size: 15px; padding: 3px 8px; }
    .ihk-table { font-size: 13px; }
    .ihk-table .ihk-c-team { min-width: 120px; }
}
