/* public/site-global.css — reguly WSPOLNE dla wszystkich stron publicznych.
 *
 * POWOD ISTNIENIA TEGO PLIKU. Kazda strona marketingowa ma wlasny blok <style>
 * z wlasna kopia stopki i wlasnymi punktami lamania (index: 3 kolumny 1.5fr/1fr/1fr
 * plus sekcja platnosci, pozostale: repeat(3, 1fr)). Kopie zdazyly sie rozjechac,
 * a poprawka naniesiona pietnascie razy rozjezdza sie przy pierwszej nastepnej
 * zmianie. Reguly przekrojowe — takie, ktore MAJA wygladac tak samo wszedzie —
 * mieszkaja odtad tutaj.
 *
 * KOLEJNOSC LADOWANIA JEST WIAZACA: <link> do tego pliku stoi PO bloku <style>
 * strony. Przy rownej specyficznosci wygrywa arkusz pozniejszy, wiec te reguly
 * nadpisuja kopie lokalne. Przeniesienie linku do <head> przed <style> cicho
 * odwrocilo by pierwszenstwo i plik przestalby dzialac, nie rzucajac bledu.
 */

/* ============================================================
   1. BRAK POZIOMEGO PRZEPELNIENIA
   ============================================================
   Strony mialy `overflow-x: hidden` WYLACZNIE na `body`, bez `html`. To jest
   wariant zawodny: gdy body jest kontenerem przewijania, a html nie, element
   szerszy od okna potrafi poszerzyc dokument. Wszystko, co „wysrodkowane",
   centruje sie wtedy wzgledem tej SZERSZEJ powierzchni i wizualnie ucieka
   w prawo — mimo ze zaden `text-align: right` nigdzie nie stoi.
   Regula musi objac OBA elementy naraz, inaczej nie zamyka przypadku. */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

/* ============================================================
   2. STOPKA WYSRODKOWANA NA WASKICH EKRANACH
   ============================================================
   Na szerokich ekranach stopka jest siatka 3-kolumnowa i wyrownanie do lewej
   jest poprawne — kolumny czytaja sie jak kolumny. Ponizej 900 px siatka
   schodzi do jednej kolumny i to samo wyrownanie zostawia tresc przyklejona
   do lewej krawedzi, bez zwiazku z reszta ukladu.
   900 px, bo taki punkt lamania siatki stopki maja juz strony w projekcie —
   centrowanie ma wejsc DOKLADNIE wtedy, gdy kolumny sie skladaja, a nie
   wczesniej ani pozniej. */
@media (max-width: 900px) {
    .footer-content {
        text-align: center;
    }

    /* Logo bywa `display: block` (index) albo `flex` (pozostale) — jedno
       i drugie centruje sie tu tak samo, bez zalezenia od kopii lokalnej. */
    .footer-logo {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    /* `list-style: none` juz jest w kopiach lokalnych, ale wciecie listy
       zostawialo tekst przesuniety wzgledem naglowka nad nim. */
    .footer-section ul {
        padding-left: 0;
        list-style: none;
    }

    /* Sekcja platnosci istnieje tylko na index.html. Reguly nie szkodza
       stronom, ktore jej nie maja — selektor po prostu nie trafia. */
    .footer-payments {
        justify-content: center;
        text-align: center;
    }

    .footer-payments-left,
    .footer-payments-right {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .footer-bottom {
        text-align: center;
    }
}
