/* ============================================================
   COOKIEBOT — jedyne miejsce ze stylami banera zgody (SSOT).
   Ładują go WSZYSTKIE strony: index, quiz, koszyk, regulamin, polityka.
   Powód wydzielenia (21.09.2026): reguły siedziały w design.css, którego koszyk.html
   nie ładuje (ma własny koszyk.css). Efekt: na głównej baner miał 634 px i naszą czerń,
   a na koszyku 776 px = 92% ekranu, niebieskie przyciski Cookiebota i przykryty dok
   „Dalej” — 11 z 13 wejść do koszyka po 20.09 miało niepodjętą decyzję o ciasteczkach,
   więc widziało dokładnie to. Zmieniasz baner = zmieniasz TEN plik i podbijasz ?v= we
   wszystkich pięciu HTML-ach.
   ============================================================ */
/* Ikony w sekcji „Czy to brzmi znajomo?" — bez kafelka, większe,
   w kolorze marki. Podkład tylko rozbijał rytm kart. */
.pain__icon {
    width: auto;
    height: auto;
    background: none;
    border-radius: 0;
    color: var(--teal);
    font-size: 1.7rem;
    margin-bottom: 16px;
    justify-content: flex-start;
}



   COOKIEBOT — nadpisanie wyglądu bannera (dodane 2026-09-04)
   Cel: „Zezwól na wszystkie” jako główny przycisk marki, „Odmowa”
   widoczna, ale jako przycisk drugorzędny. Obie opcje zostają dostępne
   jednym kliknięciem (wymóg RODO/ePrivacy) — zmieniamy tylko hierarchię wizualną.
   Identyfikatory pochodzą z szablonu Cookiebot (stałe).

   21.09.2026: #...BodyButtonAccept dopisany do reguły przycisku głównego.
   To id pojawia się, gdy w panelu Cookiebot typ zgody stoi na Accept/Decline
   (w Multi Level akceptacja ma id #...BodyLevelButtonLevelOptinAllowAll).
   Bez niego przycisk wraca do firmowego niebieskiego Cookiebota. Zostawione jako
   zabezpieczenie — nie usuwaj żadnego z dwóch id.

   ⚠ Accept/Decline został SPRAWDZONY I ODRZUCONY (21.09.2026). Skraca baner z 822
   do 430 px, ale na żywo: kategorie w zakładce „Szczegóły” są DOMYŚLNIE ZAZNACZONE,
   a odznaczenie którejkolwiek NIE pokazuje przycisku „Zezwól na wybór” (zmierzone
   przez CDP na produkcji). Czyli zgody nie da się dać częściowo, a interfejs sugeruje,
   że się da. Przy podmiocie leczniczym to nie wchodzi. Zostaje Multi Level.
   ============================================================ */
#CybotCookiebotDialog {
    font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    border-radius: 20px !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection.CybotCookiebotDialogBodyButton {
    background: #0b0b0c !important;
    border-color: #0b0b0c !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    font-weight: 600 !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,
#CybotCookiebotDialogBodyButtonAccept:hover { opacity: 0.88; }
#CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialogBodyLevelButtonCustomize {
    background: transparent !important;
    border: 1px solid #e5e5e2 !important;
    color: #6a6a73 !important;
    border-radius: 999px !important;
    font-weight: 500 !important;
}
#CybotCookiebotDialogBodyButtonDecline:hover,
#CybotCookiebotDialogBodyLevelButtonCustomize:hover { background: #fafaf9 !important; color: #0b0b0c !important; }
/* Kolejność przycisków (układ flex Cookiebota). Naturalna kolejność Cookiebota to
   Odmowa / Zezwól na wybór / Zezwól na wszystkie. Samo wyciągnięcie głównego na przód
   dawało na desktopie „Odmowę” w kanapce między dwoma czarnymi przyciskami (21.09.2026).
   Dlatego numerujemy wszystkie trzy: od najmocniejszej opcji do najsłabszej. */
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyButtonAccept { order: 1; }
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection { order: 2; }
#CybotCookiebotDialogBodyButtonDecline { order: 3; }

/* ------------------------------------------------------------
   Kompresja wysokości banera na telefonie (21.09.2026)
   Zmierzone na iPhonie 390x844: baner 774 px = 92% ekranu, czyli strony
   praktycznie nie widać, zanim ktoś zdecyduje. Konkurencja mieści się
   w 60-67% (Holi 537, Allegro 570, IKEA 545, Media Expert 508).
   Cookiebot nie ma ustawienia na gęstość — jedyne, co skraca baner w panelu,
   to wyrzucenie wyboru kategorii, czego nie robimy. Zostaje własny CSS.
   ŻADNA OPCJA NIE ZNIKA: trzy przyciski, cztery przełączniki i trzy zakładki
   zostają. Zmieniamy wyłącznie odstępy. Wysokości pól dotykowych trzymamy
   na >=44 px (wytyczna Apple), żeby nie zepsuć klikalności.
   ------------------------------------------------------------ */
@media (max-width: 600px) {
    #CybotCookiebotDialogHeader { padding-top: 6px !important; padding-bottom: 6px !important; }
    #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    #CybotCookiebotDialogBodyContent { padding-top: 12px !important; padding-bottom: 12px !important; }
    #CybotCookiebotDialogBodyContentTitle { margin-bottom: 4px !important; }
    #CybotCookiebotDialogBodyLevelButtonsSelectPane { padding-top: 4px !important; padding-bottom: 4px !important; }
    #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonWrapper { padding: 7px 15px !important; }
    #CybotCookiebotDialogBodyButtons, #CybotCookiebotDialogBodyButtonsWrapper { gap: 8px !important; }
    #CybotCookiebotDialog .CybotCookiebotDialogBodyButton {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        min-height: 44px !important;
    }
}