/* =====================================================================
   FAZA 2 · TYPOGRAFIA
   Jedna skala dla całego serwisu. Wcześniej nagłówki miały 11, 26, 35,
   36, 46, 48, 49 i 78 pikseli — bez żadnej zależności między sobą.
   Tutaj powstają cztery stopnie i jeden wyjątek (liczba sygnaturowa).

   Zasada nadrzędna: nagłówek ma prowadzić wzrok, nie krzyczeć.
   Największy stopień to 54 px — czytelnie, ale bez plakatu.

   Interlinia liczona pod polskie znaki: ą, ę, ł, ó, ż mają wydłużenia
   góra i dół, więc 0,94 z poprzedniej wersji sklejało wiersze.
   ===================================================================== */

:root{
  /* ── skala nagłówków (płynna, 360 px → 1440 px) ─────────────────── */
  --t-display: clamp(2rem,     1.35rem + 2.90vw, 3.35rem);  /* 32 → 54 px */
  --t-h2:      clamp(1.55rem,  1.18rem + 1.65vw, 2.25rem);  /* 25 → 36 px */
  --t-h3:      clamp(1.22rem,  1.05rem + 0.75vw, 1.55rem);  /* 20 → 25 px */
  --t-h4:      clamp(1.05rem,  0.99rem + 0.28vw, 1.18rem);  /* 17 → 19 px */

  /* ── tekst ciągły ───────────────────────────────────────────────── */
  --t-lead:    clamp(1.02rem,  0.97rem + 0.22vw, 1.14rem);
  --t-body:    1rem;
  --t-small:   0.9rem;
  --t-label:   0.69rem;                                     /* mono, wersaliki */

  /* ── wyjątek: liczba sygnaturowa (748 mln) ──────────────────────── */
  --t-sygnatura: clamp(2.4rem, 1.50rem + 4.00vw, 4.25rem);  /* 38 → 68 px */
  --t-licznik:   clamp(1.5rem, 1.24rem + 1.15vw, 2rem);     /* 24 → 32 px */

  /* ── interlinia i światło ───────────────────────────────────────── */
  --lh-display: 1.08;
  --lh-h2:      1.14;
  --lh-h3:      1.22;
  --lh-body:    1.66;

  --ls-display: -0.018em;
  --ls-h2:      -0.014em;
  --ls-h3:      -0.008em;
  --ls-label:    0.2em;
}

/* ── wspólna podstawa nagłówków ─────────────────────────────────────── */
h1,h2,h3,h4,.h1,.h2,.h3{
  font-family:var(--c-dsp);
  font-weight:500;
  line-height:var(--lh-h2);
  letter-spacing:var(--ls-h2);
  text-wrap:balance;
  hyphens:manual;          /* polskie dzielenie wyrazów bywa błędne */
}

/* ── stopień 1 · nagłówek strony ────────────────────────────────────── */
.c-hero .c-hero__h1,
.hero h1,.hero .h1,
h1{
  font-size:var(--t-display)!important;
  line-height:var(--lh-display)!important;
  letter-spacing:var(--ls-display)!important;
  max-width:19ch;
}

/* ── stopień 2 · nagłówek sekcji ────────────────────────────────────── */
.c-stats .c-stats__title,
.c-pomoc .c-pomoc__h,
.c-wyroki .c-wyroki__h,
.c-dlakogo .c-dlakogo__h,
.c-wsparcie .c-wsparcie__h,
.c-fund__body :is(h2,h3),
.faq-questions__heading,
.faq-contact__heading,
.trust__heading,
.calculator-text-content__heading,
.why-us__heading,
.footer-informations__heading,
.free-analysis__heading,
.statistics h2,.statistics .h2,
.description h2,.for-who h2,.faq h2,.blog h2,.won-cases h2{
  font-size:var(--t-h2)!important;
  line-height:var(--lh-h2)!important;
  letter-spacing:var(--ls-h2)!important;
  font-weight:500!important;
  margin-block:0 clamp(1rem,2vw,1.6rem);
  max-width:26ch;
}

/* ── stopień 3 · nagłówek wewnątrz bloku ───────────────────────────── */
.free-analysis h3,.free-analysis__heading + .free-analysis__heading,
.c-pomoc__body :is(h3,h4),
.c-dlakogo__body :is(h3,h4),
.wpis_polecane_element_bottom_naglowek,
.faq h3,.trust h3{
  font-size:var(--t-h3)!important;
  line-height:var(--lh-h3)!important;
  letter-spacing:var(--ls-h3)!important;
  font-weight:500!important;
}

/* ── podnagłówek hero — kursywa szeryfowa, nie drugi nagłówek ──────── */
.c-hero .c-hero__h2,
.hero h2,.hero .h2,.hero-text-content h2{
  font-family:var(--c-dsp)!important;
  font-style:italic!important;
  font-weight:400!important;
  font-size:var(--t-h4)!important;
  line-height:1.45!important;
  letter-spacing:0!important;
  color:var(--c-gold-hi)!important;
  max-width:38ch;
}

/* ── etykieta nadnagłówkowa ─────────────────────────────────────────── */
.c-eyebrow{
  font-family:var(--c-mono);
  font-size:var(--t-label);
  letter-spacing:var(--ls-label);
  text-transform:uppercase;
  font-weight:400;
  line-height:1.4;
}

/* ── tekst ciągły ───────────────────────────────────────────────────── */
body{font-size:var(--t-body);line-height:var(--lh-body)}
p,li{line-height:var(--lh-body)}

.c-pomoc__body,.c-dlakogo__body,.c-fund__body,
.c-wyroki__lead,.c-wsparcie__sub,.trust__paragraph,.faq_edytor{
  font-size:var(--t-lead)!important;
  line-height:var(--lh-body)!important;
  max-width:62ch;
}
.c-pomoc__body p,.c-dlakogo__body p,.c-fund__body p,.faq_edytor p{
  margin-block:0 1em;
}
.c-pomoc__body :last-child,.c-dlakogo__body :last-child,
.c-fund__body :last-child,.faq_edytor :last-child{margin-bottom:0}

/* ── liczby: szeryfowe, tabelaryczne, złote ─────────────────────────── */
.c-stat__num,.c-tick b,.c-ledger dd,.c-liczba{
  font-family:var(--c-dsp)!important;
  font-weight:600!important;
  font-variant-numeric:tabular-nums lining-nums;
  letter-spacing:-0.028em!important;
  line-height:1!important;
  color:var(--c-gold)!important;
}
.c-stats .c-stat .c-stat__num{font-size:var(--t-licznik)!important}
/* liczba sygnaturowa stoi po regule ogólnej, bo ma tę samą siłę selektora */
.c-stats .c-stat.c-stat--hero .c-stat__num{
  font-size:var(--t-sygnatura)!important;
  color:var(--c-gold)!important;      /* wcześniej przebijał szary rodzica */
}
.c-hero__ticker .c-tick b,
.c-ledger .c-ledger__i dd{font-size:var(--t-licznik)!important}

/* jednostka przy liczbie — mała, monospaced, nie konkuruje z liczbą */
.c-stat__unit,.c-stats .c-stat--hero .c-stat__unit{
  font-family:var(--c-mono)!important;
  font-size:var(--t-label)!important;
  letter-spacing:0.16em!important;
  text-transform:uppercase!important;
  color:var(--c-gold-hi)!important;
  align-self:flex-end;
  padding-bottom:.28em;
}

/* ── przyciski: mniejsze, spokojniejsze ─────────────────────────────── */
.btn,.button,button,input[type=submit],.wpcf7-submit,
[class*="__btn"]:not(.menu-btn__burger):not([class*="__btn-container"]),
.akcja_analiza{
  font-family:var(--c-mono)!important;
  font-size:0.71rem!important;
  letter-spacing:0.14em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  padding:1rem 1.9rem!important;
}

/* ── nawigacja ──────────────────────────────────────────────────────── */
.header a,.header--index a{
  font-family:var(--c-mono);
  font-size:0.73rem;
  letter-spacing:0.1em;
  text-transform:uppercase;
}
.header__logo-link{font-size:0}

/* ── drobne poprawki czytelności ────────────────────────────────────── */
.c-wyroki__list,.nowewyroki_lista{font-variant-numeric:tabular-nums}
.footer-bottom__link,.footer-bottom__paragraph{
  font-family:var(--c-mono);font-size:0.68rem;letter-spacing:0.08em;
}

/* Nagłówek „Prowadzimy sprawy przeciwko wszystkim bankom" był semantycznym
   h2 wyświetlanym w 11 px. To etykieta, więc dostaje styl etykiety —
   ale czytelny, nie mikroskopijny. */
.c-dlakogo .c-banki__h{
  font-family:var(--c-mono)!important;
  font-size:.76rem!important;
  letter-spacing:var(--ls-label)!important;
  text-transform:uppercase!important;
  line-height:1.5!important;
  max-width:none;
}