/**
 * Block: bridge-casaleverdeluna
 */

@layer blocks {

	.lv-bridge-casaleverdeluna {
		padding-block: var(--space-xl);
		background-color: var(--color-pietra);
	}

	.lv-bridge-casaleverdeluna__inner {
		max-inline-size: var(--container-default);
		margin-inline: auto;
		padding-inline: var(--container-padding-inline);
	}

	/* Variante con foto: 2 colonne */
	.lv-bridge-casaleverdeluna--con-foto .lv-bridge-casaleverdeluna__inner {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--space-l);
		align-items: center;
	}

	@media (max-width: 720px) {
		.lv-bridge-casaleverdeluna--con-foto .lv-bridge-casaleverdeluna__inner {
			grid-template-columns: 1fr;
		}
	}

	/* Variante testo-puro: colonna singola */
	.lv-bridge-casaleverdeluna--testo .lv-bridge-casaleverdeluna__inner {
		max-inline-size: var(--container-narrow);
	}

	.lv-bridge-casaleverdeluna__media {
		aspect-ratio: 4 / 3;
		overflow: clip;
		border-radius: var(--radius-md);
	}

	.lv-bridge-casaleverdeluna__image {
		inline-size: 100%;
		block-size: 100%;
		object-fit: cover;
	}

	.lv-bridge-casaleverdeluna__content {
		display: flex;
		flex-direction: column;
		gap: var(--space-s);
		align-items: start;
	}

	.lv-bridge-casaleverdeluna__eyebrow {
		font-family: var(--font-body);
		font-size: var(--font-size-caption);
		letter-spacing: var(--letter-spacing-caps);
		text-transform: uppercase;
		color: var(--color-salvia);
		margin: 0;
	}

	.lv-bridge-casaleverdeluna__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);
		margin: 0;
		color: var(--color-inchiostro-terra);
	}

	.lv-bridge-casaleverdeluna__body {
		font-family: var(--font-body);
		font-size: var(--font-size-body);
		line-height: var(--line-height-body);
		color: var(--color-inchiostro-terra);
	}

	.lv-bridge-casaleverdeluna__body p {
		margin: 0;
	}

	.lv-bridge-casaleverdeluna__cta {
		display: inline-block;
		padding: 0.625rem 1.25rem;
		font-family: var(--font-body);
		font-size: var(--font-size-small);
		font-weight: 600;
		letter-spacing: var(--letter-spacing-ui);
		text-decoration: none;
		color: var(--color-salvia);
		border: 1px solid currentColor;
		border-radius: var(--radius-sm);
		margin-block-start: var(--space-2xs);
	}

	@media (prefers-reduced-motion: no-preference) {
		.lv-bridge-casaleverdeluna__cta {
			transition: color var(--transition-base), background-color var(--transition-base);
		}

		.lv-bridge-casaleverdeluna__cta:hover,
		.lv-bridge-casaleverdeluna__cta:focus-visible {
			color: var(--color-carta-calda);
			background-color: var(--color-salvia);
		}
	}

	/* CSS che rende visibile in admin che il campo URL è readonly */
	.lv-field--readonly input[type="url"] {
		background-color: #f5f5f5 !important;
		cursor: not-allowed;
		pointer-events: none;
	}
}