/* * Poprawki kontrastu WCAG 2.1 AA (raport991.md, P0 #4). * Wartości kolorów dobrane przez pomiar kontrastu względem faktycznego * tła (nie "na oko"), cel: >=4.5:1 dla tekstu zwykłego, z niewielkim * marginesem bezpieczeństwa. Ładowany po głównym CSS motywu. */ /* 1. Menu główne i podmenu (#menu-menu-gorne, .mega-menu .sub-menu) */ #menu-menu-gorne.mega-menu > li.menu-item > a { color: #757575 !important; } #menu-menu-gorne.mega-menu > li.menu-item.active > a, #menu-menu-gorne.mega-menu > li.menu-item:hover > a, #menu-menu-gorne.mega-menu > li.menu-item > a.active, #menu-menu-gorne.mega-menu > li.menu-item > a.current { background-color: #158741 !important; color: #fff !important; } .mega-menu .sub-menu a { color: #757575 !important; } /* Przełącznik języków (widget GTranslate, ".pasek z flagami" w prawym górnym rogu). Generowany dynamicznie przez plugins/gtranslate/js/flags.js z background-color:transparent!important. Każda flaga to samo bez tekstu (nie ma "PL" itp.) — poprzednia poprawka (białe tło kontenera) błędnie zakładała tekst i dodatkowo pogorszyła sprawę: flaga Polski ma biały pas, który na białym tle miał kontrast ~1:1. Właściwa poprawka to wyraźna ramka na KAŻDEJ fladze, niezależna od koloru flagi i koloru tła za widgetem. */ .gt_switcher_wrapper { background-color: #f2f2f2 !important; border-radius: 4px; padding: 2px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); } .gt_switcher_wrapper a.glink img { border: 1px solid #757575 !important; border-radius: 2px; } /* 2. Górny pasek kontaktowy (.header-top). UWAGA: istnieje ukryta inline reguła "#header .header-top{color:#fff !important}" (selektor z ID). Same klasy, nawet z !important, jej nie pokonają — trzeba dorównać jej specyficzności przez #header. Tło paska bywa przezroczyste: ".fixed-header #header .header-top" ma background-color:rgba(246,146,31,0.8) — WAVE samo przyznaje, że nie potrafi wiarygodnie zmierzyć kontrastu na przezroczystym tle (efektywny kolor zależy od tego, co jest pod spodem po przewinięciu). Wymuszamy pełną nieprzezroczystość, żeby kontrast był deterministyczny. */ .fixed-header #header .header-top { background-color: #f6921f !important; } #header .header-top .header-contact a, #header .header-top .custom-html a, #header .header-top .top-links > li.menu-item > a, #header .header-top .welcome-msg a, #header .header-top .header-contact .nav-top a[href^="mailto:"], #header .header-top .header-contact .nav-top a[href^="tel:"] { color: #000 !important; } #header .header-top .header-contact a:visited, #header .header-top .header-contact .nav-top a[href^="mailto:"]:visited, #header .header-top .header-contact .nav-top a[href^="tel:"]:visited { color: #000 !important; } #header .header-top .header-contact a:hover, #header .header-top .header-contact a:focus, #header .header-top .custom-html a:hover, #header .header-top .top-links > li.menu-item.active > a, #header .header-top .top-links > li.menu-item:hover > a, #header .header-top .top-links > li.menu-item > a.active, #header .header-top .top-links > li.menu-item.has-sub:hover > a, #header .header-top .welcome-msg a:hover, #header .header-top .header-contact .nav-top a[href^="mailto:"]:hover, #header .header-top .header-contact .nav-top a[href^="mailto:"]:focus, #header .header-top .header-contact .nav-top a[href^="tel:"]:hover, #header .header-top .header-contact .nav-top a[href^="tel:"]:focus { color: #000 !important; text-decoration: underline; } /* Globalny wskaźnik fokusu (Simple Custom CSS and JS) używa zielonego obramowania #179246, które na tym pasku jest prawie niewidoczne (1,73:1 na pomarańczowym tle, 1:1 gdy tło też jest zielone). */ #header .header-top .header-contact a:focus { outline: 2px solid #000 !important; outline-offset: 2px; } /* 3. Nagłówki kafli/slajdów "Sprawdź ofertę" (h3.porto-sicon-title) — tekst bywa nakładany na zdjęcia/tła o zmiennym kontraście, więc dostaje stałe, nieprzezroczyste tło zamiast doboru koloru "na oko". */ h3.porto-sicon-title { display: inline-block; background-color: rgba(0, 0, 0, 0.65); color: #fff !important; padding: 0.2em 0.6em; border-radius: 3px; } /* 4. Etykiety wyboru oferty (sekcje "wybierz województwo"/"wybierz program"). Domyślny (zamknięty) stan: pomarańczowy tekst #f6921f na białym tle (2,85:1) z reguły .toggle-secondary .toggle label — za mały kontrast. Stan aktywny (otwarty): biały tekst na tle #f6921f (2,32:1) z reguły .toggle-secondary .toggle.active > label — też za mały. Wskaźnik fokusu (Simple Custom CSS and JS, outline: orange) ma tylko 1,97:1 względem białego tła (wymóg WCAG 1.4.11 to 3:1) — też poprawione. */ section.toggle.rozwijane-czcionka label { color: #666666 !important; } section.toggle.rozwijane-czcionka.active > label { background-color: #ae6007 !important; color: #fff !important; } section.toggle.rozwijane-czcionka:focus, section.toggle.rozwijane-czcionka > label:focus { outline: 2px solid #c78100 !important; outline-offset: 2px; } /* 5. Przyciski "Zobacz więcej" (a.vc_btn3.vc_btn3-color-warning). Realny znacznik ma klasę vc_btn3-style-classic (nie flat/3d/modern), więc bazowy selektor bez sufiksu stylu już go obejmuje. Dodano też stany :active/:visited, aby przeglądarka nie podstawiła domyślnego koloru linku odwiedzonego. */ a.vc_btn3.vc_btn3-color-warning, a.vc_btn3.vc_btn3-color-warning:visited { background-color: #a56300 !important; border-color: #a56300 !important; color: #fff !important; } a.vc_btn3.vc_btn3-color-warning:hover, a.vc_btn3.vc_btn3-color-warning:focus, a.vc_btn3.vc_btn3-color-warning:active { background-color: #8f5600 !important; border-color: #8f5600 !important; color: #fff !important; } .vc_btn3.vc_btn3-color-warning.vc_btn3-style-outline { color: #ab6700 !important; border-color: #ab6700 !important; } /* 6. Pojedyncze przypadki */ .vc_custom_1734323460031 { color: #ffffff !important; } .vc_row.vc_custom_1734352473367 { background-color: #158741 !important; } #footer .footer-ribbon { background-color: #ab5f07 !important; } /* * 7. Usuń justowanie tekstu (raport991.md, P2 #10). * Globalne ustawienie Customizera (p{text-align:justify}) kaskadowo * justowało akapity w stopce, newsletterze i listach w sekcjach "toggle". */ p { text-align: left !important; } /* 8. Bardzo mały tekst (raport991.md, P2 #9) */ .meta-date, .post-date { font-size: 0.875rem !important; } .thumb-info-type { font-size: 0.75rem !important; } h2.wpb_heading.wpb_singleimage_heading { font-size: 1rem !important; } .legal-note-text { font-size: 0.875rem; } /* 9. Drobne poprawki semantyczne (raport991.md, P2 #11) */ .acwp-title { text-align: left !important; }