/**
 * WCAG 2.2 AA Accessibility Fixes for ne-apa-bond-filing
 *
 * Addresses:
 * - 1.4.3 Contrast (Minimum) Level AA - Footer links on dark background
 * - Ensures 4.5:1 contrast ratio for text and links
 *
 * Created: 2026-02-02
 * Project: ne-apa-bond-filing (Nebraska Auditor Bond Filing System)
 */

/* Remove white space below footer */
html, body {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Footer has dark background - need light text colors for contrast */
.footer {
    /* Ensure footer text is readable on dark background */
    color: #E0E0E0 !important;
    background-color: #000;
    padding: 1em;
    margin-left: -1em;
    margin-right: -1em;
    margin-bottom: -1em;
}

.footer a {
    /* Light blue for links - provides 4.5:1+ contrast on dark backgrounds */
    color: #66B3FF !important;
    text-decoration: underline;
}

.footer a:hover,
.footer a:focus {
    /* Lighter blue on hover/focus for visual feedback */
    color: #99CCFF !important;
    text-decoration: underline;
}

/* Ensure all footer sections have proper text color */
.footer .left-footer,
.footer .right-footer,
.footer .bold {
    color: #E0E0E0 !important;
}

/* Footer links with icons */
.footer a .glyphicon {
    /* Ensure icons inherit link color */
    color: inherit;
}

/**
 * WCAG 2.4.7 Focus Visible (Level AA)
 * Restore focus indicators removed by Eric Meyer CSS reset
 * Provides clear visible focus for keyboard navigation
 */

/* Restore focus indicators for all interactive elements */
*:focus {
    outline: 2px solid #0066CC;
    outline-offset: 2px;
}

/* Enhanced focus indicators for form elements and buttons */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 2px solid #0066CC;
    outline-offset: 2px;
}

/* High contrast focus for primary buttons */
.btn-primary:focus {
    outline: 2px solid #FFFFFF;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #0066CC;
}

/* Ensure skip link is visible when focused */
.sr-only-focusable:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    background-color: #000;
    color: #fff;
    padding: 10px;
    z-index: 10000;
    outline: 2px solid #fff;
    text-decoration: underline;
}