/**
 * FlashPay Gateway Payment Icons Styling
 */

/* Make label use flexbox and put icon first */
.woocommerce-checkout .wc_payment_methods .payment_method_flashpay_va_bri label,
.woocommerce-checkout .wc_payment_methods .payment_method_flashpay_va_bca label,
.woocommerce-checkout .wc_payment_methods .payment_method_flashpay_va_mandiri label,
.woocommerce-checkout .wc_payment_methods .payment_method_flashpay_va_permata label,
.woocommerce-checkout .wc_payment_methods .payment_method_flashpay_va_bni label,
.woocommerce-checkout .wc_payment_methods .payment_method_flashpay_va_bsi label,
.woocommerce-checkout .wc_payment_methods .payment_method_flashpay_va_cimb label {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Payment method icons in checkout */
.woocommerce-checkout .payment_methods .payment_method_flashpay_va_bri img,
.woocommerce-checkout .payment_methods .payment_method_flashpay_va_bca img,
.woocommerce-checkout .payment_methods .payment_method_flashpay_va_mandiri img,
.woocommerce-checkout .payment_methods .payment_method_flashpay_va_permata img,
.woocommerce-checkout .payment_methods .payment_method_flashpay_va_bni img,
.woocommerce-checkout .payment_methods .payment_method_flashpay_va_bsi img,
.woocommerce-checkout .payment_methods .payment_method_flashpay_va_cimb img,
.woocommerce-checkout .payment_methods .payment_method_flashpay img {
    max-height: 24px !important;
    height: 24px !important;
    width: 70px !important;
    object-fit: contain;
    vertical-align: middle;
    margin: 0 !important;
}

/* Fix for WooCommerce blocks checkout */
.wc-block-components-payment-method-icons img,
.wc-block-components-payment-method-label img {
    max-height: 24px !important;
    width: auto !important;
    max-width: 70px !important;
}

/* Universal icon fix for FlashPay */
.woocommerce-checkout .wc_payment_methods li[class*="flashpay"] label img,
.woocommerce-checkout .wc_payment_methods li[class*="flashpay"] img,
.wc_payment_methods img.payment-icon,
.wc_payment_methods label img[src*="flashpay"],
.payment_methods label img[src*="flashpay"],
li[class*="flashpay"] img,
[class*="flashpay"] img {
    max-height: 28px !important;
    height: 28px !important;
    width: auto !important;
    max-width: 80px !important;
    object-fit: contain !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 0 0 10px !important;
    float: none !important;
}

/* Ensure the list item doesn't have weird layout */
.wc_payment_method[class*="flashpay"] label {
    display: flex !important;
    align-items: center !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
}