/* BaAlawi grouped information architecture, owner-approved 22 Oct 2026. */
.ba-nav--grouped .wp-block-navigation-item.has-child {
  position: relative;
}

.ba-nav--grouped .wp-block-navigation-submenu__toggle {
  display: inline-flex;
  align-items: center;
  gap: .32rem;
  min-height: 2.75rem;
  padding: 0;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.ba-nav--grouped .wp-block-navigation-item.open-on-click > .wp-block-navigation__submenu-icon {
  margin-left: .28rem;
  color: color-mix(in srgb, currentColor 70%, transparent);
}

.ba-nav--grouped .wp-block-navigation-submenu__toggle[aria-expanded="true"] {
  color: var(--wp--preset--color--clay);
}

@media (min-width: 783px) {
  .ba-nav--grouped .wp-block-navigation__submenu-container {
    top: calc(100% + .65rem) !important;
    left: 50% !important;
    right: auto !important;
    box-sizing: border-box;
    min-width: 13rem !important;
    padding: .45rem !important;
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--forest-dark) 14%, transparent) !important;
    border-radius: .8rem;
    background: var(--wp--preset--color--white) !important;
    color: var(--wp--preset--color--forest-dark) !important;
    box-shadow: 0 16px 38px rgba(30, 41, 51, .14);
    transform: translateX(-50%);
  }

  .ba-nav--grouped .wp-block-navigation__submenu-container::before {
    content: "";
    position: absolute;
    top: -.7rem;
    left: 0;
    width: 100%;
    height: .7rem;
  }

  .ba-nav--grouped .wp-block-navigation__submenu-container > .wp-block-navigation-item {
    width: 100%;
  }

  .ba-nav--grouped .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    box-sizing: border-box;
    width: 100%;
    min-height: 2.75rem;
    padding: .7rem .8rem !important;
    border-radius: .55rem;
    color: inherit;
    white-space: nowrap;
  }

  .ba-nav--grouped .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
  .ba-nav--grouped .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible,
  .ba-nav--grouped .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content {
    background: color-mix(in srgb, var(--wp--preset--color--clay) 10%, var(--wp--preset--color--white));
    color: var(--wp--preset--color--clay);
  }
}

@media (max-width: 782px) {
  .ba-nav--grouped .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    width: 100%;
    gap: .35rem;
  }

  .ba-nav--grouped .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item {
    width: 100%;
    align-items: stretch;
  }

  .ba-nav--grouped .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    box-sizing: border-box;
    min-height: 3rem;
    display: flex;
    align-items: center;
  }

  .ba-nav--grouped .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-submenu__toggle {
    width: 100%;
    justify-content: space-between;
    min-height: 3rem;
    color: inherit;
    text-align: left;
  }

  .ba-nav--grouped .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation__submenu-container {
    display: none !important;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    height: 0 !important;
    padding: 0 0 0 1.1rem !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  .ba-nav--grouped .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
    display: flex !important;
    height: auto !important;
    margin: .15rem 0 .45rem;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .ba-nav--grouped .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    min-height: 2.75rem;
    font-family: var(--wp--preset--font-family--sans, inherit);
    font-size: 1rem;
    line-height: 1.35;
    opacity: .86;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ba-nav--grouped .wp-block-navigation__submenu-container {
    transition: none !important;
  }
}

/* Keep every primary desktop destination comfortably clickable, not text-height only. */
@media (min-width: 783px) {
  .ba-nav--grouped > .wp-block-navigation__responsive-container > .wp-block-navigation__responsive-close > .wp-block-navigation__responsive-dialog > .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:not(.has-child) > .wp-block-navigation-item__content,
  .ba-nav--grouped .wp-block-navigation__container > .wp-block-navigation-item:not(.has-child) > .wp-block-navigation-item__content {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}