/**
 * PayGate Checkout Styles
 *
 * Styles for the checkout page payment gateway selection
 *
 * @package    Delt\WCPAYGATE
 * @since      1.0.0
 */

/* Payment Gateway Icons */
.wc_payment_method label img {
	max-height: 24px;
	max-width: 150px;
	margin-left: 10px;
	vertical-align: middle;
}

/* Gateway Description */
.payment_method_piraeus_gateway .payment_box,
.payment_method_alpha_gateway .payment_box {
	background-color: #f7f7f7;
	padding: 15px;
	margin: 10px 0;
	border-radius: 4px;
}

/* Gateway Logo */
.paygate-gateway-logo {
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
}

/* Loading State */
.paygate-processing {
	opacity: 0.6;
	pointer-events: none;
}

.paygate-processing::after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 8px;
	border: 2px solid #ccc;
	border-top-color: #333;
	border-radius: 50%;
	animation: paygate-spin 0.6s linear infinite;
}

@keyframes paygate-spin {
	to {
		transform: rotate(360deg);
	}
}

/* Error Messages */
.woocommerce-error.paygate-error {
	border-left-color: #dc3232;
}

/* Payment Instructions */
.paygate-payment-instructions {
	margin-top: 10px;
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 0.9em;
}

.paygate-payment-instructions ul {
	margin: 10px 0 0 20px;
	list-style: disc;
}

.paygate-payment-instructions li {
	margin-bottom: 5px;
}