/**
 * SSC — TRESC REGULAMINU W OKIENKU PODGLADU (`.ssc-terms-doc`).
 *
 * ERRATA 10.08.2026 (zgloszenie wlasciciela po wgraniu ZG-3): w okienku podgladu
 * regulaminu naglowki byly wielkosci szyldu, a na dole pojawial sie poziomy pasek
 * przewijania. Przyczyna: kontener tresci ustawia inline `font-size:14px`, ktore
 * DZIEDZICZY sie do akapitow, ale NIE dotyka `h1..h6` - te maja wlasny rozmiar i
 * lapia je globalne reguly z zewnatrz. Dodatkowo nic nie pozwalalo lamac dlugich
 * wyrazow i adresow, wiec szeroka linia rozpychala kontener.
 *
 * JEDEN ARKUSZ NA OSIEM POWIERZCHNI. Okienko rysuje osiem miejsc, kazde wlasnym
 * kodem (2x PHP, 6x JS) i pod czterema roznymi nazwami klasy zewnetrznej
 * (`ssc-terms-modal`, `ssc-gj-reg-modal`, `ssc-gt-reg-modal`, `ssc-ipc-reg-modal`,
 * `ssc-vm-reg-modal`, `ssc-pakiet-modal-overlay`). Zamiast osmiu latek kontener
 * tresci w kazdym z nich dostal JEDNA WSPOLNA KLASE `ssc-terms-doc` - i caly
 * wyglad siedzi tutaj. Nowa powierzchnia = dopisanie klasy, zero nowego CSS.
 *
 * ── WOJNA O SPECYFICZNOSC ───────────────────────────────────────────────────
 * Doktryna projektu (patrz naglowek `ssc-cennik.css`, errata 21.07.2026):
 * `!important` na wlasnosciach, ktore przejmuje kod z zewnatrz, plus WYSOKA
 * SPECYFICZNOSC, zeby `!important` utrzymal sie takze wobec przeciwnika, ktory
 * sam uzywa `!important` (wsrod regul `!important` wygrywa wyzsza specyficznosc).
 *
 * NAJMOCNIEJSZY PRZECIWNIK: `assets/css/ssc-myaccount.css` L544-555
 *   `.woocommerce-account .woocommerce-MyAccount-content h1..h4`  (0,3,1)
 *   → font-size 28px !important, font-weight 800 !important,
 *     text-transform uppercase !important, letter-spacing -.03em !important,
 *     line-height 1 !important, color #001C25 !important, margin 0 0 20px !important
 * oraz L831-836 (ten sam zestaw w media ≤ mobile) i L752-757 dla `p` (0,3,1):
 *     font-size 15px !important, line-height 1.6 !important, color !important,
 *     margin-bottom !important.
 * Dotyczy to powierzchni "dopisanie do grupy", ktora renderuje sie WEWNATRZ
 * `.woocommerce-MyAccount-content`.
 * DRUGI PRZECIWNIK: globalna typografia motywu `.elementor-kit-NN h1..h6` (0,1,1),
 * udokumentowana w `ssc-cennik.css` (h2 → 6.5rem/5rem/3rem) - to ona robi "szyld".
 *
 * STAD: selektory powtarzaja klase CZTERY RAZY → (0,4,x) > (0,3,1). NIE odwolujemy
 * sie do `.elementor-kit-NN` ani do `.woocommerce-MyAccount-content`: numer kitu
 * zmienia sie przy re-imporcie, a obrona ma byc samowystarczalna i przenosna.
 *
 * ZAKRES: wylacznie wyglad tresci wewnatrz okienka. Arkusz nie dotyka naglowka
 * okienka (pasek z tytulem i wersja jest RODZENSTWEM kontenera tresci, nie jego
 * dzieckiem), przyciskow, stopki, otwierania/zamykania ani logiki zgod.
 *
 * @since ERRATA-okienko-regulaminu (10.08.2026)
 */

/* ── Kontener dokumentu ──────────────────────────────────────────────────────
 * Bez `!important`: nikt tych wlasnosci nie przejmuje, a rozmiar/kolor bazowy
 * i tak stoi inline na kontenerze w kazdej z osmiu powierzchni.
 * `overflow-wrap:anywhere` to LEK NA POZIOMY PASEK: pozwala zlamac dlugi wyraz
 * lub adres i - w odroznieniu od `break-word` - zbija tez minimalna szerokosc
 * tresci, wiec szeroka tabela przestaje rozpychac okno.
 * ──────────────────────────────────────────────────────────────────────────── */
.ssc-terms-doc {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: none;
}

/* ── Naglowki wewnatrz tresci - rodzina h1..h6, wspolne wlasnosci ─────────────
 * KAZDE `!important` w tym bloku ma imiennego przeciwnika (patrz naglowek pliku):
 *   font-weight / text-transform / letter-spacing / line-height / color / margin
 *   → ssc-myaccount.css L544-555 (+L831-836), wszystkie z `!important`.
 * Bez tego naglowki na powierzchni "dopisanie do grupy" zostalyby WIELKIMI
 * LITERAMI, wagi 800, ze zbita interlinia - czyli zgloszony "szyld".
 * `font-family:inherit` wyrownuje osiem powierzchni do jednego wygladu: bez tego
 * naglowki bralyby krojem z globalnej typografii motywu, a tresc - z okna.
 * ──────────────────────────────────────────────────────────────────────────── */
.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc h1,
.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc h2,
.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc h3,
.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc h4,
.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc h5,
.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc h6 {
    font-family: inherit !important;
    font-weight: 600 !important;
    font-style: normal !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    line-height: 1.35 !important;
    color: #0F172A !important;
    margin: 1.5em 0 0.45em !important;
    padding: 0;
    border: 0;
}

/* Rozmiary - stopniowanie wzgledem 14px tresci okna.
 * `!important` przeciwko `font-size:28px !important` (myaccount, 0,3,1)
 * oraz `.elementor-kit-NN hN` (motyw) - to jest sedno zgloszenia. */
.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc h1 { font-size: 19px !important; }
.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc h2 { font-size: 17px !important; }
.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc h3 { font-size: 15px !important; }
.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc h4 { font-size: 14px !important; }
.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc h5,
.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc h6 { font-size: 13px !important; }

/* Pierwszy element nie odpycha sie od gornej krawedzi okna. */
.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc > :first-child {
    margin-top: 0 !important;
}

/* ── Tekst ciagly ────────────────────────────────────────────────────────────
 * `!important` przeciwko ssc-myaccount.css L752-757
 * (`.woocommerce-account .woocommerce-MyAccount-content p`, 0,3,1, `!important`
 * na font-size 15px / line-height / color / margin-bottom). Bez tego akapity na
 * powierzchni "dopisanie do grupy" mialyby inny rozmiar i kolor niz na
 * pozostalych siedmiu.
 * ──────────────────────────────────────────────────────────────────────────── */
.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc p,
.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc li {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #0F172A !important;
}

.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc p {
    margin: 0 0 0.8em !important;
}

/* Listy - bez `!important`: nikt tych wlasnosci w okienku nie przejmuje.
 * `padding-left` trzyma punktory w srodku kontenera zamiast pod krawedzia. */
.ssc-terms-doc ul,
.ssc-terms-doc ol {
    margin: 0 0 0.8em;
    padding-left: 1.5em;
}

.ssc-terms-doc li {
    margin: 0 0 0.3em;
}

.ssc-terms-doc li > ul,
.ssc-terms-doc li > ol {
    margin: 0.3em 0 0.3em;
}

/* ── Elementy, ktore potrafia rozepchnac okno w poziomie ─────────────────────
 * Bez `!important` - to geometria, nie typografia; nikt ich tu nie przejmuje.
 * ──────────────────────────────────────────────────────────────────────────── */
.ssc-terms-doc a {
    overflow-wrap: anywhere;
}

.ssc-terms-doc img,
.ssc-terms-doc svg,
.ssc-terms-doc iframe {
    max-width: 100%;
    height: auto;
}

.ssc-terms-doc table {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.ssc-terms-doc th,
.ssc-terms-doc td {
    overflow-wrap: anywhere;
}

.ssc-terms-doc pre {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.ssc-terms-doc hr {
    margin: 1.2em 0;
    border: 0;
    border-top: 1px solid #E2E8F0;
}

/* ── Waskie ekrany ───────────────────────────────────────────────────────────
 * Ta sama specyficznosc, bo przeciwnik z ssc-myaccount.css ma swoj wariant
 * mobilny (L831-836, 24px !important) - rowniez na (0,3,1).
 * ──────────────────────────────────────────────────────────────────────────── */
@media (max-width: 480px) {
    .ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc h1 { font-size: 18px !important; }
    .ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc h2 { font-size: 16px !important; }
    .ssc-terms-doc.ssc-terms-doc.ssc-terms-doc.ssc-terms-doc h3 { font-size: 15px !important; }
}