/*
 * Focus rings, loaded on every HTML page (see ve_scrollbar_style_tag()).
 * Mouse and touch focus shows no ring (Bootstrap's dotted button:focus outline and .btn:focus
 * glow appeared after every click); keyboard focus gets one consistent ring.
 * Text fields keep their own focus styles: browsers treat them as :focus-visible either way.
 */
:focus:not(:focus-visible) {
    outline: 0 !important;
}

.btn:focus:not(:focus-visible),
.btn.focus:not(:focus-visible),
.page-link:focus:not(:focus-visible),
.close:focus:not(:focus-visible),
.nav-link:focus:not(:focus-visible),
.dropdown-item:focus:not(:focus-visible),
.custom-control-input:focus:not(:focus-visible) ~ .custom-control-label::before {
    box-shadow: none !important;
}

button:focus-visible,
a:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
[role="tab"]:focus-visible,
[role="slider"]:focus-visible,
[tabindex]:not(input):not(textarea):not(select):focus-visible {
    outline: 2px solid var(--ve-accent,#4a7dff);
    outline-offset: 2px;
}