/* ===== Focus Styles ===== */

/* Visible focus ring for keyboard navigation */
:focus-visible {
    outline: 3px solid #ff9800;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(255, 152, 0, 0.3);
}

/* Remove outline for mouse/touch users */
:focus:not(:focus-visible) {
    outline: none;
}

/* Specific targets for focus visibility */
.burger-menu:focus-visible,
.login-link:focus-visible,
.menu-dropdown a:focus-visible,
.login-popup button:focus-visible,
.login-popup input:focus-visible {
    outline: 3px solid #ff9800;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(255, 152, 0, 0.3);
}

/* ===== Reduced Motion ===== */

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

    .title-rest {
        transition: none !important;
    }

    .title-spacer {
        transition: none !important;
    }

    .login-popup {
        animation: none !important;
    }

    .burger-bar {
        transition: none !important;
    }

    .menu-dropdown {
        transition: none !important;
    }
}