/* ==========================================================================
   Co Działa – jasny wariant podstron (podgląd, PR „wygląd jak zwykła strona”).
   Ładowany po site-v2.css na podstronach opartych na _ds_bundle.css.
   Odwraca grafitowe sekcje na jasne i usuwa ozdobniki, które wyglądają
   jak z generatora: kreski-akcenty, etykiety kapitalikami, strzałki, siatki.
   Kolory tylko z tokenów systemu wizualnego.
   ========================================================================== */

/* --- Nagłówek strony (hero): biały zamiast grafitu ------------------------- */
.hero { background: var(--c-white); color: var(--c-ink); }
.hero::before { display: none; }
.hero h1, .hero h2, .hero h3, .hero .display { color: var(--c-ink); }
.hero__lead { color: var(--c-ink-soft); }
.hero__note, .hero .aw-hero-cta .aw-terminy__tytul { color: var(--c-ink-soft); }
@media (min-width: 1025px) { .hero--tall { min-height: 0; padding-block: var(--s-9); } }

/* Etykieta nad H1: zwykła linijka tekstu zamiast kapitalików w limonce */
.hero__kicker { color: var(--c-ink-soft); text-transform: none; letter-spacing: 0; font-family: var(--f-body); font-weight: 600; font-size: var(--t-small); margin-bottom: var(--s-4); }
.hero__kicker span + span::before { content: "·"; color: var(--c-ink-soft); }

.facts { border-top-color: var(--c-border); }
.facts__k { color: var(--c-ink-soft); }
.where { border-top-color: var(--c-border); color: var(--c-ink-soft); }
.where strong { color: var(--c-ink); }
.hero .list--hero, .hero .list--hero .item { border-color: var(--c-border); }
.hero .list--hero .item__n { color: var(--c-ink); }

/* --- Sekcje grafitowe i gradientowe: papier -------------------------------- */
.section--ink, .section--grad { background: var(--c-paper); color: var(--c-ink); }
.section--ink h1, .section--ink h2, .section--ink h3,
.section--grad h2, .section--grad h3 { color: var(--c-ink); }
.section--ink .muted, .section--ink .item__org, .section--ink .media__cap,
.section--ink .host__role, .section--grad .host__role { color: var(--c-ink-soft); }
.section--ink .item__n, .section--grad .item__n { color: var(--c-ink); }
.section--ink .list, .section--grad .list { border-top-color: var(--c-ink); }
.section--ink .item, .section--grad .item { border-bottom-color: var(--c-border); }
.section--ink .card { background: var(--c-white); color: var(--c-ink); box-shadow: var(--sh-md); }
.section--ink .media, .section--grad .media { box-shadow: var(--sh-md); border-color: transparent; }
.section--ink .nota { border-top-color: var(--c-border); }
.section--ink .arrow { border-bottom-color: var(--c-ink); }
.section--ink .rule, .section--ink .rule:first-child { border-color: var(--c-border); }
.section--ink .rule__n { color: var(--c-ink-soft); }
.vision em { color: inherit; background: none; padding: 0; }

/* Przyciski na jasnym tle: cień jasny zamiast ciemnego */
.section--ink .btn, .hero .btn, .section--grad .btn { box-shadow: var(--sh-md); }
.section--ink .btn--ghost, .hero .btn--ghost, .section--grad .btn--ghost { background: var(--c-paper); color: var(--c-ink); box-shadow: var(--sh-sm); }
.section--ink .btn--ghost:hover, .hero .btn--ghost:hover { background: var(--c-surface); color: var(--c-ink); }
.hero .btn--ghost { background: var(--c-surface); }

/* --- Etykiety nad nagłówkami ---------------------------------------------- */
/* Etykieta, która tylko powtarza nagłówek pod nią, znika. */
.over:has(+ h2), .over:has(+ h3) { display: none; }
/* Pozostałe (daty, „Organizatorzy”) jako zwykły tekst. */
.over { text-transform: none; letter-spacing: 0; font-family: var(--f-body); font-weight: 600; font-size: var(--t-small); color: var(--c-ink-soft); }
.over::before { display: none; }
.section--ink .over, .section--grad .over { color: var(--c-ink-soft); }

/* --- Ozdobniki do usunięcia ------------------------------------------------ */
.form { border-top: 0; }
.item__media::before, .item__media::after { display: none; }
.item--lg:hover { transform: none; }
.agenda--ed .agenda__row[data-key]::before { display: none; }
.agenda--ed .agenda__row[data-key] { font-weight: 600; }
.host__sig { border-top: var(--b-hair) solid var(--c-border); }
.arrow::after { content: none; }
.mark { background: none; padding-inline: 0; }
.item__media--mono { background-image: none; background-color: var(--c-surface); }
.item__media--mono span { color: var(--c-ink-soft); }
.grid--routes .route:not([data-soon]):hover { transform: none; }
.ep--xl:hover { background: none; box-shadow: none; }
.ep--xl:hover .ep__n { color: var(--c-border); }
.workshop-home-faces img { border-radius: 0; }
.workshop-home-offer { background: var(--c-white); border: 0; box-shadow: var(--sh-md); }

/* --- Wyróżniony pakiet w cenniku i belka zakupu na telefonie --------------- */
.grid--tiers .tier--hi { background: var(--c-white); color: var(--c-ink); box-shadow: var(--sh-lg); }
.grid--tiers .tier--hi .tier__note,
.grid--tiers .tier--hi .tier__netto,
.grid--tiers .tier--hi .tier__vat,
.grid--tiers .tier--hi .tier__jedn { color: var(--c-ink-soft); }
.grid--tiers .tier--hi .tier__price { color: var(--c-ink); }
.item__org a:hover { color: var(--c-ink); text-decoration: underline; }

/* --- Pasek nad menu: grafit jak na stronie głównej, bez kapitalików --------- */
.promo { background: var(--c-ink); color: var(--c-paper); }
.promo__t, .promo__a { text-transform: none; letter-spacing: 0; font-family: var(--f-body); font-size: var(--t-small); }
.promo__a { color: var(--c-lime); }
.promo__x { border: 0; color: var(--c-paper); }
.promo__x:hover { background: var(--c-ink-raise); color: var(--c-paper); }

/* --- Cytat bez pionowej kreski, plakietka czytelna na bieli ---------------- */
.pull { border-left: 0; padding-left: 0; }
.badge { border: 0; color: var(--c-ink); background: var(--c-lime); box-shadow: none; letter-spacing: 0; }

/* --- Numerowane zasady: zwykła lista, bez wielkich cyfr -------------------- */
.list--manifest .item__n { font-size: var(--t-lead); line-height: 1.5; color: var(--c-ink); }
@media (min-width: 700px) { .list--manifest .item--rule { grid-template-columns: 48px minmax(0, 1fr); } }
.rule__n { color: var(--c-ink-soft); }

/* --- Lista webinarów: numer jako zwykły tekst, nie plakatowa cyfra ---------- */
.ep--xl .ep__n, .ep__n { font-size: var(--t-lead); line-height: 1.4; font-weight: 700; letter-spacing: 0; color: var(--c-ink-soft); }
@media (min-width: 900px) { .ep--xl { grid-template-columns: 48px minmax(0, 1fr) 200px; } }
.ep--xl:hover .ep__n { color: var(--c-ink-soft); }
.route__n { text-transform: none; letter-spacing: 0; font-family: var(--f-body); font-weight: 600; font-size: var(--t-small); }

/* --- Kafle w rzędzie: równe, bez podniesionego wyróżnienia ------------------ */
.blocks--flow .blk--hi { transform: none; box-shadow: var(--sh-sm); }
.blk--hi { background: var(--c-white); }
.blocks--flow::before { display: none; }
.ep__host { text-transform: none; letter-spacing: 0; font-family: var(--f-body); font-weight: 400; }

/* Bez etykiety nad nagłówkiem H1 */
.hero__kicker { display: none; }

/* --- /konsultacja: logo nad formularzem ciemne, jak w menu ------------------ */
.hero .lp__marka { color: var(--c-ink); }

/* --- /konsultacja: dopisek „Możesz zaznaczyć kilka odpowiedzi” w osobnej linii pod pytaniem */
.krok__pyt span { display: block; margin-top: var(--s-2); }

/* --- /webinary: jedna karta odsyłacza (bez zapowiedzi „Materiały”) na całą szerokość */
@media (min-width: 1000px) { .grid--routes:has(> .route:only-child) { grid-template-columns: 1fr; } }

/* --- /kontakt: lewa kolumna od góry, z krokami i adresem e-mail (żeby nie wisiała pusta nad tekstem) */
.hero--kontakt .hero__grid { align-items: start; }
.hero--kontakt .kontakt__h { font-size: var(--t-h3, 1.35rem); margin: var(--s-7) 0 var(--s-4); color: var(--c-ink); }
.hero--kontakt .kontakt__kroki { list-style: decimal; margin: 0; padding-left: 1.4em; display: grid; gap: var(--s-3); color: var(--c-ink); }
.hero--kontakt .kontakt__kroki li { padding-left: var(--s-2); }
.hero--kontakt .kontakt__mail { margin-top: var(--s-7); color: var(--c-ink); }
.hero--kontakt .kontakt__mail a { color: var(--c-ink); font-weight: 600; }
.hero--kontakt .kontakt__firma { margin-top: var(--s-3); font-size: var(--t-small); color: var(--c-ink-soft); }
.hero--kontakt .kontakt__kroki li { display: list-item; }
.hero--kontakt .kontakt__kroki li::marker { font-weight: 700; }
/* Na telefonie formularz zaraz pod nagłówkiem, kroki i adres e-mail pod formularzem */
@media (max-width: 959px) {
  .hero--kontakt .hero__grid { display: flex; flex-direction: column; gap: 0; }
  .hero--kontakt .hero__grid > div:first-child { display: contents; }
  .hero--kontakt .hero__grid > div:first-child > * { order: 3; }
  .hero--kontakt .hero__grid > div:first-child > h1, .hero--kontakt .hero__grid > div:first-child > .hero__lead { order: 1; }
  .hero--kontakt .hero__grid > form { order: 2; margin-top: var(--s-6); }
}