/* ==========================================================================
   ATS Resume Builder - accessibility.css
   Skip link, visually-hidden utility, focus visibility, and
   reduced-motion/forced-colours support (project rule 11).
   ========================================================================== */

/* -------------------------------------------------------------------------
   1. Visually-hidden utility (screen-reader-only content)
   ------------------------------------------------------------------------- */
.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;
}

/* -------------------------------------------------------------------------
   2. Skip link
   ------------------------------------------------------------------------- */
.skip-link {
    position: absolute;
    top: -48px;
    left: var(--rb-space-2);
    z-index: 200;
    padding: 10px var(--rb-space-3);
    background: var(--rb-color-primary);
    color: var(--rb-color-inverse);
    text-decoration: none;
    font-weight: 700;
    border-radius: var(--rb-radius-sm);
    transition: top var(--rb-transition-fast);
}

.skip-link:focus {
    top: var(--rb-space-2);
}

/* -------------------------------------------------------------------------
   3. Focus visibility - never removed without a replacement
   ------------------------------------------------------------------------- */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus,
[tabindex]:focus {
    outline: 3px solid var(--rb-color-focus);
    outline-offset: 2px;
}

:focus:not(:focus-visible) {
    outline: none;
}

:focus-visible {
    outline: 3px solid var(--rb-color-focus);
    outline-offset: 2px;
}

/* -------------------------------------------------------------------------
   4. Reduced motion
   ------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}

/* -------------------------------------------------------------------------
   5. Forced colours (Windows High Contrast Mode)
   ------------------------------------------------------------------------- */
@media (forced-colors: active) {
    .rb-btn,
    .rb-field input,
    .rb-field textarea,
    .rb-sidebar,
    .rb-editor-panel,
    .rb-preview-panel,
    .rb-ats-panel,
    .rb-modal,
    .rb-print-area {
        border: 1px solid ButtonText;
    }

    :focus,
    :focus-visible {
        outline: 2px solid Highlight;
    }
}