/* Accessibility fixes for WCAG 2.2 Level A/AA compliance */

/* ========================================================================
   WCAG 1.4.3 Contrast (Minimum) - Links on light backgrounds
   ========================================================================
   Issue: Blue links (#337ab7 / rgb(51, 122, 183)) on light gray backgrounds
   (#f5f5f5 / rgb(245, 245, 245)) produce 4.18:1 contrast ratio.
   Required: 4.5:1 minimum for normal text
   Solution: Darken link color to #286090 which provides 5.14:1 contrast
*/

/* Navbar brand link on light background */
.navbar-brand {
    color: #286090 !important;
}

.navbar-brand:hover,
.navbar-brand:focus {
    color: #204d74 !important;
}

/* Links within wells (crime type descriptions) on light backgrounds */
.well a {
    color: #286090 !important;
}

.well a:hover,
.well a:focus {
    color: #204d74 !important;
    text-decoration: underline;
}

/* ========================================================================
   WCAG 2.1.1 Keyboard - Scrollable element keyboard accessibility
   ========================================================================
   Issue: .table-responsive div contains overflowing content that can be
   reached by scrolling, but scrolling is not accessible to keyboard users
   Solution: Add tabindex="0" to make focusable and add visible focus indicator
   With tabindex="0" and role="region", keyboard users can tab to the element
   and use arrow keys to scroll through the table content
*/

.table-responsive:focus {
    outline: 3px solid #286090;
    outline-offset: 2px;
}

/* ========================================================================
   Focus visible indicators - ensure all interactive elements have clear focus
   ======================================================================== */

.chosen-container:focus,
.chosen-container-active .chosen-choices,
.chosen-container-active.chosen-with-drop .chosen-single {
    outline: 3px solid #286090 !important;
    outline-offset: 2px !important;
}