/**
 * Block: blocco-chiusura-doppia-cta
 *
 * Chiusura pagina con 2 CTA side-by-side (mobile stacked).
 *
 * @layer blocks per cascade controllata.
 */

@layer blocks {

	.lv-blocco-chiusura-doppia-cta {
		padding-block: var(--space-xl);
	}

	.lv-blocco-chiusura-doppia-cta__inner {
		max-inline-size: var(--container-narrow);
		margin-inline: auto;
		padding-inline: var(--container-padding-inline);
		display: flex;
		flex-direction: column;
		gap: var(--space-s);
		align-items: center;
		text-align: center;
	}

	.lv-blocco-chiusura-doppia-cta__eyebrow {
		font-family: var(--font-body);
		font-size: var(--font-size-caption);
		font-weight: 600;
		letter-spacing: var(--letter-spacing-caps);
		text-transform: uppercase;
		color: var(--color-salvia);
		margin: 0;
	}

	.lv-blocco-chiusura-doppia-cta__title {
		font-family: var(--font-display);
		font-size: var(--font-size-h2);
		font-weight: 500;
		line-height: var(--line-height-headings);
		letter-spacing: var(--letter-spacing-headings);
		color: var(--color-inchiostro-terra);
		margin: 0;
		text-wrap: balance;
	}

	.lv-blocco-chiusura-doppia-cta__body {
		font-family: var(--font-body);
		font-size: var(--font-size-lead);
		line-height: var(--line-height-body);
		color: var(--color-inchiostro-morbido);
		max-inline-size: 55ch;
	}

	.lv-blocco-chiusura-doppia-cta__body p {
		margin: 0 0 var(--space-2xs);
	}

	.lv-blocco-chiusura-doppia-cta__body p:last-child {
		margin-block-end: 0;
	}

	.lv-blocco-chiusura-doppia-cta__cta-group {
		display: flex;
		gap: var(--space-s);
		justify-content: center;
		flex-wrap: wrap;
		margin-block-start: var(--space-2xs);
	}

	/* CTA — base + varianti */
	.lv-blocco-chiusura-doppia-cta__cta {
		display: inline-block;
		padding: 0.875rem 1.75rem;
		font-family: var(--font-body);
		font-size: var(--font-size-small);
		font-weight: 600;
		letter-spacing: var(--letter-spacing-ui);
		text-decoration: none;
		border-radius: var(--radius-sm);
		border: 1px solid transparent;
	}

	.lv-blocco-chiusura-doppia-cta__cta--primaria {
		background-color: var(--color-vino);
		color: var(--color-carta-calda);
		border-color: var(--color-vino);
	}

	.lv-blocco-chiusura-doppia-cta__cta--primaria:hover,
	.lv-blocco-chiusura-doppia-cta__cta--primaria:focus-visible {
		background-color: var(--color-terracotta);
		border-color: var(--color-terracotta);
	}

	.lv-blocco-chiusura-doppia-cta__cta--secondaria {
		background-color: transparent;
		color: var(--color-inchiostro-terra);
		border-color: currentColor;
	}

	.lv-blocco-chiusura-doppia-cta__cta--secondaria:hover,
	.lv-blocco-chiusura-doppia-cta__cta--secondaria:focus-visible {
		background-color: var(--color-inchiostro-terra);
		color: var(--color-carta-calda);
	}

	@media (prefers-reduced-motion: no-preference) {
		.lv-blocco-chiusura-doppia-cta__cta {
			transition: background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base);
		}
	}

	@media (max-width: 480px) {
		.lv-blocco-chiusura-doppia-cta__cta-group {
			flex-direction: column;
			inline-size: 100%;
		}

		.lv-blocco-chiusura-doppia-cta__cta {
			inline-size: 100%;
		}
	}
}