/*
 * Warstwa dostępności powiat.konin.pl – WCAG 2.2 AA
 * WR Consulting, 2026-10 (zakres: nagłówek, stopka, menu boczne, odnośniki, podstrona projektu).
 *
 * Ładowana PO arkuszu głównym (app-*.css), więc wygrywa przy równej swoistości.
 * Arkusza głównego nie zmieniamy – jest wynikiem kompilacji. Aby wycofać zmiany,
 * wystarczy usunąć wiersz „next_css2” w index.php.
 *
 * Paleta (kontrast liczony wg WCAG 2.x):
 *   #0073ad  akcent zamiast #008bd0  – 5,18:1 na białym, 4,88:1 na #f4f9fa (było 3,74 / 3,52)
 *   #c8232c  czerwień zamiast #ec313b – 5,63:1 na białym (było 4,14)
 *   #103c52  tekst tytułu strony na błękicie #5ec5ed – 5,97:1 (było: biały, 1,96)
 */

/* ---------- 1.4.3 / 1.4.11  barwa akcentu ---------- */
html body a { color: #0073ad; }
html body a:hover,
html body a:active,
html body a:focus { color: #0073ad; }
html body a:visited { color: #103c52; }

html body .header .col-12 .top_bar__3,
html body .header-line,
html body .multicont_header h1, html body .multicont_header h2, html body .multicont_header h3,
html body .multicont_header h4, html body .multicont_header h5, html body .multicont_header h6,
html body .turist nav h4,
html body .header .col-12 .menu_top ul a:hover,
html body .header .col-12 .menu_top ul a.active,
html body .multicont_menu.multicont_menu_box a:hover,
html body .multicont_menu.multicont_menu_box a.active { color: #0073ad; }

html body .header .col-12 #hamburger::before,
html body .header .col-12 .menu_top ul li#close_mobile_menu a::before { color: #0073ad; }

html body .btn-primary,
html body .btn-primary:visited,
html body .pagination li a:hover,
html body .pagination li.active a,
html body .shortcuts__list__item { background-color: #0073ad; border-color: #0073ad; }

/* przełącznik „Wysoki kontrast” */
html body .header .col-12 .top_bar__2 a,
html body .header .col-12 .top_bar__2 a:hover { color: #c8232c; }

/* tytuł podstrony na błękitnym pasie – zostaje barwa marki, ciemny tekst */
html body .site_name h1 { color: #103c52; }

/* zaznaczenie tekstu – biały na żółtym miał 1,77:1 */
::selection { background: #fab702; color: #1a1a1a; }
::-moz-selection { background: #fab702; color: #1a1a1a; }

/* ---------- 1.4.1  odnośniki w treści odróżnione nie tylko kolorem ---------- */
html body .multicontent .multicont_text a,
html body .multicontent .multicont_text a:visited,
html body .multicontent .multicont_text a:hover,
html body .multicontent .multicont_text a:focus,
html body .multicontent .multicont_text a:active,
html body .site_zawartosc .opacity_content a,
html body .site_zawartosc .opacity_content a:visited,
html body .site_zawartosc .opacity_content a:hover,
html body .site_zawartosc .opacity_content a:focus,
html body .site_zawartosc .opacity_content a:active,
html body .youarein a,
html body .youarein a:visited,
html body .footer .footer__contact a,
html body .footer .footer__contact a:visited,
html body .footer2 a {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 1px;
}
html body .multicontent .multicont_text a:hover,
html body .site_zawartosc .opacity_content a:hover,
html body .youarein a:hover { text-decoration-thickness: 2px; }

/* bieżąca strona w okruszkach – pogrubiona */
html body .youarein a[aria-current="page"] { font-weight: 600; }
/* cel odnośnika „Skocz do zawartości” – bez obrysu przy fokusie programowym */
html body #tresc:focus { outline: none; }

/* ---------- 2.4.7  widoczny fokus (wyraźniejszy niż dotychczasowy 1 px) ---------- */
html body a:focus-visible,
html body button:focus-visible,
html body input:focus-visible,
html body select:focus-visible,
html body textarea:focus-visible,
html body [tabindex]:focus-visible {
  outline: 2px solid #0073ad;
  outline-offset: 2px;
}
html body .footer a:focus-visible,
html body .footer2 a:focus-visible,
html body .site_name a:focus-visible { outline-color: #fab702; }
html body.high-contrast a:focus-visible,
html body.high-contrast button:focus-visible { outline-color: #ff0; }

/* ---------- 2.4.11  fokus nieprzesłonięty przez pasek cookies i przycisk „do góry” ---------- */
html { scroll-padding-bottom: 140px; }

/* ---------- 2.5.8  rozmiar celu min. 24×24 px ---------- */
html body .multicont_menu.multicont_menu_box nav a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;          /* wysokość celu bez przesuwania znacznika (strzałki) podpunktu */
}
html body .youarein a {
  display: inline-block;
  min-height: 24px;
  padding-top: 3px;
  padding-bottom: 3px;
}
html body .header .col-12 .top_bar__1 a {
  display: inline-block;
  min-width: 24px;
  min-height: 24px;
  text-align: center;
}

/* ---------- przycisk „do góry” (teraz <button>, dostępny z klawiatury) ---------- */
html body .upscroll {
  border: 0;
  padding: 0;
  background-color: #0073ad;
  opacity: 1;
}
html body .upscroll:focus-visible { outline: 3px solid #1a1a1a; outline-offset: 3px; }
html body.high-contrast .upscroll { background-color: #222; }

/* tryb wysokiego kontrastu – tytuł strony na ciemnym tle zostaje biały */
html body.high-contrast .site_name h1 { color: #fff; }

/* ---------- listy w treści (zamiast wypunktowań wpisywanych znakiem „•”) ---------- */
html body .multicontent .multicont_text ul.lista-tresci {
  margin: 0.25rem 0 1rem 0;
  padding-left: 0.5rem;
  list-style: none;          /* znacznik (strzałka) dodaje już arkusz serwisu – jak w innych listach */
}
html body .multicontent .multicont_text ul.lista-tresci li { margin-bottom: 0.25rem; }
html body .multicontent .multicont_text h2.srodtytul {
  font-size: 1.125rem;
  font-weight: 700;
  color: #444;
  margin: 1.25rem 0 0.5rem 0;
}
html body.high-contrast .multicontent .multicont_text h2.srodtytul { color: #fff; }

/* informacja o formacie i rozmiarze pliku przy odnośniku */
html body .plik-info { white-space: nowrap; }

/* strzałka podpunktu menu bocznego – wyrównanie do wyższego (24 px) odnośnika */
html body .multicont_menu.multicont_menu_box nav>ul>li ul li::before { top: 8px; }