/*
 * Accessibility Fixes — JEA & ePlus Broadband
 * WCAG 2.1 Level AA compliance
 *
 * This file loads AFTER app.css and contains targeted overrides.
 * Each rule references the issue ID from MASTER_CHECKLIST.md.
 *
 * DO NOT edit app.css directly — it's a minified build artifact.
 * All accessibility CSS changes go here.
 */

/* T-03 — ePlus footer heading contrast
 * Was: #28a745 on #343536 = 3.84:1 (fails 4.5:1 AA)
 * Now: #2ebd4e on #343536 = 4.85:1 (passes AA)
 *
 * Wrapped in @media (min-width: 992px) to match the original app.css
 * rule's scope. IMPORTANT: all 11 .broadband rules in app.css are
 * inside this same media query — ePlus broadband is intentionally
 * only branded at desktop sizes. Below 992px, ePlus inherits the
 * shared base styles (including the JEA blue footer headings from
 * the default .footer-nav ul h2 rule). Leaving this rule outside the
 * media query would have introduced an off-brand green mobile footer
 * that the original designer deliberately avoided.
 */
@media (min-width: 992px) {
	.broadband .footer-nav ul h2 { color: #2ebd4e; }
}

/* P-04 — .text-danger utility class contrast
 * Was: #dc3545 on #fff = 4.51:1 (scanner flag — edge of AA)
 * Now: #c82333 on #fff = 5.54:1 (comfortable AA pass)
 * Matches app.css specificity (0,1,0) + !important.
 * Hover/focus state (a.text-danger:hover = #a71d2a, already 7.4:1) not touched.
 */
.text-danger { color: #c82333 !important; }

/* P-05 — link-in-text-block (WCAG 1.4.1 Use of Color)
 *
 * Paragraph-embedded links need a non-color visual indicator so users
 * with color-vision differences can distinguish them from surrounding
 * text. axe-core flagged 21 instances on JEA + ePlus, all from two
 * shared template fragments:
 *
 *   1. The "Return to the homepage" link in the 404 templates
 *      (jea/site.group/404.html, jea/personnel.group/404.html,
 *       broadband/site.group/404.html)
 *
 *   2. The privacy-notice modal anchor in
 *      _global_partials/modals.html (rendered on every form page)
 *
 * Live DOM check confirmed: link color #00538e on parent text #707070
 * fails the 3:1 link-vs-text contrast requirement, AND the link has
 * no underline, border, or outline. The fix is a single utility class
 * applied to those four anchors.
 *
 * Note: the existing app.css rule `.body-content a { border-bottom:
 * 1px dashed }` is dead code — `.body-content` is not present on any
 * rendered page. Not relied on here.
 */
.a11y-link-underline { text-decoration: underline; }