/**
 * YAK Accessible Navigation Menu Styles
 * Minimal CSS to ensure accessibility features work without breaking existing design
 */

/* Ensure submenus are hidden by default for screen readers */
.yak-accessible-submenu[aria-hidden="true"] {
    display: none !important;
}

/* Ensure submenus are visible when expanded */
.yak-accessible-submenu[aria-hidden="false"] {
    display: block !important;
}

/* Add focus indicators for keyboard navigation */
#genesis-nav-primary .menu-item-has-children > a:focus {
    outline: 2px solid #0073aa;
    outline-offset: 2px;
}

/* Ensure submenu links are focusable when expanded */
.yak-accessible-submenu a:focus {
    outline: 2px solid #0073aa;
    outline-offset: 1px;
}

/* Remove extra visual indicators - theme already has them */
/* No additional visual indicators needed */

/* Ensure submenu items are not focusable when hidden */
.yak-accessible-submenu[aria-hidden="true"] a {
    tabindex: -1 !important;
}

/* Smooth transition for submenu visibility */
.yak-accessible-submenu {
    transition: opacity 0.2s ease-in-out;
}

/* Ensure proper button styling for parent menu items */
#genesis-nav-primary .menu-item-has-children > a[role="button"] {
    cursor: pointer;
    text-decoration: none;
}

#genesis-nav-primary .menu-item-has-children > a[role="button"]:hover {
    text-decoration: underline;
}