/* --------------------------------------------------
   Website-only visual overrides
   Inspired by Instapic kiosk branding
   -------------------------------------------------- */

body.branding-live {
  background-size: cover;
  background-position: center;
}

.branding-note {
  display: none;
}


/* === GLOBAL HEADER GRADIENT + CENTER PASS START === */

body.page .page-intro,
.site-main .page-intro,
.hero.hero-home,
.info-page .page-intro,
.dashboard-page .page-intro,
.ticket-page .page-intro,
.save-flow-page .page-intro,
.pay-page .page-intro {
  text-align: center;
}

body.page .page-intro h1,
.site-main .page-intro h1,
.hero.hero-home h1,
.info-page .page-intro h1,
.dashboard-page .page-intro h1,
.ticket-page .page-intro h1,
.save-flow-page .page-intro h1,
.pay-page .page-intro h1 {
  background: linear-gradient(90deg, #ff4fa0 0%, #ff6f8f 45%, #ffb35c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-align: center;
  text-wrap: balance;
  text-shadow: 0 3px 18px rgba(0,0,0,0.22);
  line-height: 1.02;
}

body.page .page-intro .hero-text,
body.page .page-intro .muted,
.site-main .page-intro .hero-text,
.site-main .page-intro .muted,
.hero.hero-home .hero-text,
.info-page .page-intro .hero-text,
.info-page .page-intro .muted,
.dashboard-page .page-intro .hero-text,
.dashboard-page .page-intro .muted,
.ticket-page .page-intro .hero-text,
.ticket-page .page-intro .muted,
.save-flow-page .page-intro .hero-text,
.save-flow-page .page-intro .muted,
.pay-page .page-intro .hero-text,
.pay-page .page-intro .muted {
  text-align: center;
}

body.page .bonus-kicker,
.hero.hero-home .bonus-kicker,
.info-page .bonus-kicker,
.dashboard-page .bonus-kicker,
.ticket-page .bonus-kicker,
.save-flow-page .bonus-kicker,
.pay-page .bonus-kicker {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

body.page .hero-links,
body.page .hero-links-compact,
.site-main .hero-links,
.site-main .hero-links-compact {
  text-align: center;
}

body.page p > .btn,
body.page .session-bottom .btn,
body.page .hero-links + p .btn,
body.page .dashboard-page > p .btn,
body.page .save-flow-page > p .btn,
body.page .ticket-page > p .btn,
body.page .pay-page > p .btn,
.site-main p > .btn {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}

.site-header {
  text-align: center;
}

.site-header .logo-wrap,
.site-header .site-title {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 640px) {
  body.page .page-intro h1,
  .site-main .page-intro h1,
  .hero.hero-home h1,
  .info-page .page-intro h1,
  .dashboard-page .page-intro h1,
  .ticket-page .page-intro h1,
  .save-flow-page .page-intro h1,
  .pay-page .page-intro h1 {
    font-size: clamp(2.2rem, 9vw, 3.6rem);
  }
}

/* === GLOBAL HEADER GRADIENT + CENTER PASS END === */