/* CardPointe Payment Gateway - checkout styles */
.paradox-cardpointe-form {
	border: 0;
	padding: 0;
	margin: 0;
}
.paradox-cardpointe-frame-wrap {
	position: relative;
	width: 100%;
}
.paradox-cardpointe-frame iframe,
.paradox-cardpointe-iframe {
	display: block;
	width: 100%;
	border: 0;
}
.paradox-cardpointe-loading {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 8px 0;
	font-size: 0.9em;
	opacity: 0.7;
}
.paradox-cardpointe-frame[data-ready="1"] + .paradox-cardpointe-loading {
	display: none;
}
.paradox-cardpointe-retry {
	margin-left: 8px;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	text-decoration: underline;
	cursor: pointer;
}
/* Apple Pay. PHP prints hidden containers with an empty slot; the script fills the slot and
   reveals the container once the browser can use Apple Pay. */
.paradox-cardpointe-apple-pay,
.paradox-cardpointe-apple-pay-express {
	margin: 0 0 14px;
}
/* Themes and page builders style .woocommerce-error with a display of their own, which
   beats the hidden attribute; an empty pink box is the result. */
.paradox-cardpointe-apple-pay[hidden],
.paradox-cardpointe-apple-pay-express[hidden],
.paradox-cardpointe-apple-pay-message[hidden],
.paradox-cardpointe-apple-pay-slot[hidden] {
	display: none !important;
}
.paradox-cardpointe-apple-pay-express.is-product {
	margin: 14px 0 0;
	max-width: 420px;
}
.paradox-cardpointe-apple-pay-express.is-cart {
	margin: 0 0 12px;
}
/* CheckoutWC's express area is a centred flex row, where a percentage-width button
   collapses to its minimum; give it a definite width there instead. */
#cfw-payment-request-buttons .paradox-cardpointe-apple-pay-express {
	flex: 0 1 300px;
	width: 300px;
	max-width: 100%;
	margin: 0;
}
.paradox-cardpointe-apple-pay-message {
	margin: 8px 0 0;
}
.paradox-cardpointe-apple-pay-slot {
	display: block;
	width: 100%;
	min-height: 44px;
}
/* Apple's own element (present when the SDK is loaded) is sized through these properties. */
.paradox-cardpointe-apple-pay-slot apple-pay-button {
	--apple-pay-button-width: 100%;
	--apple-pay-button-height: 44px;
	--apple-pay-button-border-radius: 6px;
	--apple-pay-button-padding: 0 0;
	--apple-pay-button-box-sizing: border-box;
	display: block;
	width: 100%;
	cursor: pointer;
}
/* Stand-in for places that cannot draw the real button (the block editor). */
.paradox-cardpointe-apple-pay-mock {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	border-radius: 6px;
	background: #000;
	color: #fff;
	font: 600 17px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	cursor: default;
	user-select: none;
}
.paradox-cardpointe-apple-pay-mock.is-style-white,
.paradox-cardpointe-apple-pay-mock.is-style-white-outline {
	background: #fff;
	color: #000;
}
.paradox-cardpointe-apple-pay-mock.is-style-white-outline {
	border: 1px solid #000;
}
.paradox-cardpointe-apple-pay-button {
	display: block;
	width: 100%;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 6px;
	cursor: pointer;
	-webkit-appearance: -apple-pay-button;
	appearance: -apple-pay-button;
	-apple-pay-button-type: plain;
	-apple-pay-button-style: black;
}
.paradox-cardpointe-apple-pay-button.is-style-white {
	-apple-pay-button-style: white;
}
.paradox-cardpointe-apple-pay-button.is-style-white-outline {
	-apple-pay-button-style: white-outline;
}
.paradox-cardpointe-apple-pay-button.is-type-buy {
	-apple-pay-button-type: buy;
}
.paradox-cardpointe-apple-pay-button.is-type-pay {
	-apple-pay-button-type: pay;
}
.paradox-cardpointe-apple-pay-button.is-type-check-out {
	-apple-pay-button-type: check-out;
}
.paradox-cardpointe-apple-pay-button.is-type-order {
	-apple-pay-button-type: order;
}
.paradox-cardpointe-apple-pay-divider {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 12px 0 4px;
	font-size: 0.9em;
	opacity: 0.75;
}
.paradox-cardpointe-apple-pay-divider::before,
.paradox-cardpointe-apple-pay-divider::after {
	content: "";
	flex: 1;
	border-top: 1px solid currentColor;
	opacity: 0.35;
}
.paradox-cardpointe-errors {
	margin: 0 0 12px;
}
.paradox-cardpointe-errors[hidden] {
	display: none !important;
}
.paradox-cardpointe-status {
	margin: 4px 0 8px;
	font-size: 0.9em;
	min-height: 1em;
}
.paradox-cardpointe-status:empty {
	display: none;
}
.paradox-cardpointe-card-icon {
	display: inline-block;
	width: 32px;
	height: 20px;
	vertical-align: middle;
	margin: 0 2px;
}
.paradox-cardpointe-icons {
	display: inline-flex;
	gap: 2px;
	margin-left: 8px;
	vertical-align: middle;
}
.paradox-cardpointe-sandbox-notice {
	background: #fff8e5;
	border-left: 4px solid #dba617;
	padding: 6px 10px;
	font-size: 0.85em;
	margin: 0 0 12px;
}
.paradox-cardpointe-label {
	display: block;
	font-weight: 600;
	margin-bottom: 4px;
}
.paradox-cardpointe-radio {
	display: inline-block;
	margin-right: 16px;
}
.paradox-cardpointe-help small {
	display: block;
	opacity: 0.8;
}
.paradox-cardpointe-consent label {
	display: block;
	font-size: 0.9em;
	line-height: 1.4;
}
.paradox-cardpointe-consent input {
	margin-right: 6px;
}
.paradox-cardpointe-receipt {
	margin-top: 2em;
}
.paradox-cardpointe-receipt-table th {
	width: 40%;
	text-align: left;
}
.wc-block-components-payment-method-label .paradox-cardpointe-icons img {
	max-height: 24px;
}