/**
 * Block: blocco-info-label-valore
 */

@layer blocks {

	.lv-blocco-info-label-valore {
		padding-block: var(--space-l);
	}

	.lv-blocco-info-label-valore__inner {
		max-inline-size: var(--container-narrow);
		margin-inline: auto;
		padding-inline: var(--container-padding-inline);
	}

	.lv-blocco-info-label-valore__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-vino);
		margin: 0 0 var(--space-xs);
	}

	.lv-blocco-info-label-valore__title {
		font-family: var(--font-display);
		font-size: var(--font-size-h2);
		font-weight: 500;
		line-height: var(--line-height-headings);
		color: var(--color-inchiostro-terra);
		margin: 0 0 var(--space-s);
		text-wrap: balance;
	}

	.lv-blocco-info-label-valore__intro {
		font-family: var(--font-body);
		font-size: var(--font-size-body);
		line-height: var(--line-height-body);
		color: var(--color-inchiostro-terra);
		margin-block-end: var(--space-m);
	}

	.lv-blocco-info-label-valore__intro p {
		margin: 0 0 var(--space-xs);
	}

	.lv-blocco-info-label-valore__intro p:last-child {
		margin-block-end: 0;
	}

	.lv-blocco-info-label-valore__list {
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.lv-blocco-info-label-valore__row {
		padding-block: var(--space-s);
		border-block-start: 1px solid var(--color-border);
	}

	.lv-blocco-info-label-valore__row:last-child {
		border-block-end: 1px solid var(--color-border);
	}

	/* Variante GRID: label + valore su 2 colonne */
	.lv-blocco-info-label-valore--grid .lv-blocco-info-label-valore__row {
		display: grid;
		grid-template-columns: minmax(140px, 28%) 1fr;
		gap: var(--space-m);
		align-items: baseline;
	}

	@media (max-width: 540px) {
		.lv-blocco-info-label-valore--grid .lv-blocco-info-label-valore__row {
			grid-template-columns: 1fr;
			gap: var(--space-2xs);
		}
	}

	/* Variante STACK: label sopra valore */
	.lv-blocco-info-label-valore--stack .lv-blocco-info-label-valore__row {
		display: flex;
		flex-direction: column;
		gap: var(--space-2xs);
	}

	.lv-blocco-info-label-valore__label {
		font-family: var(--font-body);
		font-size: var(--font-size-caption);
		font-weight: 700;
		letter-spacing: var(--letter-spacing-caps);
		text-transform: uppercase;
		color: var(--color-text-muted);
		margin: 0;
	}

	.lv-blocco-info-label-valore__valore {
		font-family: var(--font-body);
		font-size: var(--font-size-body);
		line-height: var(--line-height-body);
		color: var(--color-inchiostro-terra);
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: var(--space-3xs);
	}

	.lv-blocco-info-label-valore__nota {
		font-family: var(--font-body);
		font-size: var(--font-size-small);
		font-style: italic;
		color: var(--color-text-muted);
	}
}