/* Keep the complete Avestia navigation readable as a single desktop row. */
.brand {
  flex: 0 0 auto;
}

.primary-nav a {
  white-space: nowrap;
}

@media (min-width: 1361px) {
  .nav-wrap {
    width: min(1340px, calc(100% - 24px));
    gap: 16px;
  }

  .brand-mark,
  .brand-mark img {
    width: 190px;
  }

  .primary-nav {
    flex: 1 1 auto;
    justify-content: flex-end;
    min-width: 0;
    gap: 4px;
  }

  .primary-nav a {
    flex: 0 0 auto;
    min-height: 52px;
    padding-right: 9px;
    padding-left: 9px;
    font-size: 1.02rem;
  }

  .primary-nav .submit-link {
    padding-right: 12px;
    padding-left: 12px;
  }
}

/* Switch to the menu button before the full navigation becomes crowded. */
@media (min-width: 981px) and (max-width: 1360px) {
  .nav-toggle {
    display: inline-block;
  }

  .primary-nav {
    position: fixed;
    inset: 96px 0 auto;
    display: none;
    flex-direction: column;
    align-items: stretch;
    max-height: calc(100vh - 96px);
    overflow: auto;
    padding: 18px 20px 24px;
    border-bottom: 1px solid var(--line, #dfe6e5);
    background: var(--panel, #fff);
    box-shadow: var(--shadow, 0 16px 40px rgba(24, 33, 36, 0.08));
  }

  body.nav-open .primary-nav {
    display: flex;
  }

  .primary-nav a {
    justify-content: flex-start;
  }
}