/**
 * VG LP6 overlay — Step 4 leftovers. Live with VG_LP_RESKIN on.
 * Does not edit the live lp5 stylesheets.
 */
html.sa-vg-lp6,
body.sa-vg-lp6 {
	--vg-text-heading: #0B1C24;
	--vg-text-body: #24343B;
	--vg-text-muted: #5B6B73;
	--vg-text-on-brand: #ffffff;
	--vg-brand-primary: #0D8A84;
	--vg-brand-secondary: #0A6F6A;
	--vg-link: #0A6F6A;
	--vg-text-accent: #0A6F6A;
	--vg-text-kicker: #0A6F6A;
	--vg-bg-page: #F3F7F8;
	--vg-bg-surface: #FFFFFF;
	--vg-bg-footer: #EAF4F5;
	--vg-border-subtle: #D7E2E6;
	--vg-bg-brand-mark: linear-gradient(135deg, #0A6F6A 0%, #0D8A84 100%);
}

/* 1 — Gradient headings → solid ink (or teal→ink that still reads as ink) */
body.sa-vg-lp6 .sa-vg-headline-accent,
body.sa-vg-lp6 .sa-vg-stat-card__value,
body.sa-vg-lp6 .sa-vg-hero-headline span,
body.sa-vg-lp6 [class*="headline-accent"] {
	background: none !important;
	-webkit-background-clip: unset !important;
	background-clip: unset !important;
	-webkit-text-fill-color: var(--vg-text-heading) !important;
	color: var(--vg-text-heading) !important;
	text-shadow: none !important;
}

/* 2 — Pseudo overlays: kill dark/lavender stacks; keep a faint teal wash */
body.sa-vg-lp6 .sa-vg-hero-flagship::before,
body.sa-vg-lp6 .sa-vg-hero-flagship::after,
body.sa-vg-lp6 .sa-vg-hero-flagship.sa-vg-hero-map-bg::before,
body.sa-vg-lp6 .sa-vg-hero-flagship-v19::after,
body.sa-vg-lp6 .sa-vg-hero-flagship-v175::after,
body.sa-vg-lp6 .sa-vg-product-preview--flagship::before,
body.sa-vg-lp6 .sa-vg-report-preview-dashboard--report::before,
body.sa-vg-lp6 .sa-vg-report-preview-dashboard--paper::before {
	background: radial-gradient(ellipse 60% 50% at 80% 30%, rgba(13, 138, 132, 0.10), transparent 70%) !important;
	background-image: none !important;
	opacity: 0.55;
	filter: none !important;
	mask-image: none !important;
	-webkit-mask-image: none !important;
}

body.sa-vg-lp6 .sa-vg-hero-map-bg {
	background-image: none !important;
}

/* Starfield / map canvases out */
body.sa-vg-lp6 canvas.sa-vg-starfield,
body.sa-vg-lp6 canvas[id*="star"],
body.sa-vg-lp6 canvas[id*="map"],
body.sa-vg-lp6 .sa-vg-hero-atmosphere canvas,
body.sa-vg-lp6 #sa-vg-starfield,
body.sa-vg-lp6 #sa-vg-map-canvas {
	display: none !important;
}

/* Map dots → brand teal, low opacity */
body.sa-vg-lp6 .sa-vg-hero-map-network circle,
body.sa-vg-lp6 .sa-vg-hero-map-network [fill],
body.sa-vg-lp6 svg.sa-vg-hero-map-network circle,
body.sa-vg-lp6 .sa-vg-hero-map-network path {
	fill: var(--vg-brand-primary) !important;
	stroke: var(--vg-brand-primary) !important;
	opacity: 0.35;
}

body.sa-vg-lp6 .sa-vg-hero-map-network {
	opacity: 0.4;
	filter: none;
}

/* Logo V glyph */
body.sa-vg-lp6 .sa-vg-brand-mark,
body.sa-vg-lp6 .vg-lp-brand-mark,
body.sa-vg-lp6 .vg-vg-brand-mark,
body.sa-vg-lp6 .sa-vis-platform-brand-mark {
	color: var(--vg-text-on-brand) !important;
	background: var(--vg-bg-brand-mark, linear-gradient(135deg, #0A6F6A 0%, #0D8A84 100%)) !important;
}

/* 3 — Report mock: stop squash, readable type */
body.sa-vg-lp6 .sa-vg-rw__grid {
	display: grid !important;
	grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.2fr) !important;
	align-items: start !important;
	gap: 32px !important;
}
body.sa-vg-lp6 .sa-vg-rw__stage,
body.sa-vg-lp6 .sa-vg-report-preview-dashboard-wrap,
body.sa-vg-lp6 .sa-vg-report-preview-dashboard {
	height: auto !important;
	min-height: 420px !important;
	max-height: none !important;
	overflow: visible !important;
	transform: none !important;
}
body.sa-vg-lp6 .sa-vg-report-preview-dashboard--report,
body.sa-vg-lp6 .sa-vg-report-preview-dashboard--parity {
	padding: 20px 22px !important;
	min-height: 420px !important;
}
body.sa-vg-lp6 .sa-vg-rw__stage [data-report-area],
body.sa-vg-lp6 .sa-vg-report-preview-dashboard,
body.sa-vg-lp6 .sa-vg-report-preview__tile,
body.sa-vg-lp6 .sa-vg-report-preview__compare-label,
body.sa-vg-lp6 .sa-vg-report-preview__tile-status,
body.sa-vg-lp6 .sa-vg-report-preview-dashboard__panel-label,
body.sa-vg-lp6 .sa-vg-report-preview-dashboard__chrome-title,
body.sa-vg-lp6 .sa-vg-report-preview-dashboard__app-title,
body.sa-vg-lp6 .sa-vg-report-preview__issue-row,
body.sa-vg-lp6 .sa-vg-report-preview__tile-value,
body.sa-vg-lp6 .sa-vg-report-preview-dashboard__score-display,
body.sa-vg-lp6 .sa-vg-rw__step-title,
body.sa-vg-lp6 .sa-vg-rw__step-text {
	color: var(--vg-text-heading) !important;
	-webkit-text-fill-color: var(--vg-text-heading) !important;
	opacity: 1 !important;
}
body.sa-vg-lp6 .sa-vg-rw__step-text,
body.sa-vg-lp6 .sa-vg-report-preview__compare-label,
body.sa-vg-lp6 .sa-vg-report-preview__tile-status {
	color: var(--vg-text-body) !important;
	-webkit-text-fill-color: var(--vg-text-body) !important;
}
@media (max-width: 900px) {
	body.sa-vg-lp6 .sa-vg-rw__grid {
		grid-template-columns: 1fr !important;
	}
	body.sa-vg-lp6 .sa-vg-rw__stage {
		position: static !important;
		min-height: 0 !important;
	}
	body.sa-vg-lp6 .sa-vg-report-preview-dashboard,
	body.sa-vg-lp6 .sa-vg-report-preview-dashboard-wrap {
		min-height: 0 !important;
	}
}

/* 4 — Remaining indigo in VG-served UI → tokens */
body.sa-vg-lp6 .sa-vg-lb-picker__select:focus {
	outline: 2px solid var(--vg-brand-primary) !important;
	outline-color: var(--vg-brand-primary) !important;
	border-color: var(--vg-brand-primary) !important;
	box-shadow: 0 0 0 3px rgba(13, 138, 132, 0.22) !important;
}
body.sa-vg-lp6 .sa-vg-lb-picker__go,
body.sa-vg-lp6 .sa-vg-chip,
body.sa-vg-lp6 .sa-vg-chip--market,
body.sa-vg-lp6 .sa-vg-lb [class*="chip"] {
	border-color: var(--vg-brand-primary) !important;
	outline-color: var(--vg-brand-primary) !important;
}
body.sa-vg-lp6 .sa-vg-lb-picker__go {
	background: var(--vg-bg-brand-mark) !important;
	color: var(--vg-text-on-brand) !important;
}
html.sa-vg-lp6,
body.sa-vg-lp6 {
	--sa-vg-brand-primary: #0D8A84;
	--sa-vg-brand-secondary: #0A6F6A;
	--sa-vg-brand-accent: #0D8A84;
}

/* 5 — Elementor entrance: never start invisible */
body.sa-vg-lp6 .elementor-invisible,
body.sa-vg-lp6 .elementor-element.elementor-invisible,
body.sa-vg-lp6 .animated.elementor-invisible {
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	animation: none !important;
}

/* Pricing page: map the ~99 local custom properties onto shared tokens */
body.sa-vg-lp6 .vg-pricing,
html.sa-vg-lp6 .vg-pricing {
	--vg-ink: var(--vg-text-heading);
	--vg-ink-2: var(--vg-text-heading);
	--vg-text: var(--vg-text-body);
	--vg-muted: var(--vg-text-muted);
	--vg-teal: var(--vg-link, #0A6F6A);
	--vg-teal-dark: var(--vg-link, #0A6F6A);
	--vg-mist: var(--vg-bg-page);
	--vg-line: var(--vg-border-subtle);
	--vg-teal-soft: var(--vg-bg-inset, #EAF4F5);
	--vg-white: var(--vg-bg-surface);
	--vg-radius: var(--vg-radius-md, 16px);
	--vg-radius-sm: var(--vg-radius-sm, 14px);
	--vg-shadow: var(--vg-shadow-card);
	--vg-max: 1120px;
}

body.sa-vg-lp6 .vg-pricing .vg-kicker,
body.sa-vg-lp6 .vg-pricing .vg-eyebrow,
body.sa-vg-lp6 .vg-pricing [class*="kicker"],
body.sa-vg-lp6 .vg-pricing [class*="eyebrow"],
body.sa-vg-lp6 .vg-pricing a:not(.vg-lp-cta):not([class*="btn"]):not([class*="button"]) {
	color: var(--vg-link, #0A6F6A);
}

/* Hide every previous chrome while the shared one is on */
body.sa-vg-lp6 .sa-vg-shell-header,
body.sa-vg-lp6 .sa-vg-shell-footer,
body.sa-vg-lp6 .sa-vg-shell-footer-main,
html.sa-vg-lp6 .sa-vis-platform-header,
html.sa-vg-lp6 .sa-vis-platform-footer,
body.sa-vg-lp6 .sa-vis-platform-header,
body.sa-vg-lp6 .sa-vis-platform-footer,
body.sa-vis-body--platform.sa-vg-lp6 .sa-vis-platform-header,
body.sa-vis-body--platform.sa-vg-lp6 .sa-vis-platform-footer,
body.sa-vg-lp6 header.vg-lp-header:not(#vg-site-header),
body.sa-vg-lp6 footer.vg-lp-footer:not(#vg-site-footer),
body.sa-vg-lp6 .vg-vg-header,
body.sa-vg-lp6 .vg-vg-footer,
body.sa-vg-lp6 .vg-pricing-public-entry .vg-lp-header,
body.sa-vg-lp6 .vg-pricing-public-entry .vg-lp-footer,
body.sa-vg-lp6 .elementor-location-header,
body.sa-vg-lp6 .elementor-location-footer,
body.sa-vg-lp6 header.wp-block-template-part,
body.sa-vg-lp6 footer.wp-block-template-part,
body.sa-vg-lp6 .wp-block-template-part[class*="header"],
body.sa-vg-lp6 .wp-block-template-part[class*="footer"],
body.sa-vg-lp6 .sa-vg-shell-mobile-cta-bar,
body.sa-vg-lp6 .elementor-sticky__spacer:has(+ .sa-vg-shell-header) {
	display: none !important;
}

/* Theme page-list navs (R4 / R5) */
body.sa-vg-lp6 .wp-site-blocks > header,
body.sa-vg-lp6 .wp-block-navigation:not(.vg-lp-nav) {
	display: none !important;
}

body.sa-vg-lp6 .vg-lp-essay-merge,
body.sa-vg-lp6 .vg-lp-essay-merge + .vg-lp-merge-pricing,
body.sa-vg-lp6 > .vg-lp-merge-pricing {
	box-sizing: border-box;
	max-width: 1152px;
	margin: 0 auto;
	padding: 24px 32px 8px;
	background: transparent;
}

body.sa-vg-lp6 .vg-lp-essay-merge + .vg-lp-merge-pricing,
body.sa-vg-lp6 > .vg-lp-merge-pricing {
	padding-bottom: 56px;
}

@media (max-width: 767px) {
	body.sa-vg-lp6 .vg-lp-essay-merge,
	body.sa-vg-lp6 .vg-lp-essay-merge + .vg-lp-merge-pricing,
	body.sa-vg-lp6 > .vg-lp-merge-pricing {
		padding-left: 20px;
		padding-right: 20px;
	}
}

body.sa-vg-lp6 .vg-lp-essay-merge .sa-vg-pp-prose p,
body.sa-vg-lp6 .vg-lp-merge-facts p,
body.sa-vg-lp6 .vg-lp-merge-pricing .sa-vg-pp-prose p {
	max-width: 46rem;
}

body.sa-vg-lp6 .vg-lp-merge-facts {
	margin-top: 16px;
}
