/* Let discovery and account actions occupy opposite ends of the same bar. */
@media (min-width: 1101px) {
  .global-navigation.nav-position-v2 {
    flex-wrap: nowrap;
    gap: clamp(10px, 1.05vw, 20px) !important;
  }

  .nav-position-v2 > .nav-search {
    flex: 0 1 320px;
    min-width: 128px;
  }

  .nav-position-v2 > .nav-collections {
    margin-inline-start: auto;
  }

  .nav-position-v2 > .nav-utility {
    flex: none;
    gap: 4px !important;
  }

  .global-navigation.nav-position-v2 > .language {
    margin-inline-start: 0;
  }
}

@media (min-width: 1101px) and (max-width: 1250px) {
  .global-navigation.nav-position-v2 {
    gap: 8px !important;
  }

  .nav-position-v2 > .nav-utility > a,
  .nav-position-v2 > .nav-categories > summary {
    padding-inline: 10px;
  }
}

@media (min-width: 901px) and (max-width: 1100px) {
  .global-navigation.nav-position-v2 { gap: 8px !important; }
  .nav-position-v2 > .nav-search { min-width: 110px; }
}

@media (min-width: 651px) and (max-width: 900px) {
  .global-navigation.nav-position-v2 {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .nav-position-v2 > .brand { grid-area: 1 / 1; }
  .nav-position-v2 > .public-auth-slot { grid-area: 1 / 2; justify-self: end; }
  .global-navigation.nav-position-v2 > .language { grid-area: 1 / 3; margin: 0; justify-self: end; }
  .nav-position-v2 > .nav-categories:not(.nav-collections) { grid-area: 2 / 1; }
  .global-navigation.nav-position-v2 > .nav-search { grid-area: 2 / 2; min-width: 0; max-width: none; }
  .nav-position-v2 > .nav-collections { grid-area: 2 / 3; }
}

@media (max-width: 650px) {
  .global-navigation.nav-position-v2 > .nav-search {
    min-width: 0;
  }

  .global-navigation.nav-position-v2 > .nav-collections {
    display: block;
  }
}

@media (max-width: 370px) {
  .nav-position-v2 .public-auth-slot > a {
    padding-inline: 7px;
  }
}

@media (max-width: 440px) {
  /* The English guest labels need their own row at small phone widths. */
  html[lang="en"] .nav-position-v2:has(> .public-auth-slot > .pi-nav-register) > .public-auth-slot {
    grid-area: 4 / 1 / auto / -1;
    justify-self: end;
  }
}
