/* WCAG – Tryb wysokiego kontrastu */


/* Klikalny napis */
.contrast-toggle {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  transition: color 0.3s;
}
.contrast-toggle:hover {
  color: black;
}


/* Ogólne kolory */
body.high-contrast {
  background-color: #000 !important;
  color: #f5f5dc !important;
}

body.high-contrast a {
  color: #00ffcc !important;
  text-decoration: underline;
  font-weight: bold;
}
body.high-contrast a:hover {
  color: #66ffe0 !important;
}

body.high-contrast h1,
body.high-contrast h2,
body.high-contrast h3,
body.high-contrast h4,
body.high-contrast h5 {
  color: #fff !important;
}


/* Sekcje i kontenery */
body.high-contrast .container,
body.high-contrast .container--header,
body.high-contrast .container--footer,
body.high-contrast .container--news,
body.high-contrast .container--contact,
body.high-contrast .contact__box,
body.high-contrast .filter,
body.high-contrast .news__box,
body.high-contrast .offer__box,
body.high-contrast .filter__box,
body.high-contrast .filter__box--blue,
body.high-contrast .filter__box--green,
body.high-contrast .filter__box--long,
body.high-contrast .site,
body.high-contrast .wrapper,
body.high-contrast main,
body.high-contrast .page,
body.high-contrast .page-wrap,
body.high-contrast .menu__wrap,
body.high-contrast .top-bar {
  background-color: #111 !important;
  color: #f5f5dc !important;
  border-color: #444 !important;
}


/* Nawigacja, header, menu */
body.high-contrast .header,
body.high-contrast .navigation,
body.high-contrast nav,
body.high-contrast .navigation__top,
body.high-contrast .menu,
body.high-contrast .menu__list,
body.high-contrast .menu__item,
body.high-contrast .menu__link,
body.high-contrast .menu__item--image,
body.high-contrast .menu__link--image {
  background-color: #000 !important;
  color: #f5f5dc !important;
}

body.high-contrast .navigation__item > a {
  color: #f5f5dc !important;
  background-color: transparent !important;
}

body.high-contrast .navigation__item > a:hover,
body.high-contrast .navigation__item > a:focus,
body.high-contrast .navigation__item.active > a {
  background-color: #005544 !important;
  color: #fff !important;
}


/* Menu rozwijane */
body.high-contrast .menu ul,
body.high-contrast .menu ul li,
body.high-contrast .menu ul li a {
  background-color: #111 !important;
  color: #f5f5dc !important;
}
body.high-contrast .menu ul li a:hover {
  background-color: #006655 !important;
  color: #fff !important;
}


/* Przyciski */
body.high-contrast .btn,
body.high-contrast button,
body.high-contrast input[type="submit"] {
  background-color: #00cc99 !important;
  color: #000 !important;
  border: 1px solid #00cc99 !important;
}


/* Slider / News / Oferta – przyciski CTA */
body.high-contrast .slider__button,
body.high-contrast .offer__button,
body.high-contrast .news__button {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #fff !important;
  font-weight: bold !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 10px 25px;
}
body.high-contrast .slider__button:hover,
body.high-contrast .offer__button:hover,
body.high-contrast .news__button:hover {
  background-color: #005544 !important;
  color: #fff !important;
  border-color: #005544 !important;
}


/* Obrazki */
body.high-contrast img {
  filter: contrast(1.4) brightness(1.1);
}


/* Jasna wersja logo UMWD */
body.high-contrast #logo-umwd {
  content: url('/img/logo-umwd-light.png') !important;
}


/* Naprawa pasków po prawej */
@media (min-width: 992px) {
  body.high-contrast .navigation__top::after,
  body.high-contrast .menu::after {
    background-color: #000 !important;
  }
}


/* Lewy filtr – stylizacja menu bocznego */
body.high-contrast .filter__menu {
  background-color: transparent !important;
  list-style: none;
  padding-left: 0 !important;
  margin-left: 0 !important;
  text-align: left;
}

body.high-contrast .filter__item {
  background-color: transparent !important;
  color: #ffffff !important;
  text-decoration: underline;
  font-weight: normal;
  text-transform: none;
  font-size: 16px;
  border: none !important;
  padding: 6px 10px;
  display: block;
  cursor: pointer;
  margin-left: 0 !important;
  text-align: left;
}
body.high-contrast .filter__item:hover,
body.high-contrast .filter__item:focus {
  color: #00cc99 !important;
  text-decoration: underline;
}
body.high-contrast .filter__item:focus-visible {
  outline: 2px dashed #00cc99;
  outline-offset: 2px;
}

body.high-contrast .filter__item a,
body.high-contrast .filter__item a:visited {
  color: #ffffff !important;
  text-decoration: underline;
  font-weight: normal;
  text-transform: none;
  font-size: 16px;
  display: inline-block;
}
body.high-contrast .filter__item a:hover,
body.high-contrast .filter__item a:focus {
  color: #00cc99 !important;
}


/* Stylowanie tabeli w trybie wysokiego kontrastu */
body.high-contrast table,
body.high-contrast .table {
  border-collapse: collapse;
  width: 100%;
  color: #ffffff !important;
  background-color: #111 !important;
}

body.high-contrast th,
body.high-contrast td,
body.high-contrast .table__col {
  color: #ffffff !important;
  background-color: #111 !important;
  border: 1px solid #444 !important;
  padding: 8px;
  text-align: center;
}

body.high-contrast .table__row--header {
  background-color: #222 !important;
  font-weight: bold;
}


/* Styl dla linków CZYTAJ WIĘCEJ w newsach */
body.high-contrast .news__link {
  color: #ffffff !important;
  text-decoration: underline !important;
  font-weight: normal;
  text-transform: none;
  font-size: 16px;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0;
  display: inline-block;
  transition: color 0.2s ease-in-out;
}

body.high-contrast .news__link:hover,
body.high-contrast .news__link:focus,
body.high-contrast .news__link:focus-visible {
  color: #00cc99 !important;
  text-decoration: underline !important;
  outline: none;
}


/* Linki kontaktowe w stopce (e-mail i telefon) */
body.high-contrast a.contact__link {
  color: #ffffff !important;
  text-decoration: underline !important;
  font-weight: bold;
}

body.high-contrast a.contact__link:hover,
body.high-contrast a.contact__link:focus {
  color: #00cc99 !important;
  text-decoration: underline !important;
}


/* Ikony kontaktowe w trybie wysokiego kontrastu */
body.high-contrast .contact__icon {
  color: #FFFFFF !important;
}


/* Styl hover dla ikon zmiany rozmiaru czcionki A A A */
body.high-contrast .navigation__text {
  color: #ffffff !important;
  background-color: transparent !important;
  display: inline-block;
}

body.high-contrast .navigation__text:hover,
body.high-contrast .navigation__text:focus {
  background-color: #005544 !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  text-decoration: none !important;
}


/* === WCAG: jasny oliwkowy tekst w ofertach (wysoki kontrast) === */
body.high-contrast .offer__object {
  color: #ccff99 !important; /* jasny oliwkowy, kontrast > 13:1 */
}


/* Kontakt – nazwa firmy w wysokim kontraście */
body.high-contrast .contact__object {
  color: #ffffff !important;   /* biały tekst */
  background-color: transparent !important;
  font-weight: bold;
}


/* Sidebar – aktywny link + hover w trybie wysokiego kontrastu */
body.high-contrast .sidebar__link--active,
body.high-contrast .sidebar__link:hover {
  background-color: #006655 !important;
  color: #ffffff !important;
}