/* ── Layout ──────────────────────────────────────────────────────────────────── */
.custom-payment-method-col-md-4 {
    width: calc(33.333333% - 0.5rem);
}

/* ── Save button state ────────────────────────────────────────────────────────── */
.custom-payment-method-place-order-btn:disabled {
    cursor: not-allowed;
    pointer-events: auto;
}

/* ── Validation feedback ──────────────────────────────────────────────────────── */
.custom-payment-method-invalid-feedback {
    font-size: 0.7rem;
    white-space: nowrap;
}

/* ── Credit card logo ─────────────────────────────────────────────────────────── */
.custom-payment-method-credit-card-logo {
    left: 0.5rem;
    color: rgb(13, 71, 161);
    transition: opacity 200ms ease, transform 200ms ease;
    z-index: 2;
    opacity: 0;
    transform: translateY(-50%) scale(0);
}

.custom-payment-method-credit-card-logo.custom-payment-method-logo-visible {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.custom-payment-method-credit-card-number {
    transition: padding-left 200ms ease;
}