/* Taller top bar (extra room below/above), original sizes kept. */
:root {
  --cgw-header-extra: 16px;
}

div[class*="top-(--banner-h"] {
  padding-top: calc(var(--cgw-header-extra) / 2);
  padding-bottom: calc(var(--cgw-header-extra) / 2);
}

/* the spacer that reserves room for the bar, so nothing hides underneath it */
div[class*="h-[calc(60px"] {
  height: calc(60px + var(--cgw-header-extra) + var(--banner-h, 0px) + env(safe-area-inset-top)) !important;
}

@media (min-width: 1280px) {
  div[class*="h-[calc(60px"] {
    height: calc(68px + var(--cgw-header-extra) + var(--banner-h, 0px) + env(safe-area-inset-top)) !important;
  }
}

/* the login button sits inside the bar instead of floating over it */
#acc-btn.in-header {
  position: static;
  height: 40px;
  padding: 0 18px;
  font-size: 14px;
  border-radius: 8px;
  white-space: nowrap;
}