/* szalh.sk - modernejsi vzhlad nad sablonou (2026). Obsah a rozlozenie stranok sa nemeni, len vzhlad.
   Farby: premenne --c-*, svetly = :root, tmavy = html[data-theme="dark"]. style-hockey.tokens.css je sablona s farbami nahradenymi tymito premennymi. */
@font-face { font-display: swap; font-family: "Inter"; font-style: normal; font-weight: 100 900; src: url("../fonts/inter/inter-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-display: swap; font-family: "Inter"; font-style: normal; font-weight: 100 900; src: url("../fonts/inter/inter-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
    color-scheme: light;
    --font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
    --c-bg: #f3f4f8;
    --c-surface: #ffffff;
    --c-surface-2: #f6f7fb;
    --c-border: #e3e6ee;
    --c-rip: #fff;
    --c-text: #1a1e2e;
    --c-muted: #626b82;
    --c-faint: #7c869c;
    --c-accent: #5a44e0;
    --c-accent-strong: #4532c2;
    --c-accent-fill: #5a44e0;
    --c-accent-fill-strong: #4532c2;
    --c-accent-soft: rgba(90, 68, 224, .09);
    --c-header: #181b2e;
    --c-hover: rgba(90, 68, 224, .06);
    --c-loss: #78829a;
    --radius: 14px;
    --shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 6px 20px rgba(16, 24, 40, .05);
}

html[data-theme="dark"] {
    color-scheme: dark;
    --c-bg: #0d101d;
    --c-surface: #151929;
    --c-surface-2: #1b2034;
    --c-border: #2a3049;
    --c-rip: #323a5c;
    --c-text: #e8eaf4;
    --c-muted: #a3aac2;
    --c-faint: #808aa6;
    --c-accent: #9385ff;
    --c-accent-strong: #aca1ff;
    --c-accent-fill: #6452e6;
    --c-accent-fill-strong: #5442cf;
    --c-accent-soft: rgba(147, 133, 255, .15);
    --c-header: #0a0c17;
    --c-hover: rgba(147, 133, 255, .08);
    --c-loss: #5f6985;
    --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 20px rgba(0, 0, 0, .25);
}

/* zaklad */
html, body, .site-content, .site-wrapper, .page-bg-contrast { background: var(--c-bg) !important; background-image: none !important; }
body { color: var(--c-text); font-family: var(--font); font-feature-settings: "cv11", "ss03"; -webkit-font-smoothing: antialiased; border-top: 0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: var(--c-text); font-family: var(--font); letter-spacing: -.012em; }
a { transition: color .15s ease; }

/* karty a widgety */
.card, .widget.card { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }
.card__header { background: transparent; border-bottom: 1px solid var(--c-border); padding: 14px 18px; }
.card__header > h4, .card__header > h3, .widget__title h4, .card__header h4 { color: var(--c-text); font-size: 15px; font-weight: 700; letter-spacing: -.01em; text-transform: none; }
.card__header::before, .card__header::after { display: none; }
.card__header .btn, .card__header-btn { border-radius: 8px; }

/* tabulky: kompaktne riadky, viac udajov na obrazovke, cisla pod sebou */
.table { --bs-table-bg: transparent; --bs-table-color: var(--c-text); --bs-table-hover-bg: var(--c-hover); color: var(--c-text); background: transparent; font-variant-numeric: tabular-nums; }
.table > tbody > tr, .table > tfoot > tr { background: transparent !important; }
.table > thead > tr > th, .table > thead > tr > td {
    background: var(--c-surface-2); border-bottom: 1px solid var(--c-border); border-top: 0; color: var(--c-muted);
    font-family: var(--font); font-size: 11.5px; font-weight: 600; letter-spacing: 0; padding: 9px 10px; position: sticky; text-transform: none; top: 0; z-index: 1;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th {
    background: transparent; border-top: 1px solid var(--c-border); color: var(--c-text); font-family: var(--font); font-size: 13px; line-height: 1.3; padding: 6px 10px; vertical-align: middle;
}
.table > tbody > tr:first-child > td { border-top: 0; }
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background: var(--c-hover) !important; }
.table .alc-muted { color: var(--c-muted); }
.alc-table-stats tbody td:nth-last-child(3) { font-weight: 700; }
.alc-player-info__img--lg { flex: 0 0 28px; height: 28px; margin-right: 10px; min-width: 28px; width: 28px; }
.alc-player-info__img--lg .df-icon { height: 16px; width: 16px; }
.alc-player-info__name, .alc-player-info__name a { color: var(--c-text); font-size: 13px; font-weight: 600; }
.alc-player-info__name a span { color: inherit !important; }
.team-meta__logo { height: 24px; width: 24px; }
.team-meta__place { color: var(--c-faint); font-size: 10.5px; line-height: 1.1; }
.team-meta__name, .team-meta__name a { color: var(--c-text); font-size: 13px; font-weight: 600; line-height: 1.2; }
.team-standings__pts { font-weight: 700; }

.alc-widget-featured-event { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius); box-shadow: var(--shadow); }

/* hlavicka */
.header, .header__secondary, .header-mobile { background-color: var(--c-header); }
.header__secondary-bg-layer { opacity: .35; }
.header__primary, .header__primary-inner { background: var(--c-surface); }
.header__primary { border-bottom: 1px solid var(--c-border); box-shadow: 0 1px 2px rgba(16, 24, 40, .04); }
.main-nav__list > li > a { color: var(--c-text); font-family: var(--font); font-size: 13.5px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.main-nav__list > li > a:hover, .main-nav__list > li:hover > a { color: var(--c-accent); }
.main-nav__sub, .main-nav__megamenu { background: var(--c-surface); border-radius: 0 0 12px 12px; box-shadow: var(--shadow); }
.main-nav__sub li a, .main-nav__megamenu a { color: var(--c-text); font-family: var(--font); text-transform: none; }

/* prvky sablony so sikmym rezom su rovne */
.posts__cat-label, .label.posts__cat-label { border-radius: 6px; font-family: var(--font); font-size: 11px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.btn { border-radius: 9px; font-family: var(--font); font-weight: 600; letter-spacing: 0; text-transform: none; }
.posts__title, .posts__title a { color: var(--c-text); font-family: var(--font); letter-spacing: -.01em; text-transform: none; }
.posts__excerpt, .post__meta, .meta__item { color: var(--c-muted); font-family: var(--font); }
.posts__item { border-radius: var(--radius); }
.form-control { background: var(--c-surface); border-color: var(--c-border); border-radius: 9px; color: var(--c-text); }
.footer, .footer-secondary { background: var(--c-header); }

/* loga timov v tmavom rezime: jemny svetly obrys podla tvaru loga, aby citali aj tmave loga */
html[data-theme="dark"] .team-meta__logo img,
html[data-theme="dark"] .alc-ticket__team-logo img,
html[data-theme="dark"] .alc-event-block__team img { filter: drop-shadow(0 0 .5px rgba(255, 255, 255, .95)) drop-shadow(0 0 1.5px rgba(255, 255, 255, .45)); }

/* prepinac svetly/tmavy v hlavicke */
.wt-theme-toggle { align-items: center; background: none; border: 0; color: var(--c-text); cursor: pointer; display: inline-flex; height: 36px; justify-content: center; line-height: 1; padding: 0; width: 36px; }
.wt-theme-toggle .work-theme-icon { -webkit-mask-position: center; -webkit-mask-size: contain; height: 26px; mask-position: center; mask-size: contain; width: 26px; }
.wt-theme-toggle:hover { color: var(--c-accent); }
.wt-theme-toggle:focus-visible { border-radius: 6px; outline: 2px solid var(--c-accent); outline-offset: 2px; }
.nav-account > .nav-account__item:has(.wt-theme-toggle) { align-items: center; display: flex; }
@media (max-width: 991px) { .main-nav__list .wt-theme-toggle { color: #fff; display: flex; height: 48px; justify-content: flex-start; margin: 0 auto 0 22px; width: auto; } }
.wt-text { color: var(--c-text); }

@media (max-width: 767px) {
    .table > thead > tr > th, .table > tbody > tr > td { padding: 6px 6px; }
    .card__header { padding: 12px 14px; }
}

/* pruhy po stranach menu a ikony v hlavicke podla temy */
.header__primary::before, .header__primary::after, .header__primary-inner::before, .header__primary-inner::after { background: var(--c-surface) !important; }
html[data-theme="dark"] .header__primary .df-icon, html[data-theme="dark"] .header__primary svg { color: var(--c-text); fill: var(--c-text); stroke: var(--c-text); }

/* ikony na tmavom pase hlavicky su v oboch stylovoch svetle */
.header__secondary .wt-icon, .header__secondary .df-icon--custom { color: #fff; }

/* citatelnost podla automatickej kontroly kontrastu */
.posts__item--category-2 .posts__cat-label, .posts__item .posts__cat-label--category-2, .alc-event-list-item--type-2 .posts__cat-label { color: #06302f; }
.alc-player-featured--compact .alc-player-featured__primary-body-meta-number, .alc-player-featured__primary-body-meta-number { color: var(--c-faint); }
.page-heading .breadcrumb, .page-heading .breadcrumb a, .page-heading .breadcrumb-item.active { color: var(--c-muted); }

/* loga sponzorov su cierne na priehladnom pozadi, v tmavom style biele */
html[data-theme="dark"] .sponsors-slider__title ~ a img { filter: grayscale(1) invert(1); opacity: .88; }
html[data-theme="dark"] .sponsors-slider__title ~ a:hover img { opacity: 1; }