.primary-nav__menu-item {
  display: flex;
  flex-wrap: wrap;
}

.primary-nav__menu-link {
  color: var(--color--night-5);
}

/*  Only show for authenticated users. */
.account-menu-item {
  body:not(.user-logged-in) & {
    display: none;
  }
}

.primary-nav__register-link {
  display: block;
  width: 100%;
  margin-top: var(--sp2);
  padding: var(--sp2) var(--sp3);
  text-decoration: none;
  color: var(--text-on-secondary);
  background-color: var(--secondary);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: var(--sp1-5);

  &:hover {
    color: var(--color--white);
  }

  @container style(--wide-nav: true) {
    display: none;
  }
}