/**
 * Stijlen voor de technische-specificatietabel op de productpagina.
 */

.lichtsluis-product-specs {
	margin-top: 2em;
}

.lichtsluis-product-specs h2 {
	margin-bottom: 0.75em;
}

.lichtsluis-product-specs__table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #dcdcdc;
}

.lichtsluis-product-specs__table tr {
	border-bottom: 1px solid #e5e5e5;
}

.lichtsluis-product-specs__table tr:nth-child(even) {
	background-color: #f9f9f9;
}

.lichtsluis-product-specs__group-row {
	background-color: #f0f0f0 !important;
}

.lichtsluis-product-specs__group-title {
	padding: 0.6em 1em;
	text-align: left;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	border-bottom: 2px solid #dcdcdc;
}

.lichtsluis-product-specs__table td {
	padding: 0.6em 1em;
	vertical-align: top;
	text-align: left;
}

.lichtsluis-product-specs__label {
	font-weight: 700;
	width: 40%;
}

.lichtsluis-product-specs__value {
	word-break: break-word;
}

@media screen and (max-width: 600px) {
	.lichtsluis-product-specs__table,
	.lichtsluis-product-specs__table tbody,
	.lichtsluis-product-specs__table tr,
	.lichtsluis-product-specs__table td {
		display: block;
		width: 100%;
	}

	.lichtsluis-product-specs__table tr {
		margin-bottom: 0.5em;
		border: 1px solid #e5e5e5;
	}

	.lichtsluis-product-specs__group-row {
		margin-bottom: 0;
		border-bottom: none;
	}

	.lichtsluis-product-specs__label {
		width: 100%;
		border-bottom: 1px dashed #e5e5e5;
		padding-bottom: 0.3em;
	}

	.lichtsluis-product-specs__value {
		padding-top: 0.3em;
	}
}