/*
 * The order-received page.
 *
 * The manual-payment block is printed by the plugin as plain markup - the email keeps its inline
 * styles because mail clients drop stylesheets, the page does not - so the look lives here with the
 * rest of the design.
 */

.akem-manual-payment {
	margin-block: var(--akem-space-5);
	padding-block-start: var(--akem-space-5);
	border-block-start: 1px solid var(--akem-line);
}

.akem-manual-payment__note {
	margin-block: 0 var(--akem-space-3);
	font-size: var(--akem-size-small);
	color: var(--akem-grey);
}

/* Order details ran straight into the button. */
.akem-manual-payment + .woocommerce-order-details,
.akem-manual-payment + section,
.akem-manual-payment + h2 {
	margin-block-start: var(--akem-space-6);
}

@media (max-width: 689px) {
	.akem-manual-payment .akem-manual-payment__button {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.akem-manual-payment .akem-manual-payment__button {
		transition: none;
	}
}