/* =============================================================
   cta-block.css — Global CTA section (shared component)
   Used on: Βιογραφικό (--primary), Blog Post (--cream)
   ============================================================= */

.cta-block {
	width: 100%;
	text-align: center;
}

.cta-block__inner {
	padding-top: var(--section-py);
	padding-bottom: var(--section-py);
}

.cta-block__heading {
	font-family: var(--font-primary);
	font-size: var(--text-h2-lg);
	font-weight: var(--weight-medium);
	line-height: var(--lh-tight);
	margin-bottom: var(--gap-lg);
}

.cta-block__subtext {
	font-family: var(--font-primary);
	font-size: var(--text-body);
	font-weight: var(--weight-regular);
	line-height: var(--lh-body);
	max-width: 672px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: var(--gap-xl);
}

/* Dark-red variant (CV page) */
.cta-block--primary {
	background-color: var(--color-primary);
}

.cta-block--primary .cta-block__heading {
	color: var(--color-white);
}

.cta-block--primary .cta-block__subtext {
	color: var(--color-white);
}

/* Cream/yellow variant (Blog Post) */
.cta-block--cream {
	background-color: var(--color-cream);
}

.cta-block--cream .cta-block__heading {
	color: var(--color-primary);
}

.cta-block--cream .cta-block__subtext {
	color: var(--color-text);
}

/* ── Responsive ── */

@media (max-width: 768px) {
	.cta-block__heading {
		font-size: var(--text-h2);
	}

	.cta-block__subtext {
		margin-bottom: var(--gap-lg);
	}
}