/**
 * WCAG 2.2 Level A/AA Accessibility Enhancements
 * Nebraska DAS Fiscal Search Budget Portal
 *
 * Addresses:
 * - WCAG 1.4.3: Contrast (Minimum) - Level AA
 * - Skip link focus visibility
 * - Help button accessibility styling
 */

/* Footer contrast fixes - Dark red background rgb(194, 5, 28) */
.footer,
.footer p,
.footer span,
.footer address {
    color: #FFFFFF !important; /* White text on dark red */
}

.footer a {
    color: #FFE5E5 !important; /* Light pink - excellent contrast on dark red */
    text-decoration: underline;
}

.footer a:hover,
.footer a:focus {
    color: #FFFFFF !important;
    text-decoration: underline;
}

/* Skip link - hidden off-screen by default */
.sr-only-focusable {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Skip link visibility on focus */
.sr-only-focusable:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    left: auto !important;
    clip: auto !important;
    overflow: visible !important;
    background: #000;
    color: #fff;
    padding: 10px 15px;
    z-index: 10000;
    display: block;
    text-align: center;
    font-weight: bold;
}

/* Help button accessibility - ensure it looks clickable */
button.glyphicon-question-sign {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

button.glyphicon-question-sign:hover,
button.glyphicon-question-sign:focus {
    opacity: 0.7;
    outline: 2px solid #0066CC;
    outline-offset: 2px;
}

/* Ensure focus indicators are visible */
button:focus,
a:focus,
select:focus,
input:focus {
    outline: 2px solid #0066CC;
    outline-offset: 2px;
}

/* Bootstrap Select button focus */
.bootstrap-select button:focus {
    outline: 2px solid #0066CC !important;
    outline-offset: 2px !important;
}

/* Interactive text buttons - styled as inline links */
button.link-button {
    background: none;
    border: none;
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    font: inherit;
    display: inline;
}

button.link-button:hover,
button.link-button:focus {
    color: #0066CC;
    outline: 2px solid #0066CC;
    outline-offset: 2px;
}

/* WCAG 2.5.8 Touch Target Size - Minimum 24x24 CSS pixels */

/* Info icons in headings - increase touch target area */
h3 .glyphicon-info-sign {
    padding: 5px; /* Creates 24px+ hit area */
    margin: -5px; /* Compensates for visual spacing */
}

/* Close buttons in modals and popovers */
.modal-header .close,
.popover .close {
    min-width: 24px;
    min-height: 24px;
    padding: 8px;
}

/* Question mark help icons next to labels */
label + button.glyphicon-question-sign,
button.glyphicon-question-sign.normal {
    padding: 5px;
    margin: -5px;
}