/* Prilliikooniga vaatelüliti */
.hk-lowvision{display:inline-flex!important;align-items:center;vertical-align:middle;line-height:1;position:relative;z-index:5}
.hk-lowvision-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:36px!important;height:30px!important;min-height:0!important;padding:3px!important;margin:0!important;border:1px solid currentColor!important;border-radius:5px;background:#fff!important;color:#000!important;cursor:pointer;line-height:1!important;position:relative;z-index:5}
.hk-lowvision-toggle svg{display:block;pointer-events:none;width:28px!important;height:20px!important}
.hk-lowvision-toggle:focus-visible{outline:2px solid currentColor!important;outline-offset:3px}
.hk-lowvision-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Lüliti jääb nähtavale ka 40 px kõrguses kompaktses päises */
#t4-header.hk-compact .hk-header-contacts > .hk-lowvision{display:inline-flex!important;margin:0!important;padding:0!important}
#t4-header.hk-compact .hk-lowvision-toggle{height:28px!important;width:32px!important}
@media(max-width:991.98px){
 #t4-header .hk-header-right:has(.hk-lowvision){display:flex!important;align-items:center!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;margin-left:auto!important}
 #t4-header .hk-header-right:has(.hk-lowvision) > .hk-header-menu{display:none!important}
 #t4-header .hk-header-contacts:has(.hk-lowvision){display:flex!important;align-items:center!important;position:static!important;inset:auto!important;transform:none!important;width:auto!important;margin:0!important;padding:0!important}
 #t4-header .hk-header-contacts > .hk-lowvision{display:inline-flex!important}
}
/* Kontrastvaade. Sama prioriteedikiht tagab koostöö kujunduse valijaga. */
@layer hk-footer-contrast {
 html[data-hk-lowvision],
 html[data-hk-lowvision] body,
 html[data-hk-lowvision] body *:not(img):not(video):not(canvas):not(svg):not(svg *) {
  background-color:#000!important;background-image:none!important;color:#ff0!important;
  -webkit-text-fill-color:#ff0!important;text-shadow:none!important;box-shadow:none!important;border-color:#ff0!important;
 }
 html[data-hk-lowvision] body *::before,
 html[data-hk-lowvision] body *::after {
  color:#ff0!important;-webkit-text-fill-color:#ff0!important;text-shadow:none!important;border-color:#ff0!important;
 }
 /* Ületab teiste kujunduste valge jaluseteksti reegli. */
 html[data-hk-lowvision][data-hk-lowvision] #t4-footer,
 html[data-hk-lowvision][data-hk-lowvision] #t4-footer *,
 html[data-hk-lowvision][data-hk-lowvision] #t4-footer *::before,
 html[data-hk-lowvision][data-hk-lowvision] #t4-footer *::after {
  color:#ff0!important;-webkit-text-fill-color:#ff0!important;
 }
 html[data-hk-lowvision] a{text-decoration:underline!important;text-underline-offset:3px}
 html[data-hk-lowvision] :focus-visible{outline:2px solid #ff0!important;outline-offset:3px}
 html[data-hk-lowvision] input,html[data-hk-lowvision] textarea,html[data-hk-lowvision] select,html[data-hk-lowvision] button{border:1px solid #ff0!important}
 html[data-hk-lowvision] input::placeholder,html[data-hk-lowvision] textarea::placeholder{color:#ff0!important;opacity:1!important}
 html[data-hk-lowvision] .hk-lowvision-toggle{background:#fff!important;color:#000!important;-webkit-text-fill-color:#000!important}
 html[data-hk-lowvision] .hk-lowvision-toggle svg{color:inherit!important}
 html[data-hk-lowvision] ::selection{background:#ff0!important;color:#000!important;-webkit-text-fill-color:#000!important}
}
