.payroute-wc-elements-host,
.payroute-wc-block-elements {
	width: 100%;
	min-width: 0;
}

.payroute-wc-elements-slot:empty {
	min-height: 72px;
}

.payroute-wc-status {
	margin-top: 10px;
	color: #b91c1c;
	font-size: 0.875em;
	line-height: 1.45;
}

.payroute-wc-status:empty {
	display: none;
}

.payroute-wc-place-order-button {
	width: 100%;
	justify-content: center;
}

/* WooCommerce versions that predate custom block place-order components still
 * render the default button. Hide it only while the selected provider owns the
 * payment button shown inside PayRoute Elements. */
.payroute-wc-provider-button-active .wc-block-components-checkout-place-order-button {
	display: none;
}

.payroute-wc-editor-preview {
	padding: 12px 0;
}