/*
 * Technical specifications table.
 * A compact "card": narrower than the page, rounded corners, light row lines, label column in bold.
 * Written with enough weight to win over themes that style every table (e.g. Hello Elementor).
 * Colors come from the plugin settings (CSS variables printed by the plugin).
 */
table.wcpit-specs-table {
	width: 100%;
	max-width: 760px;
	margin: 12px 0 36px;
	border: 1px solid #e2e7e4;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 10px;
	overflow: hidden;
	font-size: 15px;
	line-height: 1.5;
	background: #ffffff;
	box-shadow: 0 2px 10px rgba(16, 40, 26, 0.05);
}

table.wcpit-specs-table th,
table.wcpit-specs-table td,
table.wcpit-specs-table tbody > tr:nth-child(odd) > td,
table.wcpit-specs-table tbody > tr:nth-child(odd) > th,
table.wcpit-specs-table tbody > tr:nth-child(even) > td,
table.wcpit-specs-table tbody > tr:nth-child(even) > th {
	padding: 11px 20px;
	border: 0;
	border-bottom: 1px solid #edf1ee;
	background-color: transparent;
	vertical-align: top;
	text-align: left;
	line-height: 1.5;
}

table.wcpit-specs-table thead th,
table.wcpit-specs-table thead > tr > th {
	background: var(--wcpit-specs-heading-color, #0e793e);
	color: #ffffff;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 12px 20px;
	border-bottom: 0;
}

table.wcpit-specs-table tbody tr:nth-child(odd) {
	background: var(--wcpit-specs-row-odd-color, #ffffff);
}

table.wcpit-specs-table tbody tr:nth-child(even) {
	background: var(--wcpit-specs-row-even-color, #f5f8f6);
}

table.wcpit-specs-table tbody tr:last-child > th,
table.wcpit-specs-table tbody tr:last-child > td {
	border-bottom: 0;
}

table.wcpit-specs-table tbody th {
	width: 42%;
	font-weight: 600;
	color: #26322b;
	border-right: 1px solid #edf1ee;
}

table.wcpit-specs-table tbody td {
	color: #4d5550;
}

table.wcpit-specs-table tbody tr:hover > th,
table.wcpit-specs-table tbody tr:hover > td {
	background-color: rgba(14, 121, 62, 0.05);
}

@media (max-width: 600px) {
	table.wcpit-specs-table {
		font-size: 14px;
	}

	table.wcpit-specs-table th,
	table.wcpit-specs-table td,
	table.wcpit-specs-table tbody > tr > th,
	table.wcpit-specs-table tbody > tr > td {
		padding: 9px 12px;
	}

	table.wcpit-specs-table tbody th {
		width: 45%;
	}
}