/**
 * Shared shell for Next.js company-site pages (cart, checkout, plant profile, tickets).
 * Theme marketing pages ship full HTML with `min-h-screen bg-background`; these routes
 * only inject header/footer, so this CSS keeps the cream page surface consistent.
 */
.company-site-theme-chrome {
  min-height: 100vh;
  background: oklch(0.985 0.01 100);
  color: oklch(0.25 0.05 145);
  /* Match plant-bingo-bash marketing pages (Plus Jakarta Sans + Fraunces). */
  font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.company-site-theme-chrome :is(h1, h2, h3, h4),
.company-site-theme-chrome .font-display,
.company-site-theme-chrome .font-serif {
  font-family: Fraunces, ui-serif, Georgia, serif;
  letter-spacing: -0.02em;
}

.company-site-theme-chrome__main {
  background: transparent;
}

/*
 * Next.js app CSS can override theme utility colors (e.g. text-cream) on injected chrome.
 * Force Buy Tickets CTA to cream/white on the forest green button.
 */
.company-site-theme-chrome .wwb-site-chrome a[aria-label*="Buy Tickets"],
.company-site-theme-chrome .wwb-site-chrome a[aria-label*="Buy Tickets"] span,
.company-site-theme-chrome .wwb-site-chrome a.bg-forest.text-cream,
.company-site-theme-chrome .wwb-site-chrome a.bg-forest.text-cream span,
.company-site-theme-chrome .wwb-site-chrome a[class*="bg-forest"][class*="text-cream"],
.company-site-theme-chrome .wwb-site-chrome a[class*="bg-forest"][class*="text-cream"] span {
  color: #f7faf3 !important;
}

.company-site-theme-chrome .wwb-site-chrome a[aria-label*="Buy Tickets"] svg,
.company-site-theme-chrome .wwb-site-chrome a[class*="bg-forest"][class*="text-cream"] svg {
  color: #f7faf3 !important;
  stroke: #f7faf3 !important;
}

/* Event detail: sticky reserve card was flush against the footer (lg:pb-0). */
@media (min-width: 1024px) {
  .min-h-screen.bg-background.pb-24 {
    padding-bottom: calc(var(--spacing, 0.25rem) * 32) !important;
  }
}