/* ===================================================
   HIGH CONTRAST MODE – BLACK / YELLOW
=================================================== */

/* ===============================
   BODY I KONTENERY
================================ */
body.contrast #wrapper,
body.contrast #Wrapper,
body.contrast .Wrapper,
body.contrast .container,
body.contrast .desc,
body.contrast #Action_bar,
body.contrast #Top_bar,
body.contrast .content_wrapper,
body.contrast .widgets_wrapper {
  background-color: #000 !important;
  color: #ffff00 !important;
}

body.contrast .date_label {
  background-color: #ffff00 !important;
  color: #000 !important;
}

body.contrast .pages {
  background-color: #000 !important;
  color: #fff !important;
}

body.contrast .pages a.page {
  color: #fff !important;
  border: 1px solid #fff !important;
}

body.contrast .pages a.page.active {
  background-color: #ffff00 !important;
  color: #000 !important;
}

body.contrast h1,
body.contrast h2,
body.contrast h3,
body.contrast h4,
body.contrast h5,
body.contrast h6 {
  color: #ffff00 !important;
}

body.contrast p,
body.contrast li,
body.contrast span,
body.contrast label,
body.contrast td,
body.contrast th {
  color: #ffff00 !important;
}

/* ===============================
   LINKI
================================ */
body.contrast a {
  color: #ffff00 !important;
  text-decoration: underline !important;
}

body.contrast a:hover,
body.contrast a:focus {
  background-color: #ffff00 !important;
  color: #000 !important;
}

/* ===============================
   FORMULARZE
================================ */
body.contrast input,
body.contrast textarea,
body.contrast select,
body.contrast button {
  background-color: #000 !important;
  color: #ffff00 !important;
  border: 2px solid #ffff00 !important;
}

/* ===============================
   FOCUS WCAG
================================ */
body.contrast a:focus,
body.contrast button:focus,
body.contrast input:focus,
body.contrast textarea:focus,
body.contrast select:focus,
body.contrast [tabindex]:focus {
  outline: 4px solid #ffff00 !important;
  outline-offset: 4px !important;
}

/* ===================================================
   ACTION BAR – TRYB NORMALNY
=================================================== */

#Action_bar .contact_details,
#Action_bar .contact_details li,
#Action_bar .contact_details li a {
  font-size: 16px;
  list-style: none;
  text-decoration: none;
  color: #ffffff;
}

/* ikony normalne */
#Action_bar .contact_details li i,
#Action_bar .contact_details li a i,
#Action_bar .contact_details li a i:before {
  color: #ffffff;
}

/* slogan */
#Action_bar .contact_details li.slogan {
  color: #ffffff;
}

/* hover normalny */
body:not(.contrast) #Action_bar .contact_details li a:hover,
body:not(.contrast) #Action_bar .contact_details li a:focus {
  color: #ffff00;
}

body:not(.contrast) #Action_bar .contact_details li a:hover i,
body:not(.contrast) #Action_bar .contact_details li a:focus i,
body:not(.contrast) #Action_bar .contact_details li a:hover i:before,
body:not(.contrast) #Action_bar .contact_details li a:focus i:before {
  color: #ffff00;
}

/* ===================================================
   ACTION BAR – TRYB KONTRASTU
=================================================== */

body.contrast #Action_bar .contact_details li.slogan {
  color: #ffff00 !important;
}

body.contrast #Action_bar .contact_details li.slogan i {
  color: #ffff00 !important;
}

/* linki */
body.contrast #Action_bar .contact_details a {
  background-color: #000 !important;
  color: #ffff00 !important;
  border: 2px solid #ffff00 !important;
  text-decoration: underline !important;
}

/* hover linków */
body.contrast #Action_bar .contact_details a:hover,
body.contrast #Action_bar .contact_details a:focus,
body.contrast #Action_bar .contact_details a:active {
  background-color: #ffff00 !important;
  color: #000 !important;
  outline: 4px solid #ffff00 !important;
  outline-offset: 2px !important;
}

/* ikony */
body.contrast #Action_bar .contact_details a i {
  color: #ffff00 !important;
}

/* hover ikon */
body.contrast #Action_bar .contact_details a:hover i,
body.contrast #Action_bar .contact_details a:focus i,
body.contrast #Action_bar .contact_details a:active i,
body.contrast #Action_bar .contact_details a:hover i:before,
body.contrast #Action_bar .contact_details a:focus i:before,
body.contrast #Action_bar .contact_details a:active i:before {
  color: #000 !important;
}

/* ===================================================
   MENU – KONTRAST
=================================================== */

body.contrast #menu ul.menu li > a {
  background-color: #000 !important;
  color: #ffff00 !important;
}

body.contrast #menu ul.menu li:hover > a {
  background-color: #ffff00 !important;
}

body.contrast #menu ul.menu li:hover > a span {
  color: #000 !important;
}

/* submenu */
body.contrast #menu ul.menu li ul.sub-menu li > a {
  background-color: #000 !important;
  color: #ffff00 !important;
}

body.contrast #menu ul.menu li ul.sub-menu li:hover > a {
  background-color: #ffff00 !important;
}

body.contrast #menu ul.menu li ul.sub-menu li:hover > a span {
  color: #000 !important;
}

/* mobile menu */
body.contrast .responsive-menu-toggle {
  color: #ffff00 !important;
}

body.contrast .menu_wrapper nav#menu ul.menu li ul li a {
  background-color: #000 !important;
  color: #ffff00 !important;
}

body.contrast .menu_wrapper nav#menu ul.menu li ul li a:hover {
  background-color: #ffff00 !important;
  color: #000 !important;
}

/* ===================================================
   FIX IKONY CONTRAST TOGGLE
=================================================== */
/* ===============================
   CONTRAST TOGGLE – STAŁE KOLORY
================================ */

/* NORMALNY TRYB – ikona i tekst */
body:not(.contrast) #contrastToggle,
body:not(.contrast) #contrastToggle .fa,
body:not(.contrast) #contrastToggle .fa:before {
    color: #ffffff !important; /* biały */
}

/* NORMALNY TRYB – hover/focus/active */
body:not(.contrast) #contrastToggle:hover,
body:not(.contrast) #contrastToggle:focus,
body:not(.contrast) #contrastToggle:active,
body:not(.contrast) #contrastToggle:hover .fa,
body:not(.contrast) #contrastToggle:focus .fa,
body:not(.contrast) #contrastToggle:active .fa,
body:not(.contrast) #contrastToggle:hover .fa:before,
body:not(.contrast) #contrastToggle:focus .fa:before,
body:not(.contrast) #contrastToggle:active .fa:before {
    color: #ffff00 !important; /* żółty tylko na hover/focus/active */
}

/* TRYB KONTRASTU – ikona i tekst zawsze żółty */
body.contrast #contrastToggle,
body.contrast #contrastToggle .fa,
body.contrast #contrastToggle .fa:before {
    color: #ffff00 !important;
}

/* TRYB KONTRASTU – hover/focus/active */
body.contrast #contrastToggle:hover,
body.contrast #contrastToggle:focus,
body.contrast #contrastToggle:active,
body.contrast #contrastToggle:hover .fa,
body.contrast #contrastToggle:focus .fa,
body.contrast #contrastToggle:active .fa,
body.contrast #contrastToggle:hover .fa:before,
body.contrast #contrastToggle:focus .fa:before,
body.contrast #contrastToggle:active .fa:before {
    color: #000 !important; /* czarny na żółtym tle */
}

/* Reset elementu toggle, jeśli body NIE ma trybu kontrastu */
body:not(.contrast) #contrastToggle,
body:not(.contrast) #contrastToggle i {
    color: #ffffff !important;
}

@media only screen and (max-width: 767px) {

  /* Nadpisanie motywu dla trybu normalnego */
  body.header-classic #Action_bar,
  body.header-stack #Action_bar {
    background-color: #202c5a !important;
  }

  /* Nadpisanie pseudo-elementów motywu */
  body.header-classic #Action_bar::before,
  body.header-stack #Action_bar::before,
  body.header-classic #Action_bar::after,
  body.header-stack #Action_bar::after {
    background: none !important;
    background-color: transparent !important;
    display: none !important;
  }
}

/* MOBILE: TRYB NORMALNY (≤ 767px) — granat #202c5a */
@media only screen and (max-width: 767px) {
    body.header-classic #Action_bar,
    body.header-stack #Action_bar {
        background-color: #202c5a !important;
    }
}

/* MOBILE: TRYB KONTRASTU (≤ 767px) — czarne tło w trybie wysokiego kontrastu */
@media only screen and (max-width: 767px) {
    body.contrast.header-classic #Action_bar,
    body.contrast.header-stack #Action_bar {
        background-color: #000000 !important;
    }
}