/* =========================================================
   Veřejné stránky pv2 – světlý motiv podle systému.
   Načítá se až za page CSS, ať přebije natvrdo tmavé plochy.
   ========================================================= */

@media (prefers-color-scheme: light) {
    html:has(.onas-page.pv2),
    html:has(.treninky-page.pv2),
    html:has(.utkani-page.pv2),
    html:has(.novinky-page.pv2),
    html:has(.eshop-page.pv2) {
        background: var(--draci-canvas) !important;
    }

    .onas-page.pv2,
    .treninky-page.pv2,
    .utkani-page.pv2,
    .novinky-page.pv2 {
        --pv2-surface: #ffffff;
        --pv2-panel: #ffffff;
        --pv2-line: rgba(10, 10, 10, 0.08);
        --pv2-fg: #27272a;
        --pv2-fg-muted: #52525b;
        --pv2-title: #141414;
        --pv2-glow-pink: rgba(var(--draci-pink-rgb), 0.14);
        --pv2-glow-teal: rgba(var(--draci-teal-rgb), 0.12);
        color-scheme: light;
        background-color: var(--draci-canvas) !important;
        color: var(--pv2-fg);
    }

    .onas-intro,
    .treninky-intro,
    .utkani-intro,
    .novinky-intro {
        background-color: transparent;
        background-image:
            radial-gradient(ellipse 55% 45% at 12% 0%, var(--pv2-glow-pink), transparent 70%),
            radial-gradient(ellipse 45% 40% at 92% 20%, var(--pv2-glow-teal), transparent 70%);
    }

    .onas-intro__title,
    .treninky-intro__title,
    .utkani-intro__title,
    .novinky-intro__title,
    .onas-heading,
    .novinky-heading,
    .onas-story__copy strong,
    .onas-tl__card h4,
    .onas-link h3,
    .treninky-page .trenink-card__time,
    .treninky-error,
    .utkani-countdown__num,
    .utk-day__id h3,
    .utk-next h3,
    .utk-result__meta h3,
    .utk-side__name,
    .utk-date__d,
    .utk-mini__who,
    .utk-scoreline__side,
    .novinky-empty strong,
    .novinky-error strong,
    .novinky-page .nov-tile__title {
        color: var(--draci-ink);
    }

    .onas-intro__lead,
    .treninky-intro__lead,
    .utkani-intro__lead,
    .novinky-intro__lead,
    .treninky-page .trenink-card__cat {
        color: #52525b;
    }

    .onas-link:hover {
        background: #f4f4f6;
    }
    .onas-link__go {
        color: var(--draci-ink);
        background: rgba(10, 10, 10, 0.06);
    }
    .onas-link:hover .onas-link__go,
    .onas-link:nth-child(2):hover .onas-link__go {
        color: #fff;
    }

    .treninky-page .filter-btn {
        color: #3f3f46;
        background: #fff;
    }
    .treninky-page .filter-btn:hover {
        color: var(--draci-ink);
    }
    .treninky-page .filter-btn.active,
    .treninky-page .filter-btn.active:hover {
        color: #fff;
        background: var(--draci-pink);
    }
    .treninky-page .rozvrh-day-head {
        background: #f4f4f6;
        border-bottom-color: rgba(10, 10, 10, 0.06);
    }
    .treninky-page .trenink-card {
        background: #fff;
    }
    .treninky-page .trenink-card__repeat {
        color: var(--draci-pink);
        background: rgba(var(--draci-pink-rgb), 0.1);
    }
    .treninky-page .empty-state i {
        color: rgba(10, 10, 10, 0.28);
    }

    .utkani-page .utkani-tab {
        color: #52525b;
    }
    .utkani-page .utkani-tab:hover {
        color: var(--draci-ink);
        background: rgba(10, 10, 10, 0.05);
    }
    .utkani-page .utkani-tab.is-on,
    .utkani-page .utkani-tab.is-on:hover {
        color: #fff;
        background: var(--draci-pink);
    }
    .utkani-page .utkani-filter select,
    .utkani-page .utkani-filter select option {
        color: var(--draci-ink);
        background: #fff;
    }
    .utkani-countdown__sep,
    .utk-score__sep,
    .utkani-empty i {
        color: rgba(10, 10, 10, 0.35);
    }
    .utk-day__head,
    .utk-vs,
    .utk-date,
    .utk-mini,
    .utk-result__meta {
        background: #fff;
    }
    .utk-score {
        color: var(--draci-ink);
        background: #f4f4f6;
    }
    .utk-side--away .utk-crest {
        border-color: rgba(10, 10, 10, 0.12);
    }
    .utk-place:hover {
        color: var(--draci-ink);
    }
    .utkani-page #main-content .bg-gray-50,
    .utkani-page #main-content .bg-gray-100 {
        background: #fff !important;
    }
    .utkani-page #main-content .text-gray-800,
    .utkani-page #main-content .text-gray-900,
    .utkani-page #main-content .text-gray-700,
    .utkani-page #main-content .text-white,
    .utkani-page #main-content .text-gray-600 {
        color: var(--draci-ink) !important;
    }
    .utkani-page #main-content .text-gray-500,
    .utkani-page #main-content .text-gray-400,
    .utkani-page #main-content .text-gray-300,
    .utkani-page #main-content .text-gray-200 {
        color: #52525b !important;
    }
    .utkani-page #main-content .bg-gradient-to-r,
    .utkani-page #main-content .from-draci-dark {
        background: #f4f4f6 !important;
        --tw-gradient-from: #f4f4f6;
    }
    .utkani-page #main-content .border-gray-700,
    .utkani-page #main-content .border-gray-800,
    .utkani-page #main-content .border-white\/10 {
        border-color: rgba(10, 10, 10, 0.08) !important;
    }

    .novinky-error {
        color: var(--draci-ink);
    }
    .novinky-page .nov-tile__title {
        color: var(--draci-ink);
    }
    .novinky-page .nov-tile__ph {
        color: rgba(10, 10, 10, 0.28);
        background: linear-gradient(165deg, #f4f4f6, #e4e4ea);
    }
    .novinky-page .nov-tile__badge {
        color: #fff;
    }

    .eshop-page.pv2 {
        color-scheme: light;
        background: var(--draci-canvas) !important;
        color: #27272a;
    }
    .eshop-page.pv2 .eshop-bar {
        background: rgba(255, 255, 255, 0.96);
        border-bottom-color: rgba(10, 10, 10, 0.08);
    }
    .eshop-page.pv2 .eshop-bar__name { color: var(--draci-ink); }
    .eshop-page.pv2 .eshop-bar__link { color: rgba(20, 20, 20, 0.62); }
    .eshop-page.pv2 .eshop-bar__link:hover,
    .eshop-page.pv2 .eshop-bar__link--quiet:hover { color: var(--draci-ink); }
    .eshop-page.pv2 .eshop-bar__link--active { color: var(--draci-pink); }
    .eshop-page.pv2 .eshop-bar__cart { color: #fff; }
    .eshop-page.pv2 .eshop-bar__cart[aria-current="page"] {
        color: var(--draci-ink);
        background: transparent;
    }
    .eshop-page.pv2 .eshop-subnav {
        background: rgba(255, 255, 255, 0.92);
        border-bottom-color: rgba(10, 10, 10, 0.08);
    }
    .eshop-page.pv2 .eshop-subnav__link {
        color: rgba(20, 20, 20, 0.62);
    }
    .eshop-page.pv2 .eshop-subnav__link:hover,
    .eshop-page.pv2 .eshop-subnav__link--active {
        color: var(--draci-ink);
    }
    .eshop-page.pv2 .eshop-subnav__cart {
        color: var(--draci-ink);
        border-color: rgba(10, 10, 10, 0.12);
        background: #fff;
    }
    .eshop-page.pv2 .club-title,
    .eshop-page.pv2 h1,
    .eshop-page.pv2 h2,
    .eshop-page.pv2 h3,
    .eshop-page.pv2 .eshop-card__title,
    .eshop-page.pv2 .eshop-hint a {
        color: var(--draci-ink);
    }
    .eshop-page.pv2 .bg-white,
    .eshop-page.pv2 .eshop-card,
    .eshop-page.pv2 .eshop-notice {
        background: #fff !important;
        border-color: rgba(10, 10, 10, 0.08);
    }
    .eshop-page.pv2 .eshop-notice {
        color: #27272a;
    }
    .eshop-page.pv2 .eshop-notice .text-white {
        color: var(--draci-ink) !important;
    }
    .eshop-page.pv2 .bg-gray-50,
    .eshop-page.pv2 .bg-gray-100,
    .eshop-page.pv2 .bg-pink-50,
    .eshop-page.pv2 .eshop-card__media {
        background: #f4f4f6 !important;
    }
    .eshop-page.pv2 .text-gray-900,
    .eshop-page.pv2 .text-gray-800,
    .eshop-page.pv2 .text-gray-700 {
        color: var(--draci-ink) !important;
    }
    .eshop-page.pv2 .text-gray-600,
    .eshop-page.pv2 .text-gray-500,
    .eshop-page.pv2 .text-gray-400,
    .eshop-page.pv2 .eshop-card__desc,
    .eshop-page.pv2 .eshop-hint {
        color: #52525b !important;
    }
    .eshop-page.pv2 .border-gray-100,
    .eshop-page.pv2 .border-gray-200,
    .eshop-page.pv2 .border-gray-300 {
        border-color: rgba(10, 10, 10, 0.08) !important;
    }
    .eshop-page.pv2 .eshop-card:hover {
        box-shadow: 0 18px 40px rgba(10, 10, 10, 0.08);
    }
    .eshop-page.pv2 .eshop-card__price,
    .eshop-page.pv2 .eshop-card__media--pink {
        color: var(--draci-ink);
    }
    .eshop-page.pv2 .eshop-card__desc,
    .eshop-page.pv2 .eshop-card__sizes,
    .eshop-page.pv2 .eshop-card__cat,
    .eshop-page.pv2 .eshop-label,
    .eshop-page.pv2 .eshop-track__label {
        color: #52525b;
    }
    .eshop-page.pv2 .eshop-detail,
    .eshop-page.pv2 .eshop-panel,
    .eshop-page.pv2 .eshop-panel--dark,
    .eshop-page.pv2 .eshop-cart-row {
        background: #fff;
        border-color: rgba(10, 10, 10, 0.08);
        color: #27272a;
    }
    .eshop-page.pv2 .eshop-input,
    .eshop-page.pv2 select.eshop-input,
    .eshop-page.pv2 textarea.eshop-input,
    .eshop-page.pv2 .eshop-size,
    .eshop-page.pv2 .eshop-radio {
        background: #fff;
        color: var(--draci-ink);
        border-color: rgba(10, 10, 10, 0.14);
    }
    .eshop-page.pv2 .eshop-btn--ghost {
        color: var(--draci-ink);
        border-color: rgba(10, 10, 10, 0.18);
    }
    .eshop-page.pv2 .eshop-btn--ghost:hover {
        background: rgba(10, 10, 10, 0.04);
        color: var(--draci-ink);
        border-color: var(--draci-ink);
    }

    /* Kontakty, nábor, právní – světlý hero místo černého pruhu */
    body.club-page .page-hero {
        color: var(--draci-ink);
        background:
            radial-gradient(ellipse 70% 55% at 12% 100%, rgba(219, 32, 113, 0.16), transparent 55%),
            var(--draci-canvas, #e8e8ed);
    }
    body.club-page .page-hero__title {
        color: var(--draci-ink);
        text-shadow: none;
    }
    body.club-page .page-hero__subtitle {
        color: #52525b;
        text-shadow: none;
    }
    body.club-page .page-hero__eyebrow {
        color: var(--draci-pink);
        text-shadow: none;
    }
}

/* Plovoucí lišta nesmí překrýt první obsah */
body.club-page.pv2 .page-hero {
    margin-top: 0;
    padding-top: 8.5rem;
}
body.club-page.pv2:not(:has(.page-hero)) > main {
    padding-top: 7.5rem;
}

@media (prefers-color-scheme: dark) {
    html:has(body.club-page) {
        background: #0a0a0a !important;
    }
    body.club-page {
        background: #0a0a0a !important;
        color: #e4e4e7 !important;
        color-scheme: dark;
    }
    body.club-page .page-hero {
        color: #fff;
        background:
            radial-gradient(ellipse 70% 55% at 12% 0%, rgba(219, 32, 113, 0.22), transparent 55%),
            radial-gradient(ellipse 45% 40% at 100% 20%, rgba(0, 181, 173, 0.12), transparent 70%),
            #0a0a0a;
    }
    body.club-page .page-hero__title { color: #fff; }
    body.club-page .page-hero__subtitle { color: #a1a1aa; }
    body.club-page .page-hero__eyebrow { color: var(--draci-teal); }
    body.club-page main,
    body.club-page .bg-gray-50,
    body.club-page .bg-gray-100 {
        background-color: #0e0e10 !important;
    }
    body.club-page .bg-white {
        background-color: #161618 !important;
        color: #e4e4e7;
    }
    body.club-page .text-gray-900,
    body.club-page .text-gray-800,
    body.club-page .text-gray-700,
    body.club-page .text-draci-dark,
    body.club-page h1,
    body.club-page h2,
    body.club-page h3 {
        color: #f4f4f5 !important;
    }
    body.club-page .text-gray-600,
    body.club-page .text-gray-500,
    body.club-page .text-gray-400 {
        color: #a1a1aa !important;
    }
    body.club-page .border-gray-100,
    body.club-page .border-gray-200,
    body.club-page .border-gray-300,
    body.club-page .border-y {
        border-color: rgba(255, 255, 255, 0.1) !important;
    }
    body.club-page input,
    body.club-page textarea,
    body.club-page select {
        background: #1c1c1f;
        color: #f4f4f5;
        border-color: rgba(255, 255, 255, 0.14);
    }
    body.club-page .bg-draci-dark {
        background-color: #141414 !important;
        color: #fff !important;
    }
    body.club-page a.bg-draci-dark,
    body.club-page button.bg-draci-dark {
        background-color: var(--draci-pink) !important;
        color: #fff !important;
    }
}