/**
 * CryptoPay Classic Checkout Styles
 *
 * Styles for CryptoPay payment method in WooCommerce classic checkout.
 *
 * @package CryptoPay
 * @subpackage Styles
 * @since 1.0.0
 */

/* ========================================
   PAYMENT METHOD ICON IN CLASSIC CHECKOUT
   ======================================== */

/* CryptoPay payment method label - keep text and icon on same line */
.woocommerce-checkout #payment ul.payment_methods li.payment_method_cryptopay label {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.woocommerce-checkout #payment ul.payment_methods li.payment_method_cryptopay img {
	height: 40px !important;
	width: auto !important;
	max-width: 200px !important;
	margin: 0 !important;
	vertical-align: middle !important;
	display: inline-block !important;
}

/* ========================================
   SINGLE PAYMENT METHOD HANDLING
   ======================================== */

/* Prevent flash: Hide radio button immediately when only one payment method */
.woocommerce-checkout #payment ul.payment_methods li:only-child input[type="radio"] {
	display: none !important;
}

/* Keep label visible and properly styled when radio is hidden */
.woocommerce-checkout #payment ul.payment_methods li:only-child label {
	margin-left: 0 !important;
	cursor: default !important;
}

/* Alternative: If there are multiple payment methods, show radio buttons normally */
.woocommerce-checkout #payment ul.payment_methods li:not(:only-child) input[type="radio"] {
	display: inline-block;
	margin-right: 8px;
}

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */

@media (max-width: 768px) {
	.woocommerce-checkout #payment ul.payment_methods li.payment_method_cryptopay img {
		height: 32px !important;
		max-width: 160px !important;
	}
}