/* Cooper Compliance — accessibility utilities
 * Loaded on all active (non-archived) sites by a11y.php.
 */

/* Skip-to-main-content link.
 * Hidden off-screen until keyboard focus brings it on-screen at top-left. */
.cooper-a11y-skip-link {
    position: absolute;
    top: -100px;
    left: 0;
    z-index: 100000;
    padding: 0.75rem 1rem;
    background: #c8102e;
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold;
    font-size: 1rem;
}
.cooper-a11y-skip-link:focus,
.cooper-a11y-skip-link:focus-visible {
    top: 0;
    outline: 3px solid #ffffff;
    outline-offset: -3px;
}

/* Visible focus state for all interactive elements that lack one.
 * Non-destructive: themes that already define focus-visible styles win
 * because their selectors are usually more specific. */
*:focus-visible {
    outline: 3px solid #0066cc;
    outline-offset: 2px;
}

/* Screen-reader-only utility class for visually-hiding content that
 * should still be read by assistive tech. */
.cooper-a11y-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
