/**
 * Accessibility Components
 *
 * Skip links, focus indicators, and accessibility features
 *
 * @package MattressProtectorReviews
 * @version 1.0.0
 */

/* Skip Navigation Link - Accessibility */
.skip-link {
    position: absolute;
    top: -100px;
    left: 0;
    background-color: var(--blue-600);
    color: var(--white);
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    font-weight: 600;
    z-index: var(--z-skip-link);
    border-radius: 0 0 6px 0;
}

.skip-link:focus {
    top: 0;
    outline: 3px solid var(--yellow-500);
    outline-offset: 2px;
}

/* Focus Indicators - Accessibility */
button:focus,
a:focus,
select:focus,
input:focus,
.tab-button:focus,
.accordion-header:focus,
.info-icon:focus {
    outline: 2px solid var(--blue-600);
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
}

.cta-button:focus {
    outline: 2px solid var(--blue-600);
    outline-offset: 3px;
}