/*
 * NUSA BACS bank logos - front end (v10 sharp).
 * Important: do not stretch or crop bank logos. Let the intrinsic aspect ratio
 * fit inside the existing compact payment card.
 */

.nusa-bacs-account-heading {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    vertical-align: middle;
}

.nusa-bacs-account-heading img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 88px;
    max-height: 32px;
    object-fit: contain;
}

/* Direct Bank Transfer card on the custom NUSA product checkout. */
.nusa-payment-option:has(input[value="bacs"]) {
    min-width: 74px;
    min-height: 39px;
    padding: 5px 2px;
    box-sizing: border-box;
}

.nusa-payment-option:has(input[value="bacs"]) .nusa-payment-logo {
    width: 70px;
    height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 70px;
    overflow: visible;
}

.nusa-payment-option:has(input[value="bacs"]) .nusa-payment-logo img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 70px !important;
    max-height: 25px !important;
    object-fit: contain !important;
    object-position: center !important;
    image-rendering: auto !important;
    border-radius: 0 !important;
    transform: none !important;
}

/* Fallback for browsers without :has(). */
.nusa-payment-logo img[src*="/uploads/"],
.nusa-payment-logo img[src*="uploads"],
.nusa-payment-logo img[src*="bca-crisp.png"] {
    width: auto !important;
    height: auto !important;
    max-width: 70px !important;
    max-height: 25px !important;
    object-fit: contain !important;
    image-rendering: auto !important;
    border-radius: 0 !important;
}