/* ══════════════════════════════════════════════════════════════════════════
   MyVISTA360 page (ID 8041) — dark + ruby-red theme override
   Replaces all navy (#111827, #0A0F1A, #0F1520) and cyan (#00BFFF) with
   deep-black (#07080A) and ruby-red (#9B111E / #C41428).
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Section backgrounds ─────────────────────────────────────────────────── */
body.page-id-8041 [style*="background:#111827"],
body.page-id-8041 [style*="background: #111827"],
body.page-id-8041 [style*="background:#0A0F1A"],
body.page-id-8041 [style*="background: #0A0F1A"],
body.page-id-8041 [style*="background:#0F1520"],
body.page-id-8041 [style*="background: #0F1520"] {
  background: #07080A !important;
  background-color: #07080A !important;
}

body.page-id-8041 .mv-journey-section {
  background: #07080A !important;
}
body.page-id-8041 .mv-demo-section {
  background: #07080A !important;
}

/* ── Elementor containers (CSS-var injected bg) ──────────────────────────── */
body.page-id-8041 .elementor-element-2bce5e2,
body.page-id-8041 .elementor-element-1a97c45,
body.page-id-8041 .elementor-element-d87ea3c {
  background-color: #07080A !important;
}

/* ── "One system." gradient text → ruby red ─────────────────────────────── */
body.page-id-8041 em[style*="00BFFF"],
body.page-id-8041 em[style*="00E5CC"] {
  background: linear-gradient(90deg, #C41428, #9B111E) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* ── Eyebrow pill ────────────────────────────────────────────────────────── */
body.page-id-8041 [style*="rgba(0,191,255,0.08)"],
body.page-id-8041 [style*="rgba(0, 191, 255, 0.08)"] {
  background: rgba(155, 17, 30, 0.08) !important;
  border-color: rgba(155, 17, 30, 0.2) !important;
}
body.page-id-8041 span[style*="background:#00BFFF;border-radius:50%"],
body.page-id-8041 span[style*="background: #00BFFF;border-radius:50%"] {
  background: #9B111E !important;
}

/* ── Cyan → ruby buttons ─────────────────────────────────────────────────── */
body.page-id-8041 a[style*="background:#00BFFF"],
body.page-id-8041 a[style*="background: #00BFFF"] {
  background: linear-gradient(135deg, #C41428, #9B111E) !important;
  color: #ffffff !important;
}

/* ── Accent underline bars (3px cyan → ruby) ─────────────────────────────── */
body.page-id-8041 [style*="background:linear-gradient(90deg,#00BFFF,transparent)"],
body.page-id-8041 [style*="background: linear-gradient(90deg, #00BFFF, transparent)"] {
  background: linear-gradient(90deg, #9B111E, transparent) !important;
}

/* ── Section label (small-caps eyebrow text) ─────────────────────────────── */
body.page-id-8041 .section-label {
  color: #9B111E !important;
}

/* ── Stat numbers ────────────────────────────────────────────────────────── */
body.page-id-8041 .stat-cell-num,
body.page-id-8041 .stat-cell-num sup {
  color: #C41428 !important;
}

/* ── Module badge + icon ─────────────────────────────────────────────────── */
body.page-id-8041 .mv-mod-badge {
  background: rgba(155, 17, 30, 0.1) !important;
  color: #C41428 !important;
  border-color: rgba(155, 17, 30, 0.3) !important;
}
body.page-id-8041 .mv-mod-icon {
  background: rgba(155, 17, 30, 0.08) !important;
  border-color: rgba(155, 17, 30, 0.2) !important;
}

/* ── Feature deep-dive visual labels + values ────────────────────────────── */
body.page-id-8041 .mv-visual-label {
  color: #C41428 !important;
}
body.page-id-8041 .mv-comm-rate {
  color: #C41428 !important;
}
body.page-id-8041 .mv-camp-row.active {
  background: rgba(155, 17, 30, 0.06) !important;
  border-color: rgba(155, 17, 30, 0.15) !important;
}

/* ── Journey / lifecycle circle diagram ──────────────────────────────────── */
body.page-id-8041 .mv-circ-hub {
  background: rgba(155, 17, 30, 0.06) !important;
  border-color: rgba(155, 17, 30, 0.3) !important;
  color: #C41428 !important;
}
body.page-id-8041 .mv-circ-hub > div {
  color: #C41428 !important;
}
body.page-id-8041 .mv-circ-node {
  background: rgba(155, 17, 30, 0.08) !important;
  border-color: rgba(155, 17, 30, 0.4) !important;
  color: #C41428 !important;
}

/* ── ERPNext Certified Partner badge ─────────────────────────────────────── */
body.page-id-8041 [style*="rgba(0,191,255,0.06)"],
body.page-id-8041 [style*="rgba(0, 191, 255, 0.06)"] {
  background: rgba(155, 17, 30, 0.06) !important;
  border-color: rgba(155, 17, 30, 0.15) !important;
}
body.page-id-8041 span[style*="color:#00BFFF"],
body.page-id-8041 span[style*="color: #00BFFF"] {
  color: #C41428 !important;
}

/* ── CTA strip ───────────────────────────────────────────────────────────── */
body.page-id-8041 section.cta-strip {
  background: linear-gradient(135deg, #C41428 0%, #7B0D16 100%) !important;
}
body.page-id-8041 section.cta-strip h2,
body.page-id-8041 section.cta-strip p,
body.page-id-8041 section.cta-strip * {
  color: #F4F4F6 !important;
}
body.page-id-8041 section.cta-strip .btn-dark {
  background: #07080A !important;
  color: #F4F4F6 !important;
  border-color: rgba(244, 244, 246, 0.15) !important;
}

/* ── Nav bar on this page ────────────────────────────────────────────────── */
body.page-id-8041 .menu-item-link {
  color: #ffffff !important;
}
body.page-id-8041 .elementor-element-cta99aa1 a {
  background: #9B111E !important;
  color: #ffffff !important;
}
body.page-id-8041 .lakit-nav__item.current-menu-item > .menu-item-link-top,
body.page-id-8041 .lakit-nav__item.current_page_item > .menu-item-link-top {
  background: transparent !important;
  color: #ffffff !important;
}

/* ── Catch-all remaining cyan text ───────────────────────────────────────── */
body.page-id-8041 [style*="color:#00BFFF"],
body.page-id-8041 [style*="color: #00BFFF"] {
  color: #C41428 !important;
}
body.page-id-8041 [style*="border-color:#00BFFF"],
body.page-id-8041 [style*="border-color: #00BFFF"] {
  border-color: rgba(155, 17, 30, 0.4) !important;
}

/* ── Stats bar background ───────────────────────────────────────────────── */
body.page-id-8041 .stats-bar {
  background: #07080A !important;
  background-color: #07080A !important;
}

/* ── Module icon SVG stroke ─────────────────────────────────────────────── */
body.page-id-8041 .mv-mod-icon svg,
body.page-id-8041 .mv-mod-icon svg path,
body.page-id-8041 .mv-mod-icon svg polyline,
body.page-id-8041 .mv-mod-icon svg circle,
body.page-id-8041 .mv-mod-icon svg rect,
body.page-id-8041 .mv-mod-icon svg line {
  stroke: #C41428 !important;
}

/* ── Remaining cyan borders / backgrounds ────────────────────────────────── */
body.page-id-8041 .stats-bar {
  border-color: rgba(155, 17, 30, 0.08) !important;
}
body.page-id-8041 .mv-comm-row {
  border-color: rgba(155, 17, 30, 0.2) !important;
}
/* Campaign summary row */
body.page-id-8041 [style*="rgba(0,191,255,0.04)"],
body.page-id-8041 [style*="rgba(0, 191, 255, 0.04)"] {
  background: rgba(155, 17, 30, 0.04) !important;
  border-color: rgba(155, 17, 30, 0.12) !important;
}
/* Compliance + trust icons */
body.page-id-8041 .mv-compliance-icon {
  background: rgba(155, 17, 30, 0.1) !important;
  border-color: rgba(155, 17, 30, 0.2) !important;
}
body.page-id-8041 .mv-trust-icon {
  background: rgba(155, 17, 30, 0.08) !important;
  border-color: rgba(155, 17, 30, 0.2) !important;
}
/* Nav bottom border */
body.page-id-8041 .elementor-element-1f24598 {
  border-bottom-color: rgba(155, 17, 30, 0.08) !important;
}

/* ── Highlight: 0 Per-User Charges stat cell ────────────────────────────── */
body.page-id-8041 .stat-cell-zero {
  border: 1px solid rgba(155, 17, 30, 0.35) !important;
  background: rgba(155, 17, 30, 0.07) !important;
  border-radius: 8px !important;
  padding: 6px 16px !important;
}
body.page-id-8041 .stat-cell-zero .stat-cell-num {
  color: #C41428 !important;
  font-size: 2em !important;
}
body.page-id-8041 .stat-cell-zero .stat-cell-label {
  color: #e6a0a8 !important;
  font-weight: 600 !important;
}


/* ── 0 Per-User Charges — centered, bigger, glowing ─────────────────────── */
body.page-id-8041 .stats-bar-inner {
  flex-wrap: wrap !important;
  justify-content: center !important;
}
body.page-id-8041 .stat-cell-zero {
  margin: 8px auto 0 !important;
  flex: 0 0 auto !important;
  min-width: 260px !important;
  text-align: center !important;
  padding: 14px 40px !important;
  border: 1px solid rgba(196, 20, 40, 0.45) !important;
  background: rgba(155, 17, 30, 0.1) !important;
  border-radius: 10px !important;
  box-shadow: 0 0 24px rgba(196, 20, 40, 0.15), inset 0 0 20px rgba(196, 20, 40, 0.05) !important;
}
body.page-id-8041 .stat-cell-zero .stat-cell-num {
  font-size: 2.8em !important;
  color: #C41428 !important;
  text-shadow: 0 0 12px rgba(196, 20, 40, 0.9), 0 0 28px rgba(196, 20, 40, 0.6), 0 0 50px rgba(196, 20, 40, 0.3) !important;
  line-height: 1.1 !important;
}
body.page-id-8041 .stat-cell-zero .stat-cell-label {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #e6a0a8 !important;
  text-shadow: 0 0 8px rgba(196, 20, 40, 0.5) !important;
  margin-top: 4px !important;
  letter-spacing: 0.02em !important;
}


/* ── Zero card own row ───────────────────────────────────────────────────── */
body.page-id-8041 .stats-zero-row {
  display: flex !important;
  justify-content: center !important;
  padding: 24px 0 0 !important;
}
body.page-id-8041 .stats-bar-spacer {
  height: 48px !important;
  display: block !important;
}
/* Override old flex-wrap attempt — no longer needed */
body.page-id-8041 .stats-bar-inner {
  flex-wrap: nowrap !important;
  justify-content: center !important;
}