/**
 * WCAG 2.2 AA Contrast Fixes for NE PSE Order Search
 *
 * Header: rgb(131, 156, 174) - dark blue-gray background
 * Footer: rgb(44, 44, 45) - very dark gray background
 * Main content: rgb(226, 233, 237) - light gray background
 *
 * Target WCAG: 1.4.3 Contrast (Minimum) Level AA
 *
 * Usage: Include after main.css to override defaults
 */

/* Header with dark blue-gray background - Light text colors */
header .header-title,
header .agency-name,
header .agency-name a {
    color: #FFFFFF !important; /* White text on rgb(131, 156, 174) */
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5); /* Shadow for photo background */
}

/* Footer with very dark background - Light text colors */
footer h5,
footer .dim-header,
footer .footer-section-title {
    color: #E0E0E0 !important; /* Light gray headings - 4.5:1+ on rgb(44, 44, 45) */
}

footer p,
footer span,
footer address,
footer .ni-mention {
    color: #E0E0E0 !important; /* Light gray text on dark footer */
}

footer .copyright {
    color: #E0E0E0 !important; /* Light gray for copyright */
}

/* Footer links on dark background - Light blue */
footer a {
    color: #66B3FF !important; /* Light blue - 4.5:1+ on rgb(44, 44, 45) */
}

footer a:hover {
    color: #99CCFF !important; /* Lighter blue on hover */
}

/* Main content has light background (rgb(226, 233, 237)) - needs high contrast text */
/* Search results contrast fixes */
.text-muted,
.pull-right.text-muted {
    color: #555555 !important; /* Dark gray - 7:1 contrast on rgb(226, 233, 237) */
}

/* Pagination link contrast on light background */
.results-pagination .page-link {
    color: #0056b3 !important; /* Dark blue - 4.5:1+ contrast */
}

.results-pagination .page-link:hover {
    color: #003d82 !important; /* Darker blue on hover */
}

/* Disabled pagination links */
.results-pagination .page-item.disabled .page-link {
    color: #666666 !important; /* Medium gray - 5.7:1 contrast */
}

/* Result title links (strong text in links) */
.card-body a strong {
    color: #0056b3 !important; /* Dark blue for strong emphasis in links */
}

/* Skip link visible on focus - WCAG 2.4.7 Focus Visible */
.sr-only:focus,
.sr-only-focusable:focus {
    position: absolute;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    /* Position at top-left with high contrast */
    top: 0;
    left: 0;
    z-index: 10000;
    padding: 10px 15px;
    background: #000;
    color: #fff;
    text-decoration: underline;
    /* Ensure visibility on all backgrounds */
    outline: 3px solid #fff;
    outline-offset: -3px;
}