@charset "UTF-8";
/**
 * Navigation submenu controls — front-end styles.
 *
 * Sizes the chevron `<button>` (the `.wp-block-navigation__submenu-icon`
 * element core stamps as a real button when openSubmenusOnClick: false)
 * as a 44px-wide, full-row-height hit target. Theme-respecting:
 *
 *   - color: inherit so it reads against the parent surface
 *   - background: transparent / border: 0 so it looks like an icon, not
 *     a button
 *   - the SVG inside gets `--wp--preset--spacing--30` padding so it
 *     visually inset from the button edges (touch-friendly hit area,
 *     comfortable icon size)
 *
 * Scope: any descendant under `.intro-nav-submenu-click-only`. render.php
 * adds that class either to:
 *   - the nav root, when the per-nav Inspector toggle is on
 *   - the `.wp-block-navigation__overlay-container` div, automatically
 *     when the nav contains an overlay
 *
 * Same CSS applies in both cases; nothing else needed in view.scss.
 */
.intro-nav-submenu-click-only .wp-block-navigation-item {
  position: relative;
}
@media (hover: hover) {
  .intro-nav-submenu-click-only.intro-nav-submenu-click-only.intro-nav-submenu-click-only .wp-block-navigation-item:hover > .wp-block-navigation__submenu-container {
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    width: 0;
    height: 0;
  }
}
.intro-nav-submenu-click-only.intro-nav-submenu-click-only.intro-nav-submenu-click-only .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
  visibility: visible;
  overflow: visible;
  opacity: 1;
  width: auto;
  height: auto;
}
.intro-nav-submenu-click-only .wp-block-navigation-item > .wp-block-navigation__submenu-icon {
  position: relative;
  z-index: 1;
  width: 44px;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  color: inherit;
  overflow: hidden;
}
.intro-nav-submenu-click-only .wp-block-navigation-item > .wp-block-navigation__submenu-icon > svg {
  padding: var(--wp--preset--spacing--30);
  box-sizing: content-box;
}