/* ════════════════════════════════
   HOMEPAGE — extra sections
   ════════════════════════════════ */

/* ── Your Event section ─────────────────────────── */
.tb-your-event {
  padding: var(--tb-space-9) var(--tb-space-7);
  border-top: 1px solid var(--border-subtle);
}
.tb-your-event__inner { max-width: 720px; }
.tb-your-event__body {
  margin-top: var(--tb-space-5);
  font-family: var(--font-serif);
  font-size: var(--tb-text-md);
  line-height: var(--tb-leading-relaxed);
  color: var(--text-secondary);
  font-style: italic;
}
.tb-your-event__body p + p { margin-top: var(--tb-space-4); }

/* ── Service icons ──────────────────────────────── */
.tb-service__icon {
  display: block;
  color: var(--tb-red-500);
  margin-bottom: var(--tb-space-3);
}
.tb-service__svg { width: 24px; height: 24px; }

/* ── Ticker stays brand red ── */
.tb-ticker { background: var(--tb-red-500); }

/* ── Section titles on light bg ── */
.section-title { color: var(--text-primary); }

/* ── About / Services / Your Event backgrounds ── */
.tb-about,
.tb-services,
.tb-your-event { background: var(--bg-primary); }

/* ── Hero text stays readable on dark photo overlay ── */
.tb-hero__title,
.tb-hero__eyebrow,
.tb-hero__sub { color: #FFFFFF; }
.tb-hero__actions .btn-ghost {
  color: rgba(255,255,255,.75);
  border-color: rgba(255,255,255,.30);
}
.tb-hero__actions .btn-ghost:hover { color: #FFFFFF; border-color: #FFFFFF; }
.tb-hero__scroll span { color: rgba(255,255,255,.6); }

/* ── Contact form light styling ── */
.tb-contact-form input,
.tb-contact-form textarea,
.tb-contact-form select {
  background: var(--bg-surface);
  border-color: var(--border-default);
  color: var(--text-primary);
}

/* ── Page content ── */
.tb-page__content { color: var(--text-secondary); }
.tb-page__content h2 { color: var(--text-primary); }

/* ── 404 ── */
.tb-404__num { color: var(--border-subtle); }

/* ── FAB always brand teal ── */
.tb-fab,
.tb-fab:hover { color: #FFFFFF; }

/* ── About CTA + Contact heading spacing ── */
.tb-about__cta { margin-top: var(--tb-space-7); }
.tb-contact__heading { margin-bottom: var(--tb-space-7); }

/* ── Responsive ──────────────────────────────────── */
@media (max-width: 960px) {
  .tb-your-event { padding: var(--tb-space-8) var(--tb-space-5); }
}