/**
 * QPay — classic shortcode checkout + block checkout.
 * Block themes often use flex; width:100% on the QR without height forces a “thin line”.
 */

.wqpay_holder {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

.payment_method_wqpay_gateway .wqpay_holder {
	text-align: center;
}

.payment_method_wqpay_gateway .wqpay_holder .wqpay-warning {
	color: red;
}

/* Strong selectors: payment box class differs between classic (#payment) and Blocks */
img.wqpay-qr,
.payment_method_wqpay_gateway img.wqpay-qr,
.wc-block-checkout img.wqpay-qr,
.wc-block-checkout__payment-method img.wqpay-qr,
.wc-block-components-checkout-payment-methods img.wqpay-qr {
	width: auto !important;
	max-width: min(280px, 100%) !important;
	height: auto !important;
	min-height: unset !important;
	max-height: none !important;
	display: block !important;
	margin: 12px auto !important;
	object-fit: contain !important;
	flex-shrink: 0 !important;
	align-self: center !important;
	vertical-align: middle !important;
}

.wqpay-mobile-link-container a {
	display: inline-block;
	max-width: 55px !important;
	margin: 5px !important;
}

.wqpay-mobile-link-container a img {
	max-width: 55px !important;
	border-radius: 10px;
}

a.wqpay-mobile-app-links {
	display: block;
	margin-bottom: 10px !important;
	max-width: 100% !important;
	font-weight: bold;
	color: #f77010 !important;
}

a.wqpay-mobile-app-links:hover {
	text-decoration: none;
}

.wqpay-blocks-fields .wqpay-mobile-link-container {
	width: 100%;
	text-align: center;
}

@media (min-width: 769px) {
	.wqpay-blocks-fields .wqpay-mobile-link-container,
	.wqpay-blocks-fields .wqpay-desktop-pay-link {
		display: none;
	}
}