/* Focusrand bij muis en toetsenbord (1 okt 2026). focusmodus.js zet data-invoer="muis" op html als de focus met een
   muis, pen of tik in een element kwam. Dan geen dikke ring of gloed om een invoerveld: alleen de rand van het veld
   kleurt merkblauw, zodat je ziet waar je typt. Met Tab, pijltjes of een schermlezer, en zonder script, blijft de
   gewone focusring staan (WCAG 2.4.7). Knoppen en links gebruiken :focus-visible en tonen bij een klik al geen ring. */
html[data-invoer="muis"] :is(input:not([type=checkbox],[type=radio],[type=range],[type=button],[type=submit],[type=reset],[type=image],[type=file],[type=color]),textarea,select,[contenteditable]:not([contenteditable=false])):focus{outline:none!important;box-shadow:none!important}
html[data-invoer="muis"] :is(input:not([type=checkbox],[type=radio],[type=range],[type=button],[type=submit],[type=reset],[type=image],[type=file],[type=color]),textarea,select):not([readonly],[aria-invalid=true],.is-invalid):focus{border-color:var(--brand-primary,#1062fe)}
html[data-invoer="muis"] :is(.wp-topzoek-in,.d2p-zoek,.mvd-zoek,.co-pop-nc-naamrij,.tld-list-search):focus-within{box-shadow:none}
html[data-invoer="muis"] .wok-homepage .verhuis-row .vr-box:focus-within{box-shadow:0 2px 8px rgba(8,16,40,.12),0 0 0 1px rgba(255,209,102,.9)}
html[data-invoer="muis"] .wok-homepage .searcher-field:focus-within{box-shadow:0 2px 8px rgba(8,16,40,.12),0 0 0 1px rgba(16,98,254,.45)}
html[data-invoer="muis"] .co-pop-zoek:focus-within{outline-width:1px;outline-offset:-1px}
html[data-invoer="muis"] label.bho-tegel:focus-within{outline:none}
html[data-invoer="muis"] .page-toondomein .ip-hero-shell .form-input:focus{box-shadow:0 0 0 1px rgba(255,209,102,.9)!important}
html[data-invoer="muis"] body .aib-rte-vlak:focus{box-shadow:inset 0 0 0 1px var(--brand-primary,#1062fe)!important}
html[data-invoer="muis"] :is(.aib-briefvak,.aib-comp,.aib-urlveld,.aib-zoekbalk,.aib-zoekveld):has(:is(input,textarea):focus){border-color:var(--brand-primary,#1062fe)}