/**
 * @file
 * CSS fallback: show submenus when any descendant has keyboard focus.
 * This works independently of JavaScript using the :focus-within selector,
 * ensuring screen reader / keyboard users always see the submenu open.
 */

/* Mobile */
.region-primary-menu .menu-item-has-children:focus-within > .submenu {
  display: flex;
}

/* Desktop */
@media (min-width: 768px) {
  .region-primary-menu .menu-item-has-children:focus-within > .submenu {
    display: flex;
  }
}

/*
 * Ensure .is-open class shows the submenu regardless of tara version.
 * Older tara (VM) does not have this rule in style.css.
 */
.region-primary-menu .submenu.is-open {
  display: flex;
}