/*
 * One table system for every product H2 module, including deterministic specs,
 * AI tables and comparison tables with two, three or more columns.
 */
body.single-product .woocommerce-Tabs-panel--description table,
body.single-product #tab-description table,
body.single-product table.slh-content-table,
body.single-product table.slh-spec-table {
	width: 100% !important;
	margin: 14px 0 20px !important;
	border: 1px solid #cbd5e1 !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	background: #fff !important;
	font-size: 14px !important;
}

body.single-product .woocommerce-Tabs-panel--description table th,
body.single-product .woocommerce-Tabs-panel--description table td,
body.single-product #tab-description table th,
body.single-product #tab-description table td,
body.single-product table.slh-content-table th,
body.single-product table.slh-content-table td,
body.single-product table.slh-spec-table th,
body.single-product table.slh-spec-table td {
	padding: 10px 12px !important;
	border: 1px solid #cbd5e1 !important;
	background: #fff !important;
	color: #1f2937 !important;
	font-weight: 400 !important;
	vertical-align: top !important;
	text-align: left !important;
}

/* The first cell of every data row is the pale-gray label/dimension column. */
body.single-product .woocommerce-Tabs-panel--description table > tbody > tr > :first-child,
body.single-product .woocommerce-Tabs-panel--description table > tr > :first-child,
body.single-product #tab-description table > tbody > tr > :first-child,
body.single-product #tab-description table > tr > :first-child,
body.single-product table.slh-content-table > tbody > tr > :first-child,
body.single-product table.slh-content-table > tr > :first-child,
body.single-product table.slh-spec-table > tbody > tr > :first-child,
body.single-product table.slh-spec-table > tr > :first-child {
	width: 32% !important;
	background: #f7f9fb !important;
	color: #334155 !important;
	font-weight: 600 !important;
	white-space: nowrap !important;
}

/* A semantic <thead>, or the first row when no <thead> exists, is the blue header. */
body.single-product .woocommerce-Tabs-panel--description table > thead > tr > *,
body.single-product #tab-description table > thead > tr > *,
body.single-product table.slh-content-table > thead > tr > *,
body.single-product table.slh-spec-table > thead > tr > *,
body.single-product .woocommerce-Tabs-panel--description table:not(:has(> thead)) > tbody > tr:first-child > *,
body.single-product #tab-description table:not(:has(> thead)) > tbody > tr:first-child > *,
body.single-product table.slh-content-table:not(:has(> thead)) > tbody > tr:first-child > *,
body.single-product table.slh-spec-table:not(:has(> thead)) > tbody > tr:first-child > *,
body.single-product .woocommerce-Tabs-panel--description table:not(:has(> thead)):not(:has(> tbody)) > tr:first-child > *,
body.single-product #tab-description table:not(:has(> thead)):not(:has(> tbody)) > tr:first-child > *,
body.single-product table.slh-content-table:not(:has(> thead)):not(:has(> tbody)) > tr:first-child > *,
body.single-product table.slh-spec-table:not(:has(> thead)):not(:has(> tbody)) > tr:first-child > * {
	width: auto !important;
	background: #e8eef5 !important;
	color: #172554 !important;
	font-weight: 700 !important;
	white-space: normal !important;
}

@media (max-width: 600px) {
	body.single-product .woocommerce-Tabs-panel--description table,
	body.single-product #tab-description table,
	body.single-product table.slh-content-table,
	body.single-product table.slh-spec-table {
		font-size: 13px !important;
	}

	body.single-product .woocommerce-Tabs-panel--description table th,
	body.single-product .woocommerce-Tabs-panel--description table td,
	body.single-product #tab-description table th,
	body.single-product #tab-description table td,
	body.single-product table.slh-content-table th,
	body.single-product table.slh-content-table td,
	body.single-product table.slh-spec-table th,
	body.single-product table.slh-spec-table td {
		padding: 8px !important;
	}

	body.single-product .woocommerce-Tabs-panel--description table > tbody > tr > :first-child,
	body.single-product .woocommerce-Tabs-panel--description table > tr > :first-child,
	body.single-product #tab-description table > tbody > tr > :first-child,
	body.single-product #tab-description table > tr > :first-child,
	body.single-product table.slh-content-table > tbody > tr > :first-child,
	body.single-product table.slh-content-table > tr > :first-child,
	body.single-product table.slh-spec-table > tbody > tr > :first-child,
	body.single-product table.slh-spec-table > tr > :first-child {
		width: 36% !important;
		white-space: normal !important;
	}
}