/* Strony prawne (regulaminy, polityki) — czytelna typografia dokumentu.
   Tresc wklejana z kreatora Legal Geek (wlasny H1 + klasy center/clearfix/document-heading
   + inline styles). Stylujemy generyczne elementy wewnatrz .legal__content, nie ruszamy
   reszty sklepu. H1 pochodzi z tresci (legal.php go nie dokłada). */

.legal {
    background: #ffffff;
    padding: 48px 20px 72px;
}
.legal__inner {
    max-width: 820px;
    margin: 0 auto;
}

.legal__content {
    color: #33384a;
    font-size: 1rem;
    line-height: 1.7;
    overflow-wrap: break-word;
}

/* Baner "Obowiazuje od ..." — dyskretny, nad trescia dokumentu. Ma jasno komunikowac
   od kiedy obowiazuje ta wersja, ale nie dominowac nad tytulem. */
.legal__content .legal__effective {
    font-size: 0.82rem;
    color: #8a90a0;
    margin: 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #eef0f4;
}

/* Tytul dokumentu (H1 z kreatora: .document-heading albo goly h1) */
.legal__content h1,
.legal__content .document-heading {
    font-size: 2rem;
    line-height: 1.25;
    color: #0f172a;
    margin: 0 0 28px;
    font-weight: 800;
}
.legal__content h1 a { color: #0f172a; text-decoration: none; }

.legal__content h2 {
    font-size: 1.3rem;
    color: #0f172a;
    margin: 40px 0 12px;
    line-height: 1.3;
}
.legal__content h3 {
    font-size: 1.08rem;
    color: #0f172a;
    margin: 26px 0 10px;
}
.legal__content p { margin: 0 0 14px; }
.legal__content ul,
.legal__content ol { margin: 0 0 16px; padding-left: 24px; }
.legal__content li { margin: 0 0 8px; }
.legal__content a { color: #b8923e; }
.legal__content strong,
.legal__content b { color: #0f172a; }

/* Klasy kreatora */
.legal__content .center { text-align: center; }
.legal__content .clearfix::after { content: ""; display: table; clear: both; }

/* Tabele RODO (kreator daje inline styles — zapewniamy responsywnosc) */
.legal__content table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    margin: 0 0 20px;
    font-size: 0.95rem;
}
.legal__content td,
.legal__content th { vertical-align: top; }

/* Linia licencji / meta (data + numer licencji Legal Geek).
   Filip: zostaje, ale ma sie ZLEWAC z tlem — biale tlo jak reszta, mala czcionka,
   kolor bardzo blisko bialego (ledwo widoczny, nikt na to nie patrzy). Link juz
   usuniety server-side w legal.php. */
.legal__content small.legal-license {
    display: block;
    font-size: 0.72rem;
    line-height: 1.4;
    color: #d3d7de;
    margin-bottom: 24px;
}
.legal__content small.legal-license a { color: inherit; text-decoration: none; }

@media (max-width: 640px) {
    .legal { padding: 32px 16px 56px; }
    .legal__content h1,
    .legal__content .document-heading { font-size: 1.55rem; }
    /* tabele RODO na waskim ekranie — poziomy scroll zamiast rozpychania */
    .legal__content table { display: block; overflow-x: auto; white-space: normal; }
}