/**
 * CODEPACH — checkout payment method (logo visibility + layout)
 */

/* Label: flex so the logo sits clearly next to the title area (classic checkout) */
.woocommerce-checkout .payment_method_paddle > label,
.woocommerce-order-pay .payment_method_paddle > label {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.65rem 1rem;
	width: 100%;
	max-width: 100%;
	line-height: 1.3;
}

/* Custom checkout logo: larger and clearer than default gateway icons */
.woocommerce-checkout .payment_method_paddle .codepach-checkout-payment-logo,
.woocommerce-order-pay .payment_method_paddle .codepach-checkout-payment-logo {
	max-height: 48px;
	height: auto;
	width: auto;
	max-width: min(300px, 100%);
	object-fit: contain;
	object-position: left center;
	display: block;
	flex: 0 1 auto;
	margin: 0;
	/* Crisper on HiDPI */
	image-rendering: -webkit-optimize-contrast;
}

@media (min-width: 768px) {
	.woocommerce-checkout .payment_method_paddle .codepach-checkout-payment-logo,
	.woocommerce-order-pay .payment_method_paddle .codepach-checkout-payment-logo {
		max-height: 56px;
		max-width: min(340px, 100%);
	}
}

/* When WooCommerce adds default card icons in the label, keep our logo primary (first visual block) */
.woocommerce-checkout ul.payment_methods .payment_method_paddle img.codepach-checkout-payment-logo,
.woocommerce-order-pay ul.payment_methods .payment_method_paddle img.codepach-checkout-payment-logo {
	order: 0;
}

/* WooCommerce Blocks checkout */
.wc-block-checkout .codepach-checkout-payment-logo {
	max-height: 48px;
	width: auto !important;
	max-width: min(300px, 100%);
	object-fit: contain;
	object-position: left center;
	display: inline-block;
	vertical-align: middle;
}

.wc-block-checkout .codepach-checkout-payment-logo--inline {
	max-height: 36px;
	max-width: min(200px, 45vw);
}

@media (min-width: 768px) {
	.wc-block-checkout .codepach-checkout-payment-logo:not(.codepach-checkout-payment-logo--inline) {
		max-height: 56px;
		max-width: min(340px, 100%);
	}

	.wc-block-checkout .codepach-checkout-payment-logo--inline {
		max-height: 40px;
	}
}