/**
 * Accessibility Helper Classes
 * 
 * Minimal utility classes for accessibility improvements
 */

/* Hide content visually while keeping it accessible to screen readers */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Focus styling that doesn't change layout */
.focus-visible:focus {
    outline: 2px solid var(--color-red);
    outline-offset: 2px;
}

.screen-reader-text {
    border: 0 !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    word-wrap: normal !important;
}