/**
 * Title + CTA Shortcode Styles.
 *
 * [oas_title_cta] — Titolo grande centrato con bottone icona (freccia) opzionale.
 * Lo stile del bottone arriva da buttons.css del child theme (.olimpia-icon-btn).
 * Qui gestiamo solo layout, colori del testo per tema (dark/light) e spaziatura.
 */

.oas-title-cta {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 28px;
	text-align: center;
	width: 100%;
}

/* Variante wrapped: contenuto vincolato e centrato con padding */
.oas-title-cta--wrapped {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 48px 24px;
}

.oas-title-cta__title {
	margin: 0;
	text-transform: uppercase;
}

/* Tema dark: testo bianco (per sfondi scuri) */
.oas-title-cta--dark .oas-title-cta__title {
	color: var(--color-white, #fff);
}

/* Tema light: testo scuro (per sfondi chiari) */
.oas-title-cta--light .oas-title-cta__title {
	color: var(--color-gray-900, #1a1a1a);
}

/* Title theme: primary — titolo rosso brand (override del tema base) */
.oas-title-cta--title-primary .oas-title-cta__title {
	color: var(--color-primary, #AA1A2D);
}

/* Title theme: dark — forza testo scuro indipendentemente dal tema wrapper */
.oas-title-cta--title-dark .oas-title-cta__title {
	color: var(--color-gray-900, #1a1a1a);
}

/* Title theme: light — forza testo bianco indipendentemente dal tema wrapper */
.oas-title-cta--title-light .oas-title-cta__title {
	color: var(--color-white, #fff);
}

/* Bottone CTA: rimuove la sottolineatura del link */
.oas-title-cta__btn {
	text-decoration: none;
}

/* === Responsive — Scale solo per le size grandi (120) === */
@media (max-width: 1279px) {
	.oas-title-cta {
		gap: 22px;
	}

	.oas-title-cta__title.font-title-120 {
		font-size: 80px !important;
		line-height: 70px !important;
	}
}

@media (max-width: 991px) {
	.oas-title-cta__title.font-title-120 {
		font-size: 64px !important;
		line-height: 58px !important;
	}

	.oas-title-cta__title.font-title-80 {
		font-size: 60px !important;
		line-height: 54px !important;
	}
}

@media (max-width: 575px) {
	.oas-title-cta {
		gap: 18px;
	}

	.oas-title-cta--wrapped {
		padding: 32px 16px;
	}

	.oas-title-cta__title.font-title-120 {
		font-size: 48px !important;
		line-height: 44px !important;
	}

	.oas-title-cta__title.font-title-80 {
		font-size: 42px !important;
		line-height: 38px !important;
	}

	.oas-title-cta__title.font-title-60 {
		font-size: 36px !important;
		line-height: 34px !important;
	}
}