/*
 * 13-account-link.css — room for "Log in / Register" in the header bar.
 *
 * The account item is deliberately styled like every other nav link (10-shell.css
 * gives it .rh-shell-signin: same family, same size, same hover, just a heavier
 * weight so the one action in the bar reads as the action). Nothing here changes
 * how it looks. What changes is that its label went from seven characters to
 * seventeen, and 10-shell.css sizes the bar for the shorter word.
 *
 * The desktop bar only exists at 1000px and up (below that the whole nav becomes
 * the Menu button and the full-height panel, so the phone is unaffected). The
 * tight zone is 1000-1180px, where 10-shell.css already pulls the gap to 18px and
 * the type to 14.5px. This file extends that tightening up to 1279px and takes a
 * little more out of it, so the ten items plus the longer label still sit on one
 * line instead of wrapping the bar or pushing into the wordmark.
 *
 * Loads after 10-shell.css / 11-nav-mobile.css / 12-alignment.css by filename
 * order, so these rules win at equal specificity.
 */

/* The bar is a flex row; nothing in it may wrap onto a second line. */
.rh-shell-bar > .rh-shell-nav {
  min-width: 0;
}

.rh-shell-nav > ul {
  flex-wrap: nowrap;
}

/* The one action in the bar never breaks across lines. */
.rh-shell-signin > a {
  white-space: nowrap;
}

@media (min-width: 1000px) and (max-width: 1279px) {
  .rh-shell-nav > ul {
    gap: 15px;
  }

  .rh-shell-nav a,
  .rh-shell-sub-toggle {
    font-size: 14px;
  }

  .rh-shell-bar {
    padding-inline: 20px;
    gap: 16px;
  }
}