/* TV Mrągowo 2.13.2 — przeplatane pasy jasne/ciemne, spokojniejszy rytm odstępów, delikatniejsze opisy.
   Ostatnia warstwa platformy. Klasy tvm-band--light / tvm-band--dark nadaje apply_section_bands() (helpers.php). */

/* ---------- Pasy ---------- */
.tvm-band {
    --tvm-band-gap: clamp(40px, 4.4vw, 60px);
    position: relative;
    background: var(--tvm-band-bg);
}

.tvm-band--light {
    --tvm-band-bg: #ffffff;
}

.tvm-band--dark {
    --tvm-band-bg: #082f33;
    --tvm-bg: #062f32;
    --tvm-bg-soft: #0a3c3f;
    --tvm-surface: #0e4a4d;
    --tvm-surface-2: #14585b;
    --tvm-surface-elevated: #11474a;
    --tvm-surface-glass: rgba(8, 47, 51, .92);
    --tvm-paper: #082f33;
    --tvm-paper-soft: #0b3a3e;
    --tvm-paper-surface: #0e4a4d;
    --tvm-paper-surface-2: #14585b;
    --tvm-paper-ink: #f4fbfa;
    --tvm-paper-muted: #c0d9d6;
    --tvm-paper-dim: #8db8b4;
    --tvm-paper-line: rgba(214, 248, 244, .12);
    --tvm-paper-line-strong: rgba(214, 248, 244, .22);
    --tvm-ink: #f4fbfa;
    --tvm-muted: #c0d9d6;
    --tvm-dim: #8db8b4;
    --tvm-subtitle: #a7ceca;
    --tvm-accent: var(--tvm-brand-sea);
    --tvm-accent-2: var(--tvm-brand-ocean);
    --tvm-action: var(--tvm-brand-sea);
    --tvm-action-ink: #042b2d;
    --tvm-gold: #c9ab62;
    --tvm-live: #e4454e;
    --tvm-focus: #79dff1;
    --tvm-link: var(--tvm-ocean-light);
    --tvm-line: rgba(214, 248, 244, .12);
    --tvm-line-strong: rgba(214, 248, 244, .22);
    color: var(--tvm-ink);
}

/* Pasy wewnątrz .tvm-shell (podstrony) — tło na pełną szerokość okna. */
.tvm-shell .tvm-band,
.tvm-information__content .tvm-band {
    box-shadow: 0 0 0 100vmax var(--tvm-band-bg);
    clip-path: inset(0 -100vmax);
}

/* Nagłówki ciemnych pasów i treść dziedziczą jasny tekst. */
.tvm-band--dark :is(h1, h2, h3, h4, strong, dt) {
    color: var(--tvm-ink);
}

.tvm-band--dark :is(p, li, dd, small) {
    color: var(--tvm-muted);
}

.tvm-band--dark a:not([class*="button"]):not([class*="__cta"]) {
    color: inherit;
}

.tvm-band--dark .tvm-kicker {
    color: var(--tvm-accent);
}

/* ---------- Rytm: mniejsze przerwy między sekcjami ---------- */
.tvm-main .tvm-band.tvm-section,
.tvm-main .tvm-band.tvm-news-home,
.tvm-main .tvm-band.tvm-curiosities-home,
.tvm-main .tvm-band.tvm-home-live,
.tvm-main .tvm-band.tvm-socials-library,
.tvm-editorial-picks {
    padding-top: var(--tvm-band-gap, 52px);
    padding-bottom: var(--tvm-band-gap, 52px);
    border-top: 0;
    border-bottom: 0;
}

.tvm-editorial-picks {
    --tvm-band-gap: clamp(40px, 4.4vw, 60px);
}

.tvm-main .tvm-band.tvm-related,
.tvm-main .tvm-band.tvm-curiosity-more,
.tvm-main .tvm-band.tvm-live-feature,
.tvm-main .tvm-band.tvm-live-section,
.tvm-main .tvm-band.tvm-live-archive,
.tvm-main .tvm-band.tvm-offline,
.tvm-main .tvm-band.tvm-information-next,
.tvm-main .tvm-band.tvm-sibling-feed,
.tvm-main .tvm-band.tvm-search-group,
.tvm-main .tvm-band.tvm-catalog-feature,
.tvm-main .tvm-band.tvm-error-latest,
.tvm-main .tvm-band.tvm-error-stories {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: var(--tvm-band-gap);
    padding-bottom: var(--tvm-band-gap);
    border-radius: 0;
    border: 0;
}

/* Bloki stron informacyjnych: pas zamiast karty. */
.tvm-information__content > .tvm-band {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: clamp(32px, 3.6vw, 48px);
    padding-bottom: clamp(32px, 3.6vw, 48px);
    border-radius: 0;
    border-top: 0;
    border-bottom: 0;
}

/* Nagłówek podstrony (katalog, LIVE, kolekcje, wyszukiwarka, ciekawostki) jako ciemny pas
   razem z okruszkami nad nim. */
.tvm-main .tvm-band.tvm-page-intro,
.tvm-main .tvm-band.tvm-curiosity-archive__intro {
    margin-top: 0;
    margin-bottom: clamp(24px, 3vw, 36px);
    padding-top: clamp(20px, 2.6vw, 32px);
    padding-bottom: clamp(30px, 3.6vw, 48px);
    border: 0;
    border-radius: 0;
}

.tvm-shell:has(> .tvm-band--dark.tvm-page-intro, > .tvm-band--dark.tvm-curiosity-archive__intro) > .tvm-breadcrumbs {
    --tvm-band-bg: #082f33;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 22px;
    padding-bottom: 6px;
    background: var(--tvm-band-bg);
    box-shadow: 0 0 0 100vmax var(--tvm-band-bg);
    clip-path: inset(0 -100vmax);
    color: #8db8b4;
}

.tvm-shell:has(> .tvm-band--dark.tvm-page-intro, > .tvm-band--dark.tvm-curiosity-archive__intro) > .tvm-breadcrumbs a {
    color: #c0d9d6;
}

/* ---------- Delikatniejsze opisy ---------- */
.tvm-section-heading p:last-child,
.tvm-news-home__head p,
.tvm-curiosities-home__head p,
.tvm-editorial-pick__note,
.tvm-card__description,
.tvm-sibling-card__excerpt,
.tvm-network-latest__intro,
.tvm-page-intro__lead,
.tvm-news-remote-card__copy > span {
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
    color: var(--tvm-dim);
}

.tvm-home-hero__lead,
.tvm-information-hero__lead,
.tvm-video-intro__lead,
.tvm-curiosity-single__lead {
    font-weight: 400;
    color: var(--tvm-muted);
    opacity: .92;
}

.tvm-editorial-pick__note {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 52ch;
}

/* ---------- Telefon ---------- */
@media (max-width: 980px) {
    .tvm-band {
        --tvm-band-gap: 36px;
    }
    .tvm-information__content > .tvm-band {
        padding-top: 28px;
        padding-bottom: 28px;
    }
}

@media (max-width: 430px) {
    .tvm-band {
        --tvm-band-gap: 30px;
    }
    .tvm-section-heading p:last-child,
    .tvm-editorial-pick__note,
    .tvm-card__description,
    .tvm-page-intro__lead {
        font-size: .86rem;
    }
}

/* Tło pasa ma pierwszeństwo przed własnym tłem sekcji (np. „Małe historie”). */
.tvm-main .tvm-band.tvm-band--light {
    background: var(--tvm-band-bg);
}

.tvm-main .tvm-band.tvm-band--dark {
    background: var(--tvm-band-bg);
}

/* Ciemne karty (miejsca, serie, serwis RK) — tytuły zawsze jasne, także w jasnym pasie
   (wcześniej globalny kolor tekstu dawał ciemny napis na ciemnej karcie). */
.tvm-region-card :is(strong, h3),
.tvm-series-card :is(strong, h3),
.tvm-rk-service :is(strong, h2, h3) {
    color: var(--tvm-ink);
}

/* Ciemne karty w ciemnym pasie — delikatne odcięcie od tła. */
.tvm-band--dark :is(.tvm-series-card, .tvm-region-card, .tvm-rk-service) {
    box-shadow: 0 0 0 1px rgba(214, 248, 244, .14);
}

/* Pas „Masz historię albo temat?” przeplata się z ostatnią sekcją strony. */

/* ---------- Mniejsze przerwy na podstronach ---------- */
#tvm-main-content.tvm-main {
    padding-bottom: clamp(24px, 3vw, 40px);
}

#tvm-main-content.tvm-home {
    padding-bottom: 0;
}

.tvm-information-hero {
    padding-top: clamp(52px, 6vw, 88px);
    padding-bottom: clamp(44px, 5vw, 72px);
}

.tvm-main article.tvm-information__content {
    padding-top: clamp(12px, 2vw, 24px);
    padding-bottom: clamp(12px, 2vw, 24px);
}

.tvm-player-shell {
    margin-bottom: clamp(28px, 3vw, 40px);
}

.tvm-catalog-shortcuts {
    margin-bottom: clamp(28px, 3vw, 40px);
}

.tvm-main .tvm-pagination {
    margin-top: clamp(28px, 3vw, 40px);
    margin-bottom: clamp(20px, 2.4vw, 32px);
}

/* Strona filmu: oddech między metryką a pasem „Obejrzyj również”. */
.tvm-video-article {
    padding-bottom: clamp(32px, 3.6vw, 48px);
}