/** ZARE Presentation Recipe System — semantic reusable composition slots. */

.zare-recipe {
	--zare-recipe-root-width: var(--wp--custom--zare-experience--container--wide, 77.5rem);
	--zare-recipe-content-width: var(--wp--custom--zare-experience--container--component, 61.25rem);
	--zare-recipe-section-space: var(--wp--custom--zare-experience--density--section-space, var(--wp--custom--zare-experience--section--default-space, 2.5rem));
	--zare-recipe-padding-compact: calc(var(--wp--custom--zare-experience--density--component-padding, 1rem) * 0.75);
	--zare-recipe-padding-default: var(--wp--custom--zare-experience--density--component-padding, 1rem);
	--zare-recipe-padding-spacious: calc(var(--wp--custom--zare-experience--density--component-padding, 1rem) * 1.5);
	--zare-recipe-gap-compact: calc(var(--wp--custom--zare-experience--density--component-gap, 1rem) * 0.75);
	--zare-recipe-gap-default: var(--wp--custom--zare-experience--density--component-gap, 1rem);
	--zare-recipe-gap-spacious: calc(var(--wp--custom--zare-experience--density--component-gap, 1rem) * 1.5);
	--zare-recipe-content-padding: var(--zare-recipe-padding-default);
	--zare-recipe-surface: transparent;
	--zare-recipe-foreground: inherit;
	--zare-recipe-radius: var(--wp--custom--zare-experience--shape--surface, 0.5rem);
	--zare-recipe-shadow: none;
	box-sizing: border-box;
	min-inline-size: 0;
}

.zare-recipe__content {
	box-sizing: border-box;
	inline-size: min(100%, var(--zare-recipe-content-width));
	max-inline-size: var(--zare-recipe-content-width);
	min-inline-size: 0;
}

.zare-recipe__section {
	padding-block: var(--zare-recipe-section-space);
}

.zare-recipe__surface {
	box-sizing: border-box;
	padding: var(--zare-recipe-content-padding);
	color: var(--zare-recipe-foreground);
	background: var(--zare-recipe-surface);
	border-radius: var(--zare-recipe-radius);
	box-shadow: var(--zare-recipe-shadow);
	min-inline-size: 0;
}

.zare-recipe__media {
	border-radius: var(--wp--custom--zare-experience--shape--media, var(--zare-recipe-radius));
	overflow: clip;
	min-inline-size: 0;
}

.zare-recipe__media :where(img, video) {
	display: block;
	inline-size: 100%;
	block-size: auto;
	object-fit: var(--zare-recipe-media-fit, cover);
}

.zare-recipe--section-intro-start,
.zare-recipe--section-intro-action,
.zare-recipe--section-intro-centered {
	--zare-recipe-content-width: var(--wp--custom--zare-experience--container--component, 61.25rem);
	--zare-recipe-section-space: var(--wp--custom--zare-experience--section--compact-space, 1.5rem);
	--zare-recipe-intro-micro-gap: clamp(0.5rem, calc(var(--wp--custom--zare-experience--density--component-gap, 1rem) * 0.5), 0.75rem);
	--zare-recipe-intro-macro-gap: clamp(1.25rem, calc(var(--wp--custom--zare-experience--density--component-gap, 1rem) * 1.5), 2.25rem);
	--zare-recipe-intro-copy-width: var(--wp--custom--zare-experience--container--component, 61.25rem);
}

.zare-recipe--section-intro-action { --zare-recipe-content-width: var(--wp--custom--zare-experience--container--wide, 77.5rem); }
.zare-recipe__intro-copy { display:flex; flex-direction:column; gap:var(--zare-recipe-intro-micro-gap); max-inline-size:var(--zare-recipe-intro-copy-width); min-inline-size:0; }
.zare-recipe__intro-copy > * { margin-block:0; }
.zare-recipe__intro-layout { display:grid; grid-template-columns:minmax(0,1fr) max-content; gap:var(--zare-recipe-intro-macro-gap); align-items:end; min-inline-size:0; }
.zare-recipe__intro-action { display:flex; align-items:center; justify-self:end; }
.zare-recipe__intro-follow { margin-block-start:var(--zare-recipe-intro-macro-gap); }
.zare-recipe--section-intro-centered .zare-recipe__intro-copy { --zare-recipe-intro-copy-width:var(--wp--custom--zare-experience--container--reading,45rem); margin-inline:auto; align-items:center; }

.zare-recipe--hero-intent-value,
.zare-recipe--hero-media-split {
	--zare-recipe-section-space: var(--wp--custom--zare-experience--section--hero-space, 4rem);
}

.zare-recipe--hero-intent-value {
	--zare-recipe-content-width: var(--wp--custom--zare-experience--container--component, 61.25rem);
}

.zare-recipe--hero-media-split,
.zare-recipe--media-evidence-split {
	--zare-recipe-content-width: var(--wp--custom--zare-experience--container--wide, 77.5rem);
}

.zare-recipe--feature-service-grid {
	--zare-recipe-content-width: var(--wp--custom--zare-experience--container--wide, 77.5rem);
}

.zare-recipe--primary-conversion-cta {
	--zare-recipe-content-width: var(--wp--custom--zare-experience--container--component, 61.25rem);
	--zare-recipe-content-padding: var(--zare-recipe-padding-spacious);
	--zare-recipe-surface: var(--wp--preset--color--muted, #f4f4f5);
	--zare-recipe-foreground: var(--wp--preset--color--foreground, #18181b);
	--zare-recipe-radius: var(--wp--custom--zare-experience--shape--surface, 0.5rem);
	--zare-recipe-shadow: var(--wp--custom--zare-experience--elevation--surface, var(--wp--preset--shadow--sm, none));
}

.zare-recipe--card-surface {
	--zare-recipe-content-width: 100%;
	--zare-recipe-surface: var(--wp--preset--color--card, #fff);
	--zare-recipe-foreground: var(--wp--preset--color--card-foreground, #18181b);
	--zare-recipe-radius: var(--wp--custom--zare-experience--shape--surface, 0.5rem);
	--zare-recipe-shadow: var(--wp--custom--zare-experience--elevation--surface, var(--wp--preset--shadow--sm, none));
}

.zare-recipe--card-surface > .zare-recipe--action-group {
	--zare-recipe-content-width: 100%;
}

.zare-recipe--evidence-proof {
	--zare-recipe-content-width: var(--wp--custom--zare-experience--container--component, 61.25rem);
	--zare-recipe-surface: var(--wp--preset--color--muted, #f4f4f5);
	--zare-recipe-foreground: var(--wp--preset--color--foreground, #18181b);
	--zare-recipe-shadow: none;
}

.zare-recipe--eyebrow {
	--zare-recipe-content-width: max-content;
}

@media (max-width: 781px) {
	.zare-recipe__intro-layout { grid-template-columns:minmax(0,1fr); }
	.zare-recipe__intro-action { justify-self:start; }
}