/* Match the commerce-page navigation buttons to the shared header reference. */
html:not(.dark) .ss-web-shell:has(:is(.ss-team-page, .ss-plans-store, .ss-plans-page)) .ss-site-nav-trigger {
  background: var(--ss-surface, #fffdf7) !important;
}

/* Simple announcement strip; keep the existing carousel and dismissal behavior. */
.ss-announcement-bar,
html.dark .ss-announcement-bar {
  --ss-ann-fg: #1d1c19;
  --ss-ann-muted: #1d1c19;
  --ss-ann-accent: #1d1c19;
  height: 2.5rem;
  max-height: 2.5rem;
  background: var(--color-banana, #ffe600);
  box-shadow: none;
}

.ss-web-shell:has(.ss-announcement-bar):not(:has(.ss-site-nav--pill)) {
  --ss-announce-h: 2.5rem;
}

.ss-announcement-bar-sheen,
.ss-announcement-bar-ornament,
.ss-announcement-bar-pill,
.ss-announcement-bar-dots {
  display: none;
}

.ss-announcement-bar-inner {
  max-width: none;
  padding-inline: 2.5rem;
}

.ss-announcement-bar.has-pager .ss-announcement-bar-main {
  padding-bottom: 0;
}

.ss-announcement-bar-slide {
  justify-content: center;
}

.ss-announcement-bar-copy {
  max-width: 100%;
}

.ss-announcement-bar-title,
.ss-announcement-bar-cta {
  font-size: 0.8125rem;
}

.ss-announcement-bar-summary::before,
.ss-announcement-bar-close {
  color: var(--ss-ann-fg);
}

.ss-announcement-bar-cta {
  background-image: none;
}

.ss-announcement-bar-main:hover .ss-announcement-bar-cta {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.ss-announcement-bar-close:hover {
  background: rgb(29 28 25 / 0.08);
}

.ss-announcement-bar-main:focus-visible,
.ss-announcement-bar-close:focus-visible {
  outline: 2px solid var(--ss-ann-fg);
  outline-offset: -3px;
}