/*
 * Accessibility fixes for the platform layout (QUEUE 92, WCAG 2.1 AA). Loaded after the theme.
 */

/* Keyboard focus (2.4.7). The theme hid every outline. :focus-visible shows the ring for keyboard
   use, not for mouse clicks; the white inner ring keeps it visible on dark backgrounds. */
:focus-visible {
    outline: 3px solid #0b57d0 !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 2px #fff !important;
}

/* Styled check boxes and radios hide the real input (opacity 0): ring the drawn box instead. */
.checkbox input[type="checkbox"]:focus-visible + label::before,
.radio input[type="radio"]:focus-visible + label::before,
.radio2 input[type="radio"]:focus-visible + label::before {
    outline: 3px solid #0b57d0 !important;
    outline-offset: 2px !important;
}

/* Text contrast (1.4.3): at least 4.5:1 on white. */
.left-sidenav-menu .menu-label { color: #5d6a8f; }               /* was #8491b7, 3.1:1 */
.footer, #platform-version { color: #56628a; }                    /* was #7081b9, 3.8:1 */
.navbar-custom .nav-link#login { color: #4f5b80; }                /* was #7081b9 */
.btn-outline-warning:not(:hover):not(:active):not(.active) { color: #8a5a00; } /* yellow text was 1.6:1 */
.band-title { color: #1f2a4a; }                                   /* on the purple band, was 4.3:1 */

/* The toolkit groups are lists inside list items (a list may hold only list items); keep their old look. */
.left-sidenav-menu li.menu-group { margin-top: 0; }
.left-sidenav-menu li.menu-group > ul { padding-left: 2rem; }
.left-sidenav-menu li.menu-group ul li > a { font-size: inherit; }
.left-sidenav-menu li.menu-divider { margin-top: 0; }
