/* =========================================================================
   wodabezplastiku.pl — motyw kolorystyczny (nadpisuje zmienne z styles.css)
   Temat: ograniczenie liczby jednorazowych butelek PET w domu.
   Ładowany PO styles.css. Zmienia akcenty, gradient hero i dokłada kilka
   drobnych klas pomocniczych używanych na tej stronie.
   ========================================================================= */
:root {
  --accent:      #1a9e4b;
  --accent-dark: #127a39;
  --accent-soft: #e7f7ec;
  --hero-1:      #25b558;
  --hero-2:      #0b6330;
}

/* --- Przypis przy liczbach (COMPLIANCE 6.3) ------------------------------
   Informacja kwalifikująca musi być w tym samym polu percepcji co liczba,
   dlatego .stat-note stoi bezpośrednio pod blokiem z danymi, nie w stopce. */
.stat-note {
  margin-top: 16px;
  font-size: .88rem;
  line-height: 1.6;
  color: var(--ink-soft);
  border-left: 3px solid var(--accent);
  padding-left: 14px;
  max-width: 78ch;
}
.split-body .stat-note { margin-top: 18px; }

/* --- Tabele: podpis i nagłówki wierszy ---------------------------------- */
.compare caption {
  caption-side: top;
  text-align: left;
  padding: 16px 18px;
  font-size: .88rem;
  line-height: 1.55;
  color: var(--ink-soft);
  background: var(--bg-alt);
  border-bottom: 1px solid var(--line);
}
.compare tbody th { font-weight: 600; color: var(--ink); }

/* --- Wiersz z ceną (COMPLIANCE C23–C24) ---------------------------------
   Formuła „stan na dzień publikacji” musi stać przy KAŻDEJ ekspozycji ceny,
   w tym samym polu percepcji co liczba (COMPLIANCE 6.3) — także w plakietce
   cenowej w hero, dlatego przypis dostaje własny, czytelniejszy stopień. */
.hero-price-tag { max-width: 300px; }
.hero-price-tag small.note {
  margin-top: 6px;
  font-size: .78rem;
  font-weight: 500;
  color: var(--ink-soft);
}
.price-line { margin-top: 24px; }
.price-line b { font-size: 1.5rem; color: var(--accent-dark); }
.price-line span { display: block; margin-top: 4px; font-size: .88rem; color: var(--muted); }

/* --- Blok wydawcy w stopce (COMPLIANCE sekcja 3) ------------------------ */
.publisher { margin-top: 40px; padding-top: 24px; border-top: 1px solid #1e293b; }

/* --- Etykieta reklamowa na przyklejonym CTA (COMPLIANCE 2.3) ------------
   Pasek oznaczenia zostaje na górze strony; na mobile sticky CTA jest
   widoczny stale, więc dostaje własną, krótką etykietę.                   */