/* Cart and checkout items grouped by booking, see woocommerce/cart/cart.php and woocommerce/checkout/review-order.php */

.woocommerce table.shop_table tr.bs-booking-header td {
	background: #f3f5f8;
	border-top: 2px solid #d5dbe3;
	font-weight: 600;
	text-align: left;
}

.woocommerce table.shop_table tr.bs-booking-addon td {
	color: #555;
}

/* Indent is done with the marker itself so it does not depend on the theme's cell padding */
.woocommerce table.shop_table tr.bs-booking-addon td.product-name::before {
	content: "\21B3";
	margin-left: 1em;
	margin-right: 0.4em;
	color: #999;
}

.woocommerce table.shop_table tr.bs-booking-subtotal td {
	background: #fafafa;
	font-weight: 600;
}

.woocommerce table.shop_table tr.bs-booking-subtotal td:first-child {
	text-align: right;
}

/* WooCommerce turns cart table cells into labelled blocks on small screens */
@media (max-width: 768px) {
	.woocommerce table.shop_table_responsive tr.bs-booking-header td::before,
	.woocommerce table.shop_table_responsive tr.bs-booking-subtotal td::before {
		display: none;
	}

	.woocommerce table.shop_table_responsive tr.bs-booking-header td {
		text-align: left !important;
	}

	.woocommerce table.shop_table_responsive tr.bs-booking-subtotal {
		display: flex;
		justify-content: space-between;
		background: #fafafa;
	}

	.woocommerce table.shop_table_responsive tr.bs-booking-subtotal td:first-child {
		text-align: left !important;
	}

	/* The product cell shows the "Produkt:" label here, so mark addons with a left border instead */
	.woocommerce table.shop_table_responsive tr.bs-booking-addon td.product-name::before {
		content: attr(data-title) ": ";
		margin: 0;
		color: inherit;
	}

	.woocommerce table.shop_table_responsive tr.bs-booking-addon {
		border-left: 4px solid #d5dbe3;
	}
}