/*
 * footer-cta.css — Global footer call-to-action strip.
 * Rendered above .ce-site-footer on every template that doesn't suppress it.
 * Auto-fits 1-3 cards depending on which audience columns ce_footer_cta_context()
 * decides to show.
 */

.ce-footer-cta {
	padding: 48px var(--density-pad);
	border-top: 1px solid var(--line);
}

.ce-footer-cta__grid {
	max-width: 1280px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: var(--density-gap);
}

.ce-footer-cta__card {
	background: var(--bg-2);
	border: 1px solid var(--line);
	border-radius: 10px;
	padding: 28px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ce-footer-cta__heading {
	font-family: var(--font-display);
	font-size: 26px;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.15;
}

.ce-footer-cta__sub {
	color: var(--fg-3);
	font-size: 14px;
	flex: 1;
}

.ce-footer-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 16px;
}

@media (max-width: 700px) {
	.ce-footer-cta {
		padding: 32px var(--density-pad);
	}
}