/*======================================
    Accessibility additions

    Purely additive — no rule below overrides or removes anything in
    main.css/responsive.css. Every selector here mirrors an existing
    :hover-only interaction so the same reveal also works for
    keyboard/focus users (tabbing through links), per the project's
    accessibility requirement ("keyboard-accessible controls"). Visual
    appearance on mouse/hover is unchanged.
======================================*/

/* Desktop nav dropdowns: reveal on keyboard focus, mirroring main.css's :hover-only rules. */
.site-header .navbar-nav li.has_dropdown:focus-within > a::after {
    transform: rotate(225deg);
    margin-top: 2px;
}

.site-header .navbar-nav li.has_dropdown:focus-within .dropdown_menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Language switcher: allow keyboard users to reach the dropdown via focus, matching .open behavior. */
.language-switcher:focus-within .language-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Visible focus outline on interactive elements that don't already get one from main.css. */
.navbar-nav a:focus-visible,
.btn-reserve:focus-visible,
.language-toggle:focus-visible,
.menu-toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}