/* Product-detail action and Razorpay side-cart controls. */
.woocommerce div.product .qn-buy-now-button,
.woocommerce div.product .qn-fast-buy-button {
	flex-basis: 100%;
	min-height: 54px !important;
	margin-top: 10px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	border-color: var(--qn-green) !important;
	background: var(--qn-green) !important;
	color: #fff !important;
}

.woocommerce div.product .qn-buy-now-button:hover,
.woocommerce div.product .qn-fast-buy-button:hover {
	border-color: var(--qn-green-hover) !important;
	background: var(--qn-green-hover) !important;
	color: #fff !important;
}

.woocommerce div.product .qn-buy-now-button span,
.woocommerce div.product .qn-fast-buy-button span {
	font-size: 11px;
	opacity: .85;
}

.woocommerce div.product .qn-buy-now-button:disabled,
.woocommerce div.product .qn-fast-buy-button:disabled {
	cursor: not-allowed;
	opacity: .5;
}

/* Keep the native WooCommerce controls visible if an older site snippet is cached. */
body.single-product.woocommerce-page div.product form.cart > .quantity,
body.single-product.woocommerce-page div.product form.cart > button.single_add_to_cart_button,
body.single-product.woocommerce-page div.product .woocommerce-variation-add-to-cart > .quantity,
body.single-product.woocommerce-page div.product .woocommerce-variation-add-to-cart > button.single_add_to_cart_button {
	visibility: visible !important;
	opacity: 1 !important;
}

/* The official Razorpay plugin supplies the functional Magic Checkout controls. */
.woocommerce div.product #btn-1cc-pdp {
	width: 100%;
	margin: 10px 0 0 !important;
}

.qn-side-order .woocommerce-mini-cart__buttons {
	display: block;
	margin: 0;
	padding: 0 26px;
}

.qn-side-order .woocommerce-mini-cart__buttons > a {
	display: none !important;
}

.qn-side-order .woocommerce-mini-cart__buttons > div {
	display: block;
}

.qn-side-order #btn-1cc-mini-cart {
	width: 100%;
	min-height: 58px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	border-color: var(--qn-green) !important;
	background: var(--qn-green) !important;
	color: #fff !important;
}

.qn-side-order #btn-1cc-mini-cart:hover {
	border-color: var(--qn-green-hover) !important;
	background: var(--qn-green-hover) !important;
}

.qn-side-order #btn-1cc-mini-cart span {
	font: 600 12px/1 var(--qn-heading);
	opacity: .85;
}

@media (max-width: 520px) {
	.qn-side-order .woocommerce-mini-cart__buttons {
		padding-left: 20px;
		padding-right: 20px;
	}
}