/**
 * Route5 marketing mirror — visibility + branding overrides.
 * Injected into every mirrored HTML page after SOAR fetch/rebrand.
 */

/* ── Homepage: dark cinematic shell (matches reference UI) ── */
body[data-page="soar"] {
  background: #050505 !important;
  color: #fafafa !important;
}

body[data-page="soar"] .soar-page {
  background-color: #050505 !important;
}

body[data-page="soar"] .top-bar,
body[data-page="soar"] .grid-overlay,
body[data-page="soar"] .blur-vignette {
  display: block !important;
}

body[data-page="soar"] .soar-background {
  background: #050505;
}

body[data-page="soar"] .soar-background-stars {
  display: block !important;
  opacity: 1;
}

/* Hero / nav text must stay readable on dark bg */
body[data-page="soar"] .soar-hero-title,
body[data-page="soar"] .soar-hero-subtitle,
body[data-page="soar"] .soar-nav-link {
  color: #fafafa !important;
}

/* Route5 logo sizing in nav */
.soar-nav-logo img,
.top-bar-logo img,
a[href="/"] img[alt*="Route5"],
a[href="/"] img[alt*="route5"] {
  height: 28px !important;
  width: auto !important;
  max-width: 140px;
  object-fit: contain;
}

/* ── Trade pages: white theme + dark logo ── */
body[data-page="trade"] {
  background: #fff !important;
  color: #0a0a0a !important;
}

body[data-page="trade"] .grid-overlay,
body[data-page="trade"] .blur-vignette {
  display: none !important;
}

body[data-page="trade"] .top-bar-logo img,
body[data-page="trade"] .soar-nav-logo img {
  filter: none !important;
}

/* ── Legal pages ── */
body[data-page="legal"] {
  background: #fff !important;
  color: #111 !important;
}

body[data-page="legal"] .grid-overlay {
  display: none !important;
}

/* ── Feature sections: fallback when Lottie/video fails ── */
.soar-feature-media-video,
.soar-feature-media-inner {
  background: linear-gradient(165deg, #0c1424 0%, #1a3a5c 55%, #4a90c4 100%) !important;
  min-height: 200px;
}

.soar-feature-panel {
  background: #f4f7fb;
}

/* Phone mockup areas */
.soar-feature-media img {
  opacity: 1 !important;
}

/* ── Footer: readable on both dark and light sections ── */
.soar-footer,
footer[class*="footer"] {
  color: #111 !important;
}

.soar-footer a,
footer[class*="footer"] a {
  color: #333 !important;
}

body[data-page="blog"] footer,
body[data-page="blog"] .soar-footer {
  color: #fafafa !important;
}

body[data-page="blog"] footer a,
body[data-page="blog"] .soar-footer a {
  color: #ccc !important;
}

/* ── Blog author block ── */
.blog-author-name {
  color: inherit !important;
}

body[data-page="blog"] .blog-author-name {
  color: #fafafa !important;
}

/* ── Final CTA sky video fallback ── */
.soar-final-cta-sky {
  background: linear-gradient(180deg, #87ceeb 0%, #c8e6f5 100%) !important;
}

/* ── Hide any residual SOAR wordmark images ── */
img[src*="SoarLogoNavbar"],
img[src*="wordmark-white"] {
  object-fit: contain;
}