/**
 * Pricing Section — Preset Variant Styles
 *
 * LOCKED SECTIONS (PRESET-DRIVEN). Styles both 'cards' and 'grid'
 * variants. New section in this phase — same isolation pattern as
 * every other section.
 *
 * ISOLATION RULE: scoped under [data-atb-section="pricing"].
 * TOKEN-ONLY: every value reads from var(--atb-*, fallback).
 */

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

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

/* 'cards' variant */

[data-atb-section="pricing"] .atb-pricing--cards {
	flex-direction: row;
	flex-wrap: wrap;
}

[data-atb-section="pricing"] .atb-pricing--cards .atb-pricing__card {
	flex: 1 1 220px;
	padding: var(--atb-space-6, 1.5rem);
	border: 1px solid var(--atb-color-border, #e5e5e5);
	border-radius: var(--atb-radius-lg, 0.75rem);
	box-shadow: var(--atb-shadow-md, 0 4px 6px rgb(0 0 0 / 0.1));
	text-align: center;
}

/* 'grid' variant */

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

[data-atb-section="pricing"] .atb-pricing--grid .atb-pricing__grid-item {
	text-align: center;
}