/* WJewel — Order Supplies page */

.order-section .product-image {
	height: 150px;
}

.order-section .product-img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

.order-section .product-item {
	transition: transform .2s ease, box-shadow .2s ease;
}

.order-section .product-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 .5rem 1.25rem rgba(0, 0, 0, .08) !important;
}

.order-section .text-theme {
	color: var(--theme-color-primary, #387dbb);
}

.order-section .product-price {
	color: var(--theme-color-primary, #387dbb);
}

.order-section .btnAddAction {
	border: none;
}

.order-section .quantity {
	width: 70px;
}

.order-section #cart-table th {
	font-weight: 600;
	font-size: .9rem;
}

.order-section #cart-table td,
.order-section #cart-table th {
	padding: .75rem .9rem;
	vertical-align: middle;
}

.order-section .btnRemoveAction img {
	width: 18px;
	height: 18px;
	opacity: .7;
	transition: opacity .15s ease;
}

.order-section .btnRemoveAction:hover img {
	opacity: 1;
}

.order-section #btnEmpty {
	color: #c0392b;
	cursor: pointer;
	font-weight: 500;
	font-size: .9rem;
}

.order-section #btnEmpty:hover {
	text-decoration: underline;
}

.order-section #empty-cart {
	font-size: 1rem;
}

.order-section #one-page-checkout-form .error-field {
	border-color: #d96557 !important;
	box-shadow: 0 0 0 .15rem rgba(217, 101, 87, .15);
}

.order-section .form-floating > label {
	color: #6c757d;
}

.order-section .cart-error-message {
	font-weight: 500;
}

@media (min-width: 992px) {
	.order-section .cart-sticky {
		position: sticky;
		top: 1.5rem;
	}
}

@media (max-width: 575.98px) {
	.order-section .billing-detail-heading,
	.order-section #product-grid h2 {
		font-size: 1.25rem;
	}
}