/*
 * WVARC primary navigation geometry.
 * Keep direct links, submenu toggles, and the generated More control aligned.
 */

@media (width > 50rem) {
  .primary-menu {
    justify-content: center;
  }

  .primary-menu > li {
    display: flex;
    align-items: center;
  }

  .primary-menu > li > a,
  .primary-menu > .wvarc-submenu-item > .submenu-menu-toggle,
  .primary-menu > .wvarc-more-item > .more-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.85rem;
    min-height: 2.85rem;
    margin: 0;
    padding: 0 0.72rem;
    box-sizing: border-box;
    line-height: 1;
    vertical-align: middle;
  }

  .primary-menu > .wvarc-submenu-item > .submenu-menu-toggle,
  .primary-menu > .wvarc-more-item > .more-menu-toggle {
    gap: 0.35rem;
  }

  .primary-menu > li > a,
  .primary-menu > .wvarc-submenu-item > .submenu-menu-toggle,
  .primary-menu > .wvarc-more-item > .more-menu-toggle,
  .primary-menu > li > a span,
  .primary-menu > .wvarc-submenu-item > .submenu-menu-toggle span,
  .primary-menu > .wvarc-more-item > .more-menu-toggle span {
    vertical-align: middle;
  }

  .submenu-menu-caret,
  .more-menu-caret {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
  }
}