/* Native button semantics without changing Webflow's colors or animations.
   Zero specificity lets original class and variant rules retain precedence. */
:where(button.navbar-custom_menu-toggle, button.menu-close_icon) {
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  background: transparent;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
}

button.navbar-custom_menu-toggle {
  -webkit-appearance: none;
  appearance: none;
  padding: 4px;
}

button.menu-close_icon {
  -webkit-appearance: none;
  appearance: none;
  padding: 10px;
}

/* The existing consent banner uses 999999. A modal menu must cover it too. */
#hebe-mobile-menu {
  z-index: 1000000;
}

button.navbar-custom_menu-toggle:focus-visible,
button.menu-close_icon:focus-visible,
#hebe-mobile-menu .menu-item_link:focus-visible,
#hebe-mobile-menu .menu-social_item:focus-visible {
  outline: 2px solid var(--color--primary, #775723);
  outline-offset: 6px;
}

/* The original menu already scrolls. Contain scroll at its boundaries so a
   short viewport does not accidentally scroll the page behind the dialog. */
#hebe-mobile-menu .menu_content {
  overscroll-behavior: contain;
}