/**
 * AMC — Apple Pay express button (Blocks checkout).
 *
 * Uses Apple's native button rendering (-apple-pay-button), which is the
 * supported way to draw the mark and guarantees it stays compliant with
 * Apple's Human Interface Guidelines. Safari draws it; other browsers never
 * see it because canMakePayment() gates the whole method.
 */

.amc-ap-button {
	-webkit-appearance: -apple-pay-button;
	appearance: -apple-pay-button;
	-apple-pay-button-type: buy;
	display: block;
	width: 100%;
	min-height: 48px;
	height: 48px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

.amc-ap-button--black {
	-apple-pay-button-style: black;
}

.amc-ap-button--white {
	-apple-pay-button-style: white;
}

.amc-ap-button--white-outline {
	-apple-pay-button-style: white-outline;
}

.amc-ap-button:disabled {
	opacity: 0.5;
	cursor: default;
}

/* Fallback for the block editor preview, where -apple-pay-button does not render. */
.wp-admin .amc-ap-button {
	-webkit-appearance: none;
	appearance: none;
	background: #000;
	border-radius: 4px;
}