/*
 * Tabla de componentes de un producto agrupado (cantidad por componente) —
 * ver themes/cohasa-base/woocommerce/single-product/add-to-cart/grouped.php,
 * las clases .cohasa-matriz-tallas__* de acá son las que arma ese template.
 * Sigue los tokens del tema (themes/cohasa-base/assets/css/tokens.css).
 */
.cohasa-matriz-tallas {
	margin: 0 0 16px;
}

.cohasa-matriz-tallas__tabla {
	width: 100%;
	border-collapse: collapse;
	background: var(--color-surface, #fff);
	border: 1px solid var(--color-line, #d8dde5);
	border-radius: var(--radius-lg, 12px);
	overflow: hidden;
}

.cohasa-matriz-tallas__tabla th,
.cohasa-matriz-tallas__tabla td {
	padding: 14px 16px;
	text-align: left;
	border-bottom: 1px solid var(--color-line, #d8dde5);
	font-size: 14px;
}

.cohasa-matriz-tallas__tabla thead th {
	font-size: 12px;
	font-weight: 600;
	color: var(--color-ink-soft, #47536b);
}

.cohasa-matriz-tallas__tabla td.cohasa-matriz-tallas__precio,
.cohasa-matriz-tallas__tabla td.cohasa-matriz-tallas__stock {
	text-align: right;
	font-variant-numeric: tabular-nums;
}
.cohasa-matriz-tallas__tabla td.cohasa-matriz-tallas__stock {
	padding-right: 24px; /* separación con la columna Cantidad, quedaban pegadas */
}

.cohasa-matriz-tallas__tabla thead th:nth-child(2),
.cohasa-matriz-tallas__tabla thead th:nth-child(3) {
	text-align: right;
}

.cohasa-matriz-tallas__fila:last-child th,
.cohasa-matriz-tallas__fila:last-child td {
	border-bottom: 0;
}

.cohasa-matriz-tallas__fila.is-agotada {
	opacity: .55;
}

.cohasa-matriz-tallas__resumen {
	padding: 12px 14px;
	margin: 16px 0;
	background: var(--color-bg, #f4f6f8);
	border: 1px solid var(--color-line, #d8dde5);
	border-radius: var(--radius, 8px);
	font-size: 14px;
	font-weight: 600;
}

@media (min-width: 640px) {
	.cohasa-matriz-tallas__tabla th,
	.cohasa-matriz-tallas__tabla td {
		padding: 16px 20px;
	}
}