/*
 * SpecList (SpecList.jsx dell'oracolo). Uso reale: la tabella
 * .woocommerce-product-attributes del tab "Informazioni aggiuntive" —
 * markup classico di WooCommerce (stesso meccanismo già visto per la nav
 * di tabs.css: il blocco product-details renderizza ancora quel template
 * classico), verificato sul markup live prima di scrivere CSS. Ripete il
 * prefisso `.woocommerce div.product` per vincere la specificità dei
 * fogli classici — stessa tassa già pagata su Tabs, vedi STATO.md §9
 * punto 1 (audit fogli classici, decisione in sospeso).
 *
 * L'oracolo usa una griglia <dl> con righe flex space-between; il markup
 * reale è una <table> con <th>/<td>: stessa resa visiva (etichetta a
 * sinistra, valore a destra) ottenuta con un layout a due colonne di
 * tabella invece di flex — nessun bisogno di forzare display:flex su
 * elementi di tabella.
 */
.woocommerce div.product .woocommerce-product-attributes {
	width: 100%;
	border-collapse: collapse;
	border-top: var(--wp--custom--border-width--hair) solid var(--wp--custom--border-subtle);
	margin: 0;
}
.woocommerce div.product .woocommerce-product-attributes-item th,
.woocommerce div.product .woocommerce-product-attributes-item td {
	border-bottom: var(--wp--custom--border-width--hair) solid var(--wp--custom--border-subtle);
	padding: 12px 0;
	vertical-align: middle;
}
.woocommerce div.product .woocommerce-product-attributes-item__label {
	width: 40%;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: var(--wp--custom--fw--regular);
	color: var(--wp--custom--text-muted);
	text-align: left;
}
.woocommerce div.product .woocommerce-product-attributes-item__value {
	font-family: var(--wp--preset--font-family--spec);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: var(--wp--custom--fw--semibold);
	color: var(--wp--custom--text-strong);
	text-align: right;
}
.woocommerce div.product .woocommerce-product-attributes-item__value p {
	margin: 0;
}