/* =========================================================================
   Motyw strony „Woda dla dzieci” (wodadladzieci.pl)
   Ładowany PO styles.css. Nadpisuje zmienne akcentu z design systemu
   i dokłada kilka drobnych klas użytych na tej stronie.
   Gama błękitu — spokojna, bez agresywnych kontrastów.
   ========================================================================= */

:root {
  --accent:      #0ea5e9;
  --accent-dark: #0369a1;
  --accent-soft: #e4f4fe;
  --hero-1:      #38bdf8;
  --hero-2:      #075985;
}

/* --- 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 .stats / tabelą.        */
.stat-note {
  margin-top: 14px;
  font-size: .9rem;
  line-height: 1.6;
  color: var(--muted);
  max-width: 92ch;
}

/* --- Podpisy pod zdjęciami ---------------------------------------------- */
.media-caption {
  margin-top: 10px;
  font-size: .87rem;
  line-height: 1.5;
  color: var(--muted);
}

/* --- Metka cenowa w hero: druga linijka z datą aktualności --------------- */
.hero-price-tag { max-width: 260px; }
.hero-price-tag b + small { margin-top: 4px; line-height: 1.35; }

/* --- Blok wydawcy w stopce (COMPLIANCE 3) -------------------------------- */
.site-footer .publisher {
  margin-top: 36px;
  padding-top: 26px;
  border-top: 1px solid #1e293b;
}

/* --- Oznaczenie przyklejonego CTA na mobile (COMPLIANCE 2.3) -------------
   Pasek .ad-disclosure jest nad treścią, ale sticky CTA bywa widoczny po
   przewinięciu strony — dlatego niesie własną, skróconą etykietę.          */
@media (max-width: 560px) {
  /* pasek CTA jest o etykietę wyższy niż domyślny — więcej miejsca na dole strony,
     żeby nie przykrywał stopki */
  body { padding-bottom: 112px; }
}