/**
 * Visibility Growth marketing homepage (Elementor) theme bindings.
 */
/* ── Marketing / Elementor dark tokens (explicit baseline) ── */
html[data-theme="dark"] body.sa-vg-theme {
	--sa-vg-text-heading: var(--vg-text-heading);
	--sa-vg-text-body: var(--vg-text-body);
	--sa-vg-text-muted: var(--vg-text-muted);
	--sa-vg-bg-page: var(--vg-bg-page);
	--sa-vg-bg-surface: var(--vg-bg-surface);
	--sa-vg-bg-elevated: var(--vg-bg-elevated);
	--sa-vg-shadow-card: 0 24px 64px rgba(11, 28, 36, 0.45);
	--sa-vg-shadow-button: 0 12px 32px rgba(13, 138, 132, 0.35);
}

/* ── Marketing / Elementor light tokens ── */
html[data-theme="light"] body.sa-vg-theme {
	--sa-vg-text-heading: var(--vg-text-heading);
	--sa-vg-text-body: var(--vg-text-body);
	--sa-vg-text-muted: var(--vg-text-muted);
	--sa-vg-bg-page: var(--vg-bg-inset);
	--sa-vg-bg-surface: var(--vg-bg-surface);
	--sa-vg-bg-elevated: var(--vg-bg-page);
	--sa-vg-shadow-card: 0 20px 60px rgba(11, 28, 36, 0.08);
	--sa-vg-shadow-button: 0 10px 24px rgba(13, 138, 132, 0.22);
}

html[data-theme="light"] body.sa-vg-theme .sa-vg-btn--ghost {
	background: rgba(11, 28, 36, 0.04);
	color: var(--sa-vg-text-heading, var(--vg-text-heading));
	border-color: rgba(11, 28, 36, 0.12);
}

html[data-theme="light"] body.sa-vg-theme .sa-vg-btn--ghost:hover,
html[data-theme="light"] body.sa-vg-theme .sa-vg-btn--ghost:focus-visible {
	background: rgba(11, 28, 36, 0.08);
	border-color: rgba(11, 28, 36, 0.18);
	color: var(--vg-text-heading);
}

html[data-theme="light"] body.sa-vg-theme .sa-vg-shell-header.sa-vg-shell-sticky-active,
html[data-theme="light"] body.sa-vg-theme .sa-vg-shell-header.elementor-sticky--active {
	background: var(--vg-bg-inset) !important;
	border-bottom-color: rgba(11, 28, 36, 0.08);
	box-shadow: 0 12px 40px rgba(11, 28, 36, 0.08);
}

html[data-theme="light"] body.sa-vg-theme .sa-vg-shell-nav .elementor-nav-menu--main .elementor-item {
	color: rgba(11, 28, 36, 0.72);
}

html[data-theme="light"] body.sa-vg-theme .sa-vg-shell-nav .elementor-nav-menu--main .elementor-item:hover,
html[data-theme="light"] body.sa-vg-theme .sa-vg-shell-nav .elementor-nav-menu--main .elementor-item:focus-visible,
html[data-theme="light"] body.sa-vg-theme .sa-vg-shell-nav .elementor-nav-menu--main .elementor-item.elementor-item-active {
	color: var(--vg-text-heading);
}

html[data-theme="light"] body.sa-vg-theme .sa-vg-theme-toggle {
	--vg-text-heading: var(--vg-text-heading);
	--vg-bg-pill-neutral: rgba(11, 28, 36, 0.06);
	--vg-bg-nav-active: rgba(13, 138, 132, 0.12);
	--vg-border-accent: rgba(13, 138, 132, 0.35);
}

html[data-theme="light"] body.sa-vg-theme .elementor-section.sa-vg-marketing-problem-section,
html[data-theme="light"] body.sa-vg-theme .elementor-section.sa-vg-marketing-score-section,
html[data-theme="light"] body.sa-vg-theme .elementor-section.sa-vg-how-it-works-section,
html[data-theme="light"] body.sa-vg-theme .elementor-section.sa-vg-marketing-pricing-section,
html[data-theme="light"] body.sa-vg-theme .elementor-section.sa-vg-marketing-page-hero-section {
	background-color: var(--sa-vg-bg-surface, var(--vg-bg-surface)) !important;
}

html[data-theme="light"] body.sa-vg-theme .elementor-section.sa-vg-marketing-problem-section :is(h1, h2, h3, h4, h5, h6),
html[data-theme="light"] body.sa-vg-theme .elementor-section.sa-vg-marketing-score-section :is(h1, h2, h3, h4, h5, h6),
html[data-theme="light"] body.sa-vg-theme .elementor-section.sa-vg-how-it-works-section :is(h1, h2, h3, h4, h5, h6),
html[data-theme="light"] body.sa-vg-theme .elementor-section.sa-vg-marketing-pricing-section :is(h1, h2, h3, h4, h5, h6),
html[data-theme="light"] body.sa-vg-theme .elementor-section.sa-vg-marketing-page-hero-section :is(h1, h2, h3, h4, h5, h6) {
	color: var(--sa-vg-text-heading, var(--vg-text-heading)) !important;
}

html[data-theme="light"] body.sa-vg-theme .elementor-section.sa-vg-marketing-problem-section :is(p, li),
html[data-theme="light"] body.sa-vg-theme .elementor-section.sa-vg-marketing-score-section :is(p, li),
html[data-theme="light"] body.sa-vg-theme .elementor-section.sa-vg-how-it-works-section :is(p, li),
html[data-theme="light"] body.sa-vg-theme .elementor-section.sa-vg-marketing-pricing-section :is(p, li),
html[data-theme="light"] body.sa-vg-theme .elementor-section.sa-vg-marketing-page-hero-section :is(p, li) {
	color: var(--sa-vg-text-body, var(--vg-text-body)) !important;
}

html[data-theme="light"] body.sa-vg-theme .elementor-section.sa-vg-how-it-works-section--flagship-dark {
	background-color: var(--vg-bg-page) !important;
}

html[data-theme="light"] body.sa-vg-theme .sa-vg-how-it-works-section--flagship-dark .sa-vg-how-it-works__headline,
html[data-theme="light"] body.sa-vg-theme .sa-vg-how-it-works-section--flagship-dark .sa-vg-how-step__title {
	color: var(--vg-text-heading) !important;
}

html[data-theme="light"] body.sa-vg-theme .sa-vg-how-it-works-section--flagship-dark .sa-vg-how-it-works__lead,
html[data-theme="light"] body.sa-vg-theme .sa-vg-how-it-works-section--flagship-dark .sa-vg-how-step__copy {
	color: var(--vg-state-neutral-fg) !important;
}

html[data-theme="light"] body.sa-vg-theme .sa-vg-how-it-works-section--flagship-dark .sa-vg-how-step {
	background: linear-gradient(180deg, var(--vg-bg-surface) 0%, var(--vg-bg-page) 100%) !important;
	border: 1px solid var(--vg-border-subtle) !important;
	box-shadow: 0 20px 40px rgba(11, 28, 36, 0.06) !important;
}

html[data-theme="light"] body.sa-vg-theme .sa-vg-card {
	background: var(--sa-vg-bg-elevated, var(--vg-bg-page));
	border-color: rgba(11, 28, 36, 0.08);
	box-shadow: var(--sa-vg-shadow-card, 0 20px 60px rgba(11, 28, 36, 0.08));
}

html[data-theme="light"] body.sa-vg-theme .sa-vg-eyebrow,
html[data-theme="light"] body.sa-vg-theme .sa-vg-pill {
	background: rgba(13, 138, 132, 0.1);
	border-color: rgba(13, 138, 132, 0.22);
	color: var(--vg-brand-secondary);
}

html[data-theme="light"] .sa-vis-body--platform .sa-vis-platform-nav a:focus-visible,
html[data-theme="light"] .sa-vis-body--profile .sa-vis-platform-nav a:focus-visible,
html[data-theme="dark"] .sa-vis-body--platform .sa-vis-platform-nav a:focus-visible,
html[data-theme="dark"] .sa-vis-body--profile .sa-vis-platform-nav a:focus-visible {
	outline: 2px solid var(--vg-brand-primary, var(--vg-brand-primary));
	outline-offset: 2px;
}


/* LP reskin 3b — light surfaces for previously dark flagship sections */
body.sa-vg-theme .sa-vg-hero-flagship,
body.sa-vg-theme .sa-vg-hero-flagship-v195,
body.sa-vg-theme .sa-vg-hero-flagship-v19,
body.sa-vg-theme .sa-vg-stats,
body.sa-vg-theme .sa-vg-stats-section,
body.sa-vg-theme .sa-vg-lb-section,
body.sa-vg-theme .sa-vg-trust-section,
body.sa-vg-theme .sa-vg-trust-strip,
body.sa-vg-theme .sa-vg-shell-footer {
	background-color: var(--vg-bg-page);
	background-image: none;
	color: var(--vg-text-body);
}
body.sa-vg-theme .sa-vg-shell-footer {
	background-color: var(--vg-bg-footer);
	color: var(--vg-text-body);
}
body.sa-vg-theme .sa-vg-hero-flagship :is(h1,h2,h3,h4),
body.sa-vg-theme .sa-vg-stats :is(h1,h2,h3,h4),
body.sa-vg-theme .sa-vg-lb-section :is(h1,h2,h3,h4),
body.sa-vg-theme .sa-vg-trust-section :is(h1,h2,h3,h4) {
	color: var(--vg-text-heading);
	font-family: var(--vg-font-heading);
}