/* Ligipaasetavuse parandused - raniperearstikeskus.ee - Veebilahendused.ee */

/* Nahtav fookuse tahis (WCAG 2.4.7) */
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,
html body [role="button"]:focus-visible {
  outline: 2px solid #007a87 !important;
  outline-offset: 2px !important;
}

/* Aktiivse ja hover menuupunkti kontrast (WCAG 1.4.3) */
html body #Top_bar .menu > li.current-menu-item > a,
html body #Top_bar .menu > li.current-menu-item > a > span,
html body #Top_bar .menu > li.current_page_item > a,
html body #Top_bar .menu > li.current_page_item > a > span,
html body #Top_bar .menu > li.current-menu-ancestor > a,
html body #Top_bar .menu > li.current-menu-ancestor > a > span,
html body #Top_bar .menu > li:hover > a,
html body #Top_bar .menu > li:hover > a > span,
html body #Top_bar .menu > li.hover > a,
html body #Top_bar .menu > li.hover > a > span {
  color: #0a7d72 !important;
}

/* Sisu juurde hyppamise link (skip-link, WCAG 2.4.1) */
.vl-skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100000;
  padding: 12px 20px;
  background: #ffffff;
  color: #0a7d72;
  font-weight: bold;
  text-decoration: underline;
}
.vl-skip-link:focus {
  left: 0;
  outline: 2px solid #007a87;
  outline-offset: 2px;
}

/* Ekraanilugeja-tekst (visuaalselt peidetud) */
.vl-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Paise-paigutuse parandus: Betheme dunaamiline CSS (top_bar_left width:100%)
   ei genereeru lapsteemaga, jattes layout.css 990px kehtima, mis lykkab
   menuu logo alla. Taastame originaali. */
#Top_bar .top_bar_left {
  width: 100% !important;
}

/* Action bar valge tekst foto peal - loetavus igal taustal.
   Ainult valge tekst, mitte sinised lingid. */
#Action_bar .contact_details,
#Action_bar .contact_details li {
  text-shadow: 0 0 4px rgba(0,0,0,0.9), 0 1px 4px rgba(0,0,0,0.7) !important;
}
#Action_bar .contact_details a {
  text-shadow: none !important;
}