/* Ryft for WooCommerce: kept minimal so it inherits the theme. */
.ryft-wc-card-form {
	min-height: 48px;
	margin: 0.5em 0;
}

/*
 * Notices are flat and take the theme's font and text colour. Border and background are derived from the text
 * colour, so they suit light and dark themes alike. No coloured accents.
 */
.ryft-wc-test-notice,
.ryft-wc-error {
	font: inherit;
	font-size: 0.875em;
	color: inherit;
	margin: 0.5em 0;
	padding: 0.5em 0.75em;
	border: 1px solid rgba(127, 127, 127, 0.3);
	border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
	border-radius: 4px;
	background: rgba(127, 127, 127, 0.06);
	background: color-mix(in srgb, currentColor 4%, transparent);
}

.ryft-wc-error[hidden] {
	display: none;
}

.ryft-wc-payment-page {
	max-width: 520px;
	margin: 1.5em 0;
}

.ryft-wc-wallets > div:not(:empty) {
	margin-bottom: 0.75em;
}

.ryft-wc-payment-page #ryft-wc-pay {
	width: 100%;
	margin-top: 0.75em;
}

.ryft-wc-payment-page #ryft-wc-pay[disabled] {
	opacity: 0.6;
	cursor: not-allowed;
}