/* ══════════════════════════════════════════════════════════════
   Dokumenty prawne: regulamin, zasady, polityka prywatności
   17.08.2026

   Treść przeniesiona z portalu jest czystym HTML-em bez klas, więc styl
   idzie po znacznikach wewnątrz `.ph-dok`. Osobny arkusz, bo te strony
   NIE ładują `mc-lp.css` - stoją na zwykłym szablonie strony motywu.

   Kolumna 820 px: wiersz w kontenerze motywu ma ok. 1300 px, czyli
   grubo ponad 150 znaków. Przy takiej długości oko gubi początek
   następnego wiersza, a to jest tekst, który ktoś naprawdę czyta,
   zwykle w kłopotliwej sprawie.
   ══════════════════════════════════════════════════════════════ */

.ph-dok {
  max-width: 820px;
  margin: 0 auto;
  padding: 8px 0 64px;
  color: #1c1b1f;
}

.ph-dok__h1 {
  margin: 0 0 10px;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -.01em;
}

.ph-dok__lead {
  margin: 0 0 34px;
  font-size: 17px;
  line-height: 1.6;
  color: #56555b;      /* 7,4:1 na białym */
}

.ph-dok h2 {
  margin: 42px 0 14px;
  font-size: clamp(21px, 1.9vw, 26px);
  line-height: 1.3;
  font-weight: 600;
  scroll-margin-top: 120px;   /* spis treści nie chowa nagłówka pod menu */
}

.ph-dok h3,
.ph-dok h4 {
  margin: 28px 0 10px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 600;
}

.ph-dok p {
  margin: 0 0 14px;
  font-size: 16.5px;
  line-height: 1.7;
}

.ph-dok ol,
.ph-dok ul {
  margin: 0 0 18px;
  padding-left: 26px;
  font-size: 16.5px;
  line-height: 1.7;
}

.ph-dok li { margin-bottom: 8px; }
.ph-dok li::marker { color: #846a52; font-weight: 600; }

.ph-dok a {
  color: #846a52;      /* 5,04:1 na białym */
  text-decoration: underline;
}

.ph-dok a:hover { text-decoration: none; }

/* Spis treści czyta się jak nawigacja, nie jak część dokumentu. */
.ph-dok > h2:first-of-type + ol {
  padding: 22px 26px 22px 46px;
  border-radius: 14px;
  background: #f6ede3;
}

.ph-dok > h2:first-of-type + ol li { margin-bottom: 4px; }

@media (max-width: 620px) {
  .ph-dok { padding-bottom: 44px; }
  .ph-dok p, .ph-dok ol, .ph-dok ul { font-size: 16px; }
  .ph-dok > h2:first-of-type + ol { padding: 18px 18px 18px 38px; }
}

/* ══════════════════════════════════════════════════════════════
   Zasady PrimeHouse: kafle cech, cytat, puste <img> z importu (18.08.2026)

   Tylko ta z trzech stron ma inny kształt treści niż zwykła proza -
   `<hgroup>` jako kafle cech (tekst bez własnego znacznika + `<p>` opisu),
   `<blockquote>` jako cytat i `<img>` bez `src` (importer zdjął atrybuty
   przy czyszczeniu z klas Tailwinda, obrazu nigdy nie było). Reguły niżej
   dotyczą też Regulaminu i Polityki, ale tam nic z tego nie występuje -
   bezpieczne w jednym wspólnym arkuszu.
   ══════════════════════════════════════════════════════════════ */

/* Obraz bez źródła nigdy nie miał czego pokazać - w niektórych
   przeglądarkach zostawiał po sobie ikonę zepsutego pliku. */
.ph-dok img:not([src]),
.ph-dok img[src=""] { display: none; }

/* Kafel cechy: tekst bez znacznika (dziedziczy pogrubienie z `hgroup`)
   nad opisem w `<p>` (wraca do zwykłej wagi). Bez własnego znacznika na
   tytule nie da się go wybrać osobno - to jedyny sposób, żeby odróżnić
   go od opisu samym CSS. */
.ph-dok hgroup {
  display: block;
  margin: 0 0 18px;
  padding: 20px 24px;
  border-radius: 14px;
  background: #faf7f3;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.4;
}
.ph-dok hgroup p {
  margin: 8px 0 0;
  font-weight: 400;
  font-size: 15.5px;
  color: #46454a;
}

/* Pierwsza `hgroup` (wstęp strony: dwa akapity + przycisk) niesie prozę,
   nie jest kaflem cechy - wraca do zwykłego wyglądu tekstu. */
.ph-dok__lead + hgroup {
  padding: 0;
  background: none;
  font-weight: 400;
  font-size: 16.5px;
}
.ph-dok__lead + hgroup p { font-size: 16.5px; color: #1c1b1f; }

/* CTA jako przycisk: wstęp strony i zamknięcie po ostatnim `<h2>`. */
.ph-dok__lead + hgroup a,
.ph-dok > h2:last-of-type ~ a {
  display: inline-block;
  margin-top: 4px;
  padding: 13px 28px;
  border-radius: 999px;
  background: #eddbc7;
  color: #1c1b1f;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
}
.ph-dok__lead + hgroup a:hover,
.ph-dok > h2:last-of-type ~ a:hover { opacity: .82; text-decoration: none; }

.ph-dok blockquote {
  margin: 30px 0;
  padding: 26px 30px;
  border-left: 3px solid #eddbc7;
  border-radius: 0 14px 14px 0;
  background: #faf7f3;
  font-size: 17px;
  font-style: italic;
  line-height: 1.65;
  color: #33323a;
}
.ph-dok blockquote + p {
  margin-top: -10px;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  color: #6b6a70;
}

@media (max-width: 620px) {
  .ph-dok hgroup { padding: 16px 18px; }
  .ph-dok blockquote { padding: 20px 22px; }
}