/**
 * Produktskuffen: variantvalget øverst.
 *
 * Bemærk at klassen orderable-product__options bruges to steder i Orderable:
 * både på variant-tabellen og på tilvalgsgruppen. Derfor målrettes kun table.
 */

.orderable-product__options-wrap {
	display: flex;
	flex-direction: column;
}

/* Variant-tabellen står sidst i deres skabelon - her rykkes den øverst. */
.orderable-product__options-wrap > table.orderable-product__options {
	order: -2;
	width: 100%;
	margin: 0 0 24px;
	border-collapse: collapse;
}

.orderable-product__options-wrap > .orderable-product-fields-group-wrap {
	order: -1;
}

.orderable-product__options-wrap > table.orderable-product__options tr,
.orderable-product__options-wrap > table.orderable-product__options th,
.orderable-product__options-wrap > table.orderable-product__options td {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	text-align: left;
}

.orderable-product__options-wrap > table.orderable-product__options tr + tr {
	margin-top: 16px;
}

.orderable-product__options-wrap > table.orderable-product__options label {
	display: block;
	margin: 0 0 8px;
	color: #6b6f74;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
}

/* Orderables eget felt, blot større og lettere at ramme på mobil. */
.orderable-product__options-wrap > table.orderable-product__options select {
	width: 100%;
	height: 48px;
	padding: 0 14px;
	font-size: 16px;
}

.orderable-product-fields {
	margin-bottom: 22px;
}

.orderable-product-fields:last-child {
	margin-bottom: 0;
}