.woocommerce img.cc-card-icon {
    height: 30px;
    width: 46px;
    object-fit: contain;
    margin-right: 5px;
}

/* Accepted-cards logo row (merchant-configured card schemes). */
.cc-accepted-cards {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}
/* Natural-width logos with a single consistent gap: the shared .cc-card-icon
   rule fixes a 46px box + 5px margin, which leaves a large blank after narrow
   logos (e.g. Mastercard). Override here so spacing comes only from `gap`. */
.cc-accepted-cards img.cc-card-icon {
    height: 16px;
    width: auto;
    margin-right: 0;
}
.cc-accepted-cards--title {
    margin-left: 8px;
}

/* Classic checkout: keep the accepted-cards logos inline, right after the
   method name (get_icon output), instead of wrapping onto their own line. */
.woocommerce li.payment_method_clearaccept > label {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.woocommerce form .form-row label.radio.saved-card-label {
    display: flex;
}

.woocommerce-page ul.wc_payment_methods .payment_method_ClearAccept input[type=radio] {
    float: left;
}
.payment_method_ClearAccept #payment_details::after{
    content: '';
    clear: both;
    display: block;
}
/* Classic checkout: the hosted-field wrappers carry the merchant's "Field height"
   as an inline style, but the iframes they host size themselves and end up taller
   than the wrapper. Pin them to the wrapper so each field renders as a single line,
   the same way .card-field does on the Blocks checkout. */
#card-wrapper,
#expdate-wrapper,
#cvv-wrapper {
    overflow: hidden;
}
#card-wrapper iframe,
#expdate-wrapper iframe,
#cvv-wrapper iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.clearaccept-payment-container .card-field {
    height: 50px!important;
}

.wc-block-components-form .clearaccept-payment-container .card-field {
    height: 50px!important;
}

.woocommerce-page input[type=radio][name=payment_method]~.payment_method_clearaccept {
    padding-left: 15px;
}

.woocommerce-page .saved-card-container input[type=radio]{
    float: left;
}

div#threedsDiv {
    z-index: 9999;
}

div#cvv_row {
    float: none;
}

div#cvv-wrapper-53 {
    height: 60px;
}