/**
 * Frontend styles for B2B Quote Request.
 */

.b2bqr-quote-request {
	margin: 0 0 2em;
}

.b2bqr-cart-summary,
.b2bqr-quote-form {
	margin-bottom: 2.5em;
}

.b2bqr-cart-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 1em;
}

.b2bqr-cart-table th,
.b2bqr-cart-table td {
	padding: 0.75em 1em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	vertical-align: middle;
	text-align: left;
}

.b2bqr-cart-table .product-thumbnail {
	width: 80px;
}

.b2bqr-cart-table .product-thumbnail img {
	max-width: 60px;
	height: auto;
}

.b2bqr-cart-table .product-quantity,
.b2bqr-cart-table .product-sku {
	width: 120px;
}

.b2bqr-empty-cart {
	padding: 1.5em;
}

.b2bqr-request-quote-button {
	width: 100%;
	text-align: center;
}

@media (max-width: 768px) {
	.b2bqr-cart-table thead {
		display: none;
	}

	.b2bqr-cart-table tr {
		display: block;
		margin-bottom: 1em;
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}

	.b2bqr-cart-table td {
		display: block;
		border: none;
		padding: 0.35em 0;
	}

	.b2bqr-cart-table .product-thumbnail {
		width: auto;
	}
}