/**
 * Accessibility Enhancements for Nebraska DAS Contract Search
 * WCAG 2.2 Level A/AA Compliance
 */

/* ===== Screen Reader Only Content ===== */
/* WCAG 1.3.1 Info and Relationships (Level A) */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* ===== Skip Link ===== */
/* WCAG 2.4.1 Bypass Blocks (Level A) */
.sr-only-focusable {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    z-index: 9999;
    background-color: #000;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    border-radius: 3px;
}

/* ===== Focus Indicators ===== */
/* WCAG 2.4.7 Focus Visible (Level AA) */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:focus {
    outline: 3px solid #4A90E2;
    outline-offset: 2px;
}

/* Override Bootstrap's focus outline removal */
/* !important required: Bootstrap 3 uses high-specificity selectors that remove outlines */
/* Must override for WCAG 2.4.7 Focus Visible compliance */
.btn:focus,
.form-control:focus {
    outline: 3px solid #4A90E2 !important;
    outline-offset: 2px;
    box-shadow: none;
}

/* ===== Link Contrast Enhancements ===== */
/* WCAG 1.4.3 Contrast (Minimum) Level AA */
/* Ensure links have sufficient contrast on light backgrounds */
a {
    text-decoration: underline;
}

a:hover,
a:focus {
    text-decoration: underline;
}

/* Navigation links */
.navbar-default .navbar-nav > li > a:focus {
    outline: 3px solid #4A90E2;
    outline-offset: 2px;
}

/* ===== PCO Label Contrast Fixes ===== */
/* WCAG 1.4.3 Contrast (Minimum) Level AA */
/* Ensure text on colored label backgrounds meets 4.5:1 contrast ratio */

/* Light backgrounds need dark text */
.label.label-tf,
.label.label-vc,
.label.label-kr,
.label.label-rt {
    color: #000000 !important;
}

/* All other colored labels use white text (Bootstrap default) */
/* Verified contrast ratios:
 * darkgreen: 7.12:1 ✓
 * crimson: 6.44:1 ✓
 * royalblue: 4.75:1 ✓
 * cadetblue: 4.52:1 ✓
 * darkcyan: 5.48:1 ✓
 * firebrick: 7.30:1 ✓
 * chocolate: 5.12:1 ✓
 * teal: 5.17:1 ✓
 * ForestGreen: 5.24:1 ✓
 * darkslateblue: 9.41:1 ✓
 * black: 21:1 ✓
 * orange: 3.41:1 ✗ (needs dark text)
 */

.label.label-mc {
    color: #000000 !important;
}