/* Rock Band Collective v6.4.2 — navbar brand-spacing polish */
/*
 * Keep the logo/title block at its natural width. The v6.2 flex navigation
 * can become crowded for signed-in staff accounts; without this guard the
 * brand could shrink while its text still painted at full width, allowing
 * the first (Home) nav pill to overlap "COLLECTIVE".
 */
.ux-header > .brand{
  flex:0 0 auto;
  min-width:max-content;
  margin-right:12px;
  position:relative;
  z-index:2;
}
.ux-header > .brand > span:last-child{
  flex:0 0 auto;
  white-space:nowrap;
}
.ux-header > .brand .brand-mark{
  flex:0 0 auto;
}
.ux-header > .ux-primary-nav{
  position:relative;
  z-index:1;
}

/* Gently compress the desktop nav before the existing mobile breakpoint. */
@media (min-width:1081px) and (max-width:1320px){
  .ux-header{gap:12px}
  .ux-header > .brand{margin-right:4px}
  .ux-primary-nav{gap:3px}
  .ux-primary-nav > a,.ux-nav-menu > summary{padding-inline:7px;font-size:.78rem}
}

/* The mobile layout already stacks the navigation, so no extra brand gap is needed. */
@media (max-width:1080px){
  .ux-header > .brand{margin-right:0}
}