/**
 * TokiPay QR Payment Gateway Styles
 */

/* Payment method icon in checkout */
.payment_method_tokipay img {
    max-height: 28px;
    margin-right: 8px;
    vertical-align: middle;
}

/* QR code section on thank-you page */
#tokipay-payment-section {
    max-width: 480px;
    margin: 20px auto;
}

#tokipay-qr-code img {
    display: block;
    margin: 0 auto;
}

#tokipay-qr-code canvas {
    display: block;
    margin: 0 auto;
}

/* Pulse animation while waiting */
@keyframes tokipay-pulse {
    0% { opacity: 1; }
    50% { opacity: 0.6; }
    100% { opacity: 1; }
}

#tokipay-timer {
    animation: tokipay-pulse 2s ease-in-out infinite;
}

/* Responsive */
@media (max-width: 480px) {
    #tokipay-payment-section {
        padding: 15px;
        margin: 10px;
    }

    #tokipay-qr-code canvas,
    #tokipay-qr-code img {
        width: 220px !important;
        height: 220px !important;
    }
}