/* ==============================================
   BEYOND BROCHURE — FIRE THEME OVERLAY
   Applies the why-mentor visual language (serif
   headings, fire-gradient CTAs, pill buttons) on
   top of existing page structure/JS. No HTML or
   JS changed — this file only overrides look.
   ============================================== */

:root{
  --bb-fire: linear-gradient(135deg,#B54020 0%,#E05C1A 45%,#F5A623 100%);
}

/* Serif headings site-wide, sans-serif untouched for body/UI */
h1, h2,
.bb-hero-h1, .section-title, .bbx8-title, .bb-founder-title,
.prob-header h2, .hiw-header h2, .eco-header h2,
.data-policy-title, .cc-hero-h1, .em-hero-h1, .bbx-hero-h1,
.about-hero-band h1, .contact-hero-band h1, .legal-hero-band h1 {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-weight: 400 !important;
}

/* Fire-gradient primary buttons/CTAs — matched by common naming patterns */
.nav-cta,
.bb-btn-primary, .hiw-cta-btn, .men-book-btn,
.bbx8-visual-cta, .bb-join-cta,
.em-card-book-btn, .cc-btn-mentor, .search-btn,
.bbx-submit-btn, .form-success-btn, .rec-btn,
.mcb-btn, .load-more-btn {
  background: var(--bb-fire) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 99px !important;
  box-shadow: 0 6px 20px rgba(181,64,32,.22) !important;
  transition: box-shadow .2s !important;
}
.nav-cta:hover,
.bb-btn-primary:hover, .hiw-cta-btn:hover, .men-book-btn:hover,
.bbx8-visual-cta:hover, .bb-join-cta:hover,
.em-card-book-btn:hover, .cc-btn-mentor:hover, .search-btn:hover,
.bbx-submit-btn:hover, .rec-btn:hover, .mcb-btn:hover, .load-more-btn:hover {
  box-shadow: 0 10px 28px rgba(181,64,32,.32) !important;
}

/* Outline/secondary buttons — pill radius to match */
.bb-btn-outline, .cc-btn-detail, .vt-btn, .nav-login-btn, .scc-btn {
  border-radius: 99px !important;
}

/* Cards — soften corners to match new system where safe (border-radius only) */
.prob-card, .value-card, .eco-card, .bb-men-card,
.hiw-step, .bbx8-feature, .cc-card, .em-card {
  border-radius: 16px !important;
}

/* Eyebrow/kicker labels — consistent letterform */
.prob-kicker, .hiw-kicker, .bbx8-kicker, .bb-founder-kicker,
.section-kicker, .data-policy-kicker, .bb-section-label {
  letter-spacing: .12em !important;
  font-weight: 800 !important;
}

/* ── LOGIN / AUTH PAGE ── */
.auth-submit {
  background: var(--bb-fire) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 99px !important;
  box-shadow: 0 6px 20px rgba(181,64,32,.22) !important;
}
.auth-mode-btn.active {
  background: var(--bb-fire) !important;
  border-color: transparent !important;
}
.auth-role-tab.active {
  background: var(--bb-fire) !important;
  border-color: transparent !important;
  color: #fff !important;
}
.auth-card { border-radius: 20px !important; }
.auth-logo { font-family: Georgia, 'Times New Roman', serif !important; font-weight: 400 !important; }

/* ── ADMIN DASHBOARD ── */
.btn-primary, .btn-terra {
  background: var(--bb-fire) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 99px !important;
  box-shadow: 0 4px 14px rgba(181,64,32,.2) !important;
}
.btn-green {
  border-radius: 99px !important;
}
.btn-red {
  border-radius: 99px !important;
}
.btn-ghost {
  border-radius: 99px !important;
}
.f-pill.active, .prime-pill.on {
  background: var(--bb-fire) !important;
  border-color: transparent !important;
  color: #fff !important;
}
.adm-card { border-radius: 14px !important; }
.adm-page-title { font-family: Georgia, 'Times New Roman', serif !important; font-weight: 400 !important; }