/**
 * Accessibility CSS - WCAG 2.1 AA Compliance
 * 
 * This file provides supplemental accessibility utilities that work alongside
 * the maven-dep-theme, which already includes:
 * - Skip navigation to #main-content
 * - High contrast toggle button  
 * - Main content landmark (<article id="main-content" role="main">)
 * - Accessibility CSS (happy-medium-acc-contrast.css, contrast-overrides.css)
 * 
 * This file adds only utility classes that complement the theme.
 */

/* =================================================================
   Screen Reader Only Content
   Used throughout templates for accessible labels and descriptions
   ================================================================= */
.labsoft-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Allow .labsoft-sr-only element to be focusable when navigated to via keyboard */
.labsoft-sr-only.focusable:active,
.labsoft-sr-only.focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

/* =================================================================
   Print Styles - Hide screen reader only content in print
   ================================================================= */
@media print {
    .labsoft-sr-only {
        display: none !important;
    }
}


