/* FANSFLEX v9.8 — Public marketing Light/Night extension.
 * Existing approved marketing composition and real imagery are preserved.
 * Night uses the same application cookie/theme preference as the dashboard. */
.ffm-body .ff98-marketing-theme,
.ffm-body .ff98-marketing-theme:focus {
  border: 1px solid rgba(212, 190, 147, .40);
  background: linear-gradient(148deg, rgba(255,255,255,.13), rgba(255,255,255,.025) 46%, rgba(6,21,34,.38));
  color: #f6e2b7;
  min-height: 39px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 11px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 8px 18px rgba(0,0,0,.15);
  transition: border-color .18s, transform .18s;
}
.ffm-body .ff98-marketing-theme:hover { border-color: #eec788; transform: translateY(-1px); }
.ffm-body .ff98-marketing-theme ion-icon { font-size: 16px; }
.ffm-body .ff98-marketing-theme:focus-visible { outline: 3px solid #f8d88f; outline-offset: 3px; }
@media (max-width: 1200px) {
  .ffm-body .ff98-marketing-theme { padding: 0 9px; min-width: 39px; }
  .ffm-body .ff98-marketing-theme [data-ff88-theme-label] { display: none; }
}
@media (max-width: 450px) {
  .ffm-body .ffm-logo { flex-basis: 119px; }
  .ffm-body .ffm-logo img { width: 119px; }
  .ffm-body .ffm-header-inner { gap: 7px; }
  .ffm-body .ffm-header-actions { gap: 6px; }
  .ffm-body .ffm-login { padding-inline: 9px; }
  .ffm-body .ff98-marketing-theme { flex: 0 0 38px; min-height: 38px; }
  .ffm-body .ff80-academy-header .ffm-login { display: none; }
}
/* Night mode is an alternate rendering of the existing responsive site, not a
   replacement of its photographic hero, pricing dialogs, cards, footer or routes. */
html[data-bs-theme="dark"] body.ffm-body,
html[data-theme="dark"] body.ffm-body { background: #071522 !important; color: #e9f2fa !important; }
html[data-bs-theme="dark"] body.ffm-body .ffm-benefits,
html[data-bs-theme="dark"] body.ffm-body .ffm-how,
html[data-bs-theme="dark"] body.ffm-body .ffm-stories { background: linear-gradient(155deg,#091c2c,#102a3d 65%,#081825); color: #edf5fb; border-color: #294459; }
html[data-bs-theme="dark"] body.ffm-body .ffm-dashboard-showcase,
html[data-bs-theme="dark"] body.ffm-body .ffm-academy { background: linear-gradient(126deg,#0b2031,#17364b 55%,#10283b); color: #f2f7fb; }
html[data-bs-theme="dark"] body.ffm-body .ffm-featured { background: #0b1b2b; border-color: #344c5d; color: #d7e6f2; }
html[data-bs-theme="dark"] body.ffm-body .ffm-benefit { border-color: #345064; }
html[data-bs-theme="dark"] body.ffm-body .ffm-benefit p,
html[data-bs-theme="dark"] body.ffm-body .ffm-academy p,
html[data-bs-theme="dark"] body.ffm-body .ffm-academy-card small,
html[data-bs-theme="dark"] body.ffm-body .ffm-showcase-copy p,
html[data-bs-theme="dark"] body.ffm-body .ffm-stories-note { color: #b8cedd; }
html[data-bs-theme="dark"] body.ffm-body .ffm-showcase-copy h2,
html[data-bs-theme="dark"] body.ffm-body .ffm-academy h2,
html[data-bs-theme="dark"] body.ffm-body .ffm-how h2,
html[data-bs-theme="dark"] body.ffm-body .ffm-stories h2,
html[data-bs-theme="dark"] body.ffm-body .ffm-featured strong,
html[data-bs-theme="dark"] body.ffm-body .ffm-academy-card strong,
html[data-bs-theme="dark"] body.ffm-body .ffm-checks li { color: #f7fbff; }
html[data-bs-theme="dark"] body.ffm-body .ffm-story { background: linear-gradient(143deg,#1b384e,#0c2335); border-color: rgba(179,201,220,.25); box-shadow: 0 9px 26px #0004; }
html[data-bs-theme="dark"] body.ffm-body .ffm-story strong { color: #e4c48c; }
html[data-bs-theme="dark"] body.ffm-body .ffm-story-controls > button { color: #f4ead5; border-color: #536879; background: #153147; }
html[data-bs-theme="dark"] body.ffm-body .ffm-story-dots button:not(.is-active) { background: #597083; }
html[data-bs-theme="dark"] body.ffm-body .ffm-step { background: linear-gradient(160deg,#133147,#0b2334); color: #edf5fb; border-color: #375267; }
html[data-bs-theme="dark"] body.ffm-body .ffm-step small { color: #b7cbdc; }
html[data-bs-theme="dark"] body.ffm-body .ffm-academy-thumb { box-shadow: 0 13px 29px #0005, 0 0 0 1px #6e7b8740; }
html[data-bs-theme="dark"] body.ffm-body .ffm-divider-title span { background: linear-gradient(90deg,transparent,#96794b); }
html[data-bs-theme="dark"] body.ffm-body .ffm-lang-options,
html[data-bs-theme="dark"] body.ffm-body .ff83-footer-language > div { background: #102a3d; border-color: #4d6475; color: #f5f8fb; }
html[data-bs-theme="dark"] body.ffm-body .ffm-lang-options a { color: #f1f5fa; }
html[data-bs-theme="dark"] body.ffm-body .ffm-lang-options a:hover { background: #234558; }
html[data-bs-theme="dark"] body.ffm-body .ffm-featured span { color: #afc7d7; }
html[data-bs-theme="dark"] body.ffm-body .ffm-dashboard-showcase:after { opacity: .17; }
html[data-bs-theme="light"] body.ffm-body .ffm-benefits,
html[data-bs-theme="light"] body.ffm-body .ffm-story { box-shadow: inset 0 1px 0 rgba(255,255,255,.8); }
html[data-bs-theme="light"] body.ffm-body .ffm-academy-thumb { box-shadow: 0 12px 34px #0a24351e; }
@media (prefers-reduced-motion: reduce) {
  .ffm-body .ff98-marketing-theme { transition: none; }
  .ffm-body .ff98-marketing-theme:hover { transform: none; }
}