/* Keep the hosted card fields inside the viewport on small screens. */
#airwallex-card,
.cvc-container {
	box-sizing: border-box !important;
	max-width: 100% !important;
	width: 100% !important;
	min-width: 0 !important;
	overflow: hidden !important;
}

#airwallex-card {
	min-height: 48px !important;
	padding: 8px 12px !important;
}

.cvc-container {
	min-height: 48px !important;
	padding: 8px 12px !important;
	margin-bottom: 12px !important;
}

.cvc-title {
	font-size: 14px;
	font-weight: 600;
}

.airwallex-checkout-loading-mask {
	z-index: 20 !important;
}

#homekt-checkout-validation {
	margin: 0 0 16px !important;
	padding: 14px 16px !important;
	color: #7a1f1f !important;
	background: #fff3f3 !important;
	border: 1px solid #d63638 !important;
	border-radius: 4px !important;
}

#homekt-checkout-validation ul {
	margin: 8px 0 0 20px !important;
}

#airwallex-card + .wc-block-components-validation-error,
#airwallex-cvc + .wc-block-components-validation-error,
#airwallex-card ~ .wc-block-components-validation-error,
#airwallex-cvc ~ .wc-block-components-validation-error {
	display: block !important;
	margin: 6px 0 12px !important;
	color: #7a1f1f !important;
}

@media (max-width: 600px) {
	.wc-block-components-payment-method-content,
	.wc-block-components-payment-method__content {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#airwallex-card iframe,
	#airwallex-cvc iframe {
		max-width: 100% !important;
	}
	#awxApplePayButton,
	#awxGooglePayButton,
	#awx-express-checkout-button,
	#awx-express-checkout-button button {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
}

.homekt-payment-processing {
	opacity: .65 !important;
	pointer-events: none !important;
	position: relative;
}
