/**
 * Testimonials Section — Preset Variant Styles
 *
 * LOCKED SECTIONS (PRESET-DRIVEN). Styles both 'cards' and 'grid'
 * variants. Switching the preset value swaps which rule-set applies;
 * markup structure and other sections' CSS are never touched.
 *
 * ISOLATION RULE: scoped under [data-atb-section="testimonials"].
 * TOKEN-ONLY: every value reads from var(--atb-*, fallback).
 */

[data-atb-section="testimonials"] {
	display: block;
}

[data-atb-section="testimonials"] .atb-testimonials {
	display: flex;
	gap: var(--atb-space-6, 1.5rem);
}

/* 'cards' variant */

[data-atb-section="testimonials"] .atb-testimonials--cards {
	flex-direction: column;
}

[data-atb-section="testimonials"] .atb-testimonials--cards .atb-testimonials__card {
	padding: var(--atb-space-6, 1.5rem);
	border: 1px solid var(--atb-color-border, #e5e5e5);
	border-radius: var(--atb-radius-md, 0.5rem);
	background-color: var(--atb-color-surface, #f5f5f5);
}

/* 'grid' variant */

[data-atb-section="testimonials"] .atb-testimonials--grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--atb-space-8, 2rem);
}