/**
 * Block: Numeri
 * Stili per il blocco con 4 numeri animati
 */

/* Reset default list styles */
.s4w-numeri__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0;
}

.s4w-numeri__item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	padding: 160px 17px 17px;
	border-left: 1px solid var(--text-main-900);
	min-width: 3ch;
}

/* Value and label styles */
.s4w-numeri__value,
.s4w-numeri__label {
	margin: 0;
	padding: 0;
	display: block;
}

.s4w-numeri__value {
	color: var(--text-main-900);
}

.s4w-numeri__label {
	color: var(--text-sub-500);
	margin-top: 16px;
}

/* Responsive: tablet */
@media (max-width: 1024px) {
	.s4w-numeri__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.s4w-numeri__item {
		padding: 77px 17px 17px;
	}

	/* Gestisci i bordi per layout 2x2 */
	.s4w-numeri__item:nth-child(2n) {
		border-right: 1px solid var(--text-main-900);
	}

	.s4w-numeri__item:nth-child(2n+1) {
		border-right: 0;
	}
}

/* Responsive: mobile */
@media (max-width: 768px) {
	.s4w-numeri__grid {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 45px;
	}

	.s4w-numeri__item {
		padding: 60px 12px 12px;
	}

	/* Rimuovi bordo destro dalle colonne pari (2 e 4) */
	.s4w-numeri__item:nth-child(2n) {
		border-right: 0;
	}

	.s4w-numeri__label {
		margin-top: 12px;
	}
}