/**
 * Platon Pay — checkout styles.
 *
 * Deliberately narrow. The previous module shipped CSS that hid the label
 * text (`font-size: 0`, because it drew card icons in its place) and hid the
 * radio button of EVERY payment method to redraw it — restyling the whole
 * checkout, other gateways included. A payment plugin has no business doing
 * that, so none of it survives here.
 */

/* Card logos next to the method name — WooCommerce places them itself. */
.payment_method_platononline img,
.wc-block-components-payment-method-icons img {
	max-height: 20px;
	width: auto;
	margin: 0 2px;
	display: inline-block;
	vertical-align: middle;
}

/* ── Оплата частинами ── */
.platon-parts-fields {
	margin: 0;
	padding: 0;
	border: 0;
}

.platon-parts-notice {
	margin: 10px 0 0;
	padding: 10px 12px 10px 28px;
	background: #fff8e5;
	border-left: 3px solid #ffb900;
	font-size: 13px;
	line-height: 1.5;
}

.platon-parts-notice li {
	margin: 0 0 4px;
}

.platon-parts-waiting {
	text-align: center;
	padding: 24px 0;
}

.platon-parts-status {
	font-size: 15px;
	color: #5e6c84;
	margin-top: 12px;
}

.platon-parts-declined .platon-parts-status {
	color: #cc1818;
	font-weight: 600;
}

/* ── Гаманці ── */
.platon-wallet-button { margin: 8px 0; min-height: 44px; }
.platon-applepay-button {
	-webkit-appearance: -apple-pay-button;
	appearance: -apple-pay-button;
	-apple-pay-button-type: buy;
	-apple-pay-button-style: black;
	display: block;
	width: 100%;
	height: 44px;
	border: 0;
	cursor: pointer;
}
.platon-wallet-unavailable { font-size: 13px; color: #5e6c84; margin: 8px 0 0; }