@charset "UTF-8"; /* ========================================================================== Pogotowie BHP — układ górnego paska nagłówka -------------------------------------------------------------------------- Skórka ładuje automatycznie każdy plik pasujący do `_style_*.css` (glob w sekcji pliku header.php). Dzięki temu ta poprawka jest DOŁOŻONA obok `_style.css`, a nie wpisana do niego — aktualizacje CMS niczego tu nie nadpiszą i nic nie trzeba wyłączać z aktualizacji. Kontekst: „Pogotowie BHP" było na starej wersji strony i zniknęło przy przebudowie, bo wyłączono górny pasek nagłówka (ustawienie `header_top`). Po samym włączeniu paska nagłówek pokazywał telefon, mail, konto, wyszukiwarkę i koszyk po dwa razy, a na telefonie chował „Pogotowie" całkowicie. Ten plik to porządkuje. Utworzony: 2026-08-27 ========================================================================== */ /* 1. Górny pasek to wyłącznie kontakt awaryjny. Konto, wyszukiwarka i koszyk zostają w głównym pasku niżej — bez tego widać je dwa razy, jedno pod drugim. */ header.header_main .header_wrapper .header_container .header_store { display: none; } header.header_main .header_wrapper .header_container { justify-content: flex-start; } /* 2. Telefon i mail znikają z głównego paska — są teraz wyżej, opisane jako „Pogotowie BHP". Ten sam numer w dwóch miejscach obok siebie wygląda na pomyłkę, a nie na wyróżnienie. */ header.header_main > section .header_icon { display: none; } /* 3. Poniżej 1000 px skórka domyślnie chowa cały pasek kontaktu. Przywracamy go: na telefonie numer do pogotowia jest najważniejszy — to po niego sięga ktoś, kto ma kontrolę albo wypadek właśnie teraz. */ @media (max-width: 1000px) { header.header_main .header_wrapper .header_container { justify-content: center; } header.header_main .header_wrapper .header_container div:not(.header_store) { display: flex; } } /* 4. Poniżej 700 px zostaje sam numer, bez adresu e-mail — pasek mieści się wtedy w jednej linii i nie spycha treści w dół. Adres e-mail pozostaje w stopce i na stronie Kontakt. */ @media (max-width: 700px) { header.header_main .header_address > div > span:last-child { display: none; } }