/**
 * Group — Section / Card Style Variations
 *
 * Spec: specs/block-variations/group.spec.json
 * Registers: section-dark, section-light-tinted, card-flat, card-raised
 *
 * The section-* variations are meant for align=full groups that span the
 * viewport horizontally and provide consistent vertical rhythm via
 * default padding. The card-* variations are bounded containers used
 * inside sections for individual cards (testimonials, services, etc.).
 */

/* ---------- Section spacing ---------- */

.entry-content > .wp-block-group:not(.differentiators-bar):not(:first-child) {
	margin-block-start: var(--wp--custom--spacing--section);
}

/* ---------- Section — Dark ---------- */

.wp-block-group.is-style-section-dark {
	background-color: var(--wp--preset--color--primary-charcoal);
	color: var(--wp--preset--color--white);
	padding: var(--wp--preset--spacing--x-large) var(--wp--preset--spacing--large);
}

.wp-block-group.is-style-section-dark :where(h1, h2, h3, h4, h5, h6) {
	color: var(--wp--preset--color--white);
}

.wp-block-group.is-style-section-dark :where(p) {
	color: var(--wp--preset--color--surface-light);
}

.wp-block-group.is-style-section-dark :where(a:not(.wp-block-button__link)) {
	color: var(--wp--preset--color--white);
	text-decoration-color: rgba(255, 255, 255, 0.4);
}

.wp-block-group.is-style-section-dark :where(a:not(.wp-block-button__link)):hover {
	text-decoration-color: var(--wp--preset--color--white);
}

/* ---------- Section — Light Tinted ---------- */

.wp-block-group.is-style-section-light-tinted {
	background-color: var(--wp--preset--color--surface-light);
	color: var(--wp--preset--color--text-body-tinted);
	padding: var(--wp--preset--spacing--large) var(--wp--preset--spacing--large);
}

.wp-block-group.is-style-section-light-tinted :where(h1, h2, h3, h4, h5, h6) {
	color: var(--wp--preset--color--text-heading);
}

/* ---------- Card — Flat (low elevation) ---------- */

.wp-block-group.is-style-card-flat {
	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--border-subtle);
	border-radius: var(--wp--custom--borders--radius--xl);
	box-shadow: var(--wp--custom--shadows--card-flat);
	padding: 20px 35px;
}

/* ---------- Card — Raised (higher elevation, larger radius) ---------- */

.wp-block-group.is-style-card-raised {
	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--border-subtle);
	border-radius: var(--wp--custom--borders--radius--large);
	box-shadow: var(--wp--custom--shadows--card-raised);
	padding: 0;
	overflow: hidden;
}