/**
 * Phase 3 Colors and Surfaces consumer migration.
 *
 * This compatibility layer removes the commercial showcase's private palette
 * authority without changing its layout or frozen Product Grammars.
 */

.ef-commercial-showcase {
	--ef-semantic-color-brand-primary: inherit;
	--ef-semantic-color-brand-primary-strong: inherit;
	--ef-semantic-color-brand-secondary: inherit;
	--ef-semantic-color-brand-accent: inherit;
	--ef-semantic-color-surface: inherit;
	--ef-semantic-color-surface-alt: inherit;
	--ef-semantic-color-text-default: inherit;
	--ef-semantic-color-text-muted: inherit;
	--ef-semantic-color-border: inherit;
	--ef-semantic-radius-button: inherit;
	--ef-semantic-radius-card: inherit;
	--ef-semantic-radius-input: inherit;
	--ef-semantic-border-structural-width: inherit;
	--ef-semantic-border-separator-width: inherit;
	--ef-semantic-border-control-width: inherit;
	--ef-semantic-shadow-card: inherit;
	--ef-semantic-shadow-elevated: inherit;
	--ef-semantic-space-density-card-padding: inherit;
	--ef-semantic-space-density-control-inline: inherit;
	--ef-semantic-space-rhythm-content-stack: inherit;
	--ef-semantic-space-rhythm-section: inherit;
	--ef-showcase-canvas: var(--ef-semantic-color-background);
	--ef-showcase-surface: var(--ef-semantic-color-surface);
	--ef-showcase-ink: var(--ef-semantic-color-text-default);
	--ef-showcase-muted: var(--ef-semantic-color-text-muted);
	--ef-showcase-rule: var(--ef-semantic-color-border);
	--ef-showcase-accent: var(--ef-semantic-color-brand-accent);
	color: var(--ef-semantic-color-text-default);
	background: var(--ef-semantic-color-background);
}

body .site-header,
body .ef-v1-header {
	color: var(--ef-semantic-color-text-on-dark-muted);
	background: var(--ef-semantic-color-brand-primary-strong);
	border-block-end-color: var(--ef-semantic-color-border);
	border-block-end-width: var(--ef-semantic-border-structural-width);
	box-shadow: var(--ef-semantic-shadow-card);
}

.primary-navigation a,
.ef-v1-navigation a {
	color: var(--ef-semantic-color-text-on-dark-muted);
}

.primary-navigation a:hover,
.primary-navigation a:focus-visible,
.primary-navigation [aria-current="page"],
.ef-v1-navigation a:hover,
.ef-v1-navigation a:focus-visible,
.ef-v1-navigation [aria-current="page"] {
	text-decoration-color: var(--ef-semantic-color-action-text-foreground);
}

.ef-commercial-showcase .ef-button--primary,
.ef-commercial-showcase .ef-v1-button--primary,
.site-header__cta,
.ef-v1-header__cta {
	color: var(--ef-semantic-color-action-primary-foreground);
	background: var(--ef-semantic-color-action-primary);
	border-color: var(--ef-semantic-color-action-primary);
	border-width: var(--ef-semantic-border-control-width);
	border-radius: var(--ef-semantic-radius-button);
	box-shadow: var(--ef-semantic-shadow-card);
}

.ef-commercial-showcase .ef-premium-hero--cinematic-media,
.ef-commercial-showcase .ef-premium-hero--cinematic-media .ef-homepage-hero__content h1,
.ef-commercial-showcase .ef-premium-hero--cinematic-media .ef-hero__summary,
.ef-commercial-showcase .ef-premium-hero--cinematic-media [data-ef-homepage-buyer-path="orientation"] a {
	color: var(--ef-semantic-color-action-primary-foreground);
}

.ef-commercial-showcase .ef-premium-hero--cinematic-media .ef-button--outline {
	color: var(--ef-semantic-color-action-primary-foreground);
	border-color: var(--ef-semantic-color-action-primary-foreground);
}

.ef-commercial-showcase [data-ef-premium-family="product-spotlight"] .ef-product-card {
	color: var(--ef-semantic-color-text-default);
	background: var(--ef-semantic-color-surface);
	border-color: var(--ef-semantic-color-border);
	border-width: var(--ef-semantic-border-structural-width);
	border-radius: var(--ef-semantic-radius-card);
	box-shadow: var(--ef-semantic-shadow-card);
}

.ef-commercial-showcase :where(.ef-public-knowledge-group, .ef-v1-proof-rail__item) {
	border-width: var(--ef-semantic-border-structural-width);
	border-radius: var(--ef-semantic-radius-card);
	box-shadow: var(--ef-semantic-shadow-card);
}

body .ef-v1-proof-rail__item {
	border-width: var(--ef-semantic-border-structural-width);
	border-radius: var(--ef-semantic-radius-card);
	box-shadow: var(--ef-semantic-shadow-card);
	gap: var(--ef-semantic-space-rhythm-content-stack);
	padding: var(--ef-semantic-space-density-card-padding);
}

/* Phase 4 Shape + Border/Elevation minimum consumer migration. */

.ef-catalog-grid__card {
	border-width: var(--ef-semantic-border-structural-width);
	border-radius: var(--ef-semantic-radius-card);
	box-shadow: var(--ef-semantic-shadow-card);
}

.ef-catalog-grid__facts {
	border-top-width: var(--ef-semantic-border-separator-width);
}

.ef-flagship-product-dossier__hero,
.ef-flagship-product-dossier__supporting-media figure,
.ef-flagship-product-dossier__inquiry {
	border-radius: var(--ef-semantic-radius-card);
	overflow: hidden;
}

.ef-flagship-product-dossier__hero,
.ef-flagship-product-dossier__inquiry {
	box-shadow: var(--ef-semantic-shadow-card);
}

.ef-flagship-product-dossier__hero,
.ef-flagship-product-dossier__highlights,
.ef-flagship-product-dossier__decision-facts,
.ef-flagship-product-dossier__supporting-media,
.ef-flagship-product-dossier__options,
.ef-flagship-product-dossier__documents,
.ef-flagship-product-dossier__decision-facts dl > div,
.ef-flagship-product-dossier__documents li {
	border-block-end-width: var(--ef-semantic-border-separator-width);
}

.ef-flagship-product-dossier__primary-media figcaption,
.ef-flagship-product-dossier__options li {
	border-width: var(--ef-semantic-border-control-width);
	border-radius: var(--ef-semantic-radius-input);
}

.ef-commercial-showcase :where(.ef-button, .ef-v1-button, button, input, select, textarea) {
	border-width: var(--ef-semantic-border-control-width);
}

.ef-commercial-showcase :where(.ef-button, .ef-v1-button, button) {
	border-radius: var(--ef-semantic-radius-button);
}

.ef-commercial-showcase :where(input, select, textarea) {
	border-radius: var(--ef-semantic-radius-input);
}

/* Phase 5 Density + Rhythm minimum consumer migration. */

.ef-homepage-section,
.ef-v1-journey {
	padding-block: var(--ef-semantic-space-rhythm-section);
}

.ef-button,
.ef-v1-button,
.site-header__cta,
.ef-v1-header__cta {
	min-block-size: max(var(--ef-semantic-control-minimum-height), var(--ef-button-height, 44px));
	padding-inline: var(--ef-semantic-space-density-control-inline);
}

.ef-catalog-grid:not(.ef-catalog-grid--compact) .ef-catalog-grid__body {
	gap: var(--ef-semantic-space-rhythm-content-stack);
	padding: var(--ef-semantic-space-density-card-padding);
}

.ef-flagship-product-dossier__identity,
.ef-flagship-product-dossier__inquiry {
	gap: var(--ef-semantic-space-rhythm-content-stack);
	padding: calc(var(--ef-semantic-space-density-card-padding) * 2);
}

.ef-flagship-product-dossier__decision-facts,
.ef-flagship-product-dossier__supporting-media,
.ef-flagship-product-dossier__options,
.ef-flagship-product-dossier__documents {
	gap: var(--ef-semantic-space-rhythm-content-stack);
	padding-block: calc(var(--ef-semantic-space-density-card-padding) * 2);
}

.ef-flagship-product-dossier :where(section, aside) > header,
.ef-flagship-product-dossier :where(.ef-flagship-product-dossier__inquiry > div) {
	gap: var(--ef-semantic-space-rhythm-content-stack);
}

@media (max-width: 767px) {

	.ef-flagship-product-dossier__identity {
		padding: var(--ef-semantic-space-density-card-padding) 0;
	}
}

.site-footer,
.ef-v1-footer {
	color: var(--ef-semantic-color-action-primary-foreground);
	background: var(--ef-semantic-color-brand-primary-strong);
}

.ef-commercial-showcase .exportforge-synthetic-demo-banner {
	color: var(--ef-semantic-color-text-on-dark-muted) !important;
	background: var(--ef-semantic-color-brand-primary-strong) !important;
	border-block-end-color: var(--ef-semantic-color-brand-accent) !important;
}

.ef-commercial-showcase .ef-premium-hero--cinematic-media .ef-homepage-hero__media figcaption {
	color: var(--ef-semantic-color-action-primary-foreground);
	background: var(--ef-semantic-color-brand-primary-strong);
}