/**
 * Keyboard navigation accessibility styles
 * Visible focus indicators for keyboard users (focus-visible)
 * Focus-within ensures mega-nav is visible when navigating via keyboard on desktop
 */

/* Desktop: show mega-nav on keyboard focus (matches :hover behavior) */
@media (min-width: 1200px) {
    .nav-item.has-child:focus-within .mega-nav {
        visibility: visible;
        opacity: 1;
    }
}

/* Skip link - already has :focus, ensure :focus-visible is prominent */
.skip-link:focus-visible {
    top: 0;
    outline: 3px solid currentColor;
    outline-offset: 2px;
}

/* Navigation links and buttons - visible focus ring */
.header .nav-link:focus-visible,
.header .navbar-toggler:focus-visible,
.header .btn-close:focus-visible,
.header .btn:focus-visible {
    outline: 2px solid var(--v-primary, #5e61f2);
    outline-offset: 2px;
}

/* Breadcrumb links */
.breadcrumb a:focus-visible {
    outline: 2px solid var(--v-primary, #5e61f2);
    outline-offset: 2px;
}

/* Back to top button */
.backTop:focus-visible {
    outline: 2px solid var(--v-primary, #5e61f2);
    outline-offset: 2px;
}

/* Remove default focus outline when using custom outline (optional - improves consistency) */
.header .nav-link:focus,
.header .navbar-toggler:focus {
    outline: none;
}
.header .nav-link:focus-visible,
.header .navbar-toggler:focus-visible {
    outline: 2px solid var(--v-primary, #5e61f2);
    outline-offset: 2px;
}