/* PayPal Payments — v1.0.0
   Aligns the gateway with the site's existing checkout visuals.
   Tokens only: navy #0F172A, slate #64748B, border #E2E8F0, light #F1F5F9,
   radii 999/16. Loads on cart, checkout and single product pages.
   The buttons themselves are PayPal-rendered iframes: shape, colour and label
   are set through the plugin (pill / black / "PayPal"), never overridden here. */

/* ---------- Checkout: PayPal row in the payment list ---------- */
.wc_payment_method.payment_method_ppcp-gateway > label {
	display: flex !important;
	align-items: center;
	gap: 10px;
	font-weight: 700;
	color: #0F172A;
}
.wc_payment_method.payment_method_ppcp-gateway > label img {
	height: 19px;
	width: auto;
	margin-left: auto;
}
.payment_box.payment_method_ppcp-gateway {
	background: #F1F5F9 !important;
	border-radius: 16px;
}
.payment_box.payment_method_ppcp-gateway p {
	margin: 0;
	font-size: 13.5px;
	color: #64748B;
}

/* ---------- Checkout: smart button above "Complete Purchase" ----------
   PayPal toggles #place_order through an inline display value. The site's own
   rule sets display:block !important, which would otherwise keep both buttons
   on screen once PayPal is selected — let PayPal's hide win. */
#place_order[style*="display:none"],
#place_order[style*="display: none"],
#place_order.ppcp-hidden {
	display: none !important;
}
.fc-place-order__custom-buttons {
	margin: 0;
}
.fc-place-order__custom-buttons .ppc-button-wrapper {
	margin: 0 0 12px !important;
}

/* ---------- Button block sizing (all locations) ---------- */
.ppc-button-wrapper {
	width: 100%;
}
.ppc-button-wrapper .paypal-buttons {
	width: 100% !important;
	max-width: 100% !important;
}

/* ---------- Cart page: below the CHECKOUT button ---------- */
.cart_totals .ppc-button-wrapper {
	margin-top: 12px !important;
}

/* ---------- Product page: below add-to-cart ---------- */
.single-product .ppc-button-wrapper {
	margin-top: 14px;
	max-width: 420px;
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
	.single-product .ppc-button-wrapper {
		max-width: 100%;
	}
	.fc-place-order__custom-buttons .ppc-button-wrapper {
		margin-bottom: 10px !important;
	}
}