/**
 * Accessibility (WCAG 2.2 AA) overrides.
 * Loaded after sdim.css so it overrides the minified bundle without editing it.
 */

/* --- 2.4.1 Bypass Blocks: skip-to-content link --- */
.skip-link {
    background: #fff;
    color: #00427a;
    padding: 10px 16px;
    border: 2px solid #00427a;
    border-radius: 0 0 4px 0;
}

/* When focused, make the skip link visible at the top-left, above everything. */
.skip-link.sr-only-focusable:focus,
.skip-link.sr-only-focusable:active {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    font-weight: 600;
    text-decoration: underline;
}

/* Don't render an outline on the programmatically-focused main landmark. */
main[tabindex="-1"]:focus {
    outline: none;
}

/* --- 2.4.7 Focus Visible / 2.4.13 Focus Appearance ---
   The bundle contains `:focus { outline: none !important }`, which removes the
   focus indicator for keyboard users. Restore a strong, high-contrast ring for
   keyboard focus (focus-visible avoids showing it on mouse clicks). */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
.navbar-toggle:focus-visible,
.dropdown-toggle:focus-visible {
    outline: 3px solid #ffb300 !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 2px #00427a !important;
}

/* Fallback for browsers without :focus-visible support. */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
.navbar-toggle:focus,
.dropdown-toggle:focus {
    outline: 3px solid #ffb300;
    outline-offset: 2px;
}

/* --- 4.1.2 Name, Role, Value: visual cue for the current page --- */
.nav-header [aria-current="page"] {
    text-decoration: underline;
}