/* Primary Navigation */
.header-primary-menu-wrapper {
  box-shadow:0 10px 15px -10px rgba(0,0,0,.8);
  position: relative;
  z-index: 2;
  border-top: var(--border-dark);
}

@media (width > 1150px) {
  .primary-menu {
    container-type: inline-size;
    text-wrap: balance;
  }

  .primary-menu-inner > ul.menu {
    display: flex;
    margin: 0;
  }

  .primary-menu-inner > ul.menu > li,
  .primary-menu-inner > ul.menu > li > a {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
  }

  .primary-menu-inner > ul.menu > li > a {
    border-left: var(--border-dark);
    min-height: 2em;
    padding: .5em calc(2cqw - 1.5em);
    color: inherit;
    line-height: 1.1;
    text-align: center;
    text-decoration: none;
    justify-content: center;
  }

  .primary-menu-inner > ul.menu > li.first > a {
    border-left: 0;
  }

  .primary-menu-inner > ul.menu > li > a:focus,
  .primary-menu-inner > ul.menu > li > a:hover,
  .primary-menu-inner > ul.menu > li.active-trail > a {
    background: var(--activeColor);
  }
}