/* Opt-in foundation for the public CMB journey; advertiser/admin panels stay isolated.
   Geometry follows the approved landing; these are CMB, not QR, brand colors. */
body.club-public-design,
body.club-advertiser-landing-page,
body.club-stock-page {
  --cmb-orange: #f15a08;
  --cmb-orange-hover: #ce4700;
  --cmb-orange-soft: #fff0e5;
  --cmb-warm-background: #fff8f1;
  --cmb-text: #29241f;
  --cmb-text-muted: #6f665d;
  --cmb-border: #e5d9ce;
  --cmb-surface: #fffefd;
  --cmb-graphite: #352d26;
  --cmb-success: #178b50;
  --cmb-success-ink: #16653c;
  --cmb-success-soft: #effaf3;
  --cmb-success-border: #b8dfc6;
  --cmb-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cmb-font-body: 16px;
  --cmb-leading: 1.55;
  --cmb-heading-leading: 1.12;
  --cmb-heading-tracking: -.045em;
  --cmb-radius-control: 7px;
  --cmb-radius-card: 8px;
  --cmb-radius-small: 4px;
  --cmb-space-1: 4px;
  --cmb-space-2: 8px;
  --cmb-space-3: 12px;
  --cmb-space-4: 16px;
  --cmb-space-5: 24px;
  --cmb-space-6: 32px;
  --cmb-space-7: 48px;
  --cmb-space-8: 64px;
  --cmb-space-9: 80px;
  --cmb-container: 1140px;
  --cmb-container-catalog: 1440px;
  --cmb-gutter: 40px;
  --cmb-header-height: 80px;
  --cmb-control-height: 44px;
  --cmb-button-height: 56px;
  --cmb-button-weight: 650;
  --cmb-nav-font-size: 14px;
  --cmb-nav-padding: 18px;
  --cmb-focus-ring: 3px solid rgba(241, 90, 8, .34);
  --cmb-shadow-overlay: 0 12px 32px rgba(53, 45, 38, .12);
  --cmb-shadow-cta: 0 9px 18px rgba(241, 90, 8, .18);
}

/* One header CTA recipe, consumed by both pages without changing their links. */
body:is(.club-public-design, .club-advertiser-landing-page, .club-stock-page)
  :is(.club-advertiser-landing-nav__cta, .club-public-header__advertise) {
  display: inline-flex;
  min-height: var(--cmb-control-height);
  align-items: center;
  justify-content: center;
  padding: 12px var(--cmb-nav-padding);
  border: 0;
  border-radius: var(--cmb-radius-control);
  color: #fff;
  background: var(--cmb-orange);
  box-shadow: var(--cmb-shadow-cta);
  font: var(--cmb-button-weight) var(--cmb-nav-font-size)/var(--cmb-leading) var(--cmb-font);
  letter-spacing: -.01em;
  white-space: nowrap;
  text-decoration: none;
  transition: background .15s ease;
}

body:is(.club-public-design, .club-advertiser-landing-page, .club-stock-page)
  :is(.club-advertiser-landing-nav__cta, .club-public-header__advertise):hover {
  color: #fff;
  background: var(--cmb-orange-hover);
  transform: none;
}

body:is(.club-public-design, .club-advertiser-landing-page, .club-stock-page)
  :is(.club-advertiser-landing-nav__cta, .club-public-header__advertise):focus-visible {
  outline: var(--cmb-focus-ring);
  outline-offset: 3px;
}

@media (max-width: 1049px) {
  body.club-public-design,
body.club-advertiser-landing-page,
  body.club-stock-page { --cmb-nav-font-size: 12px; }
}

@media (max-width: 899px) {
  body.club-public-design,
body.club-advertiser-landing-page,
  body.club-stock-page { --cmb-header-height: 64px; }
}

@media (max-width: 699px) {
  body.club-public-design,
body.club-advertiser-landing-page,
  body.club-stock-page { --cmb-gutter: 20px; --cmb-nav-padding: 12px; }
}