/* Compact bank previews inherit each store's checkout colors and radio styling. */
body.woocommerce-checkout #payment .payment_method_mollie_wc_gateway_paybybank {
    container-type:inline-size;
    order:-1!important;
}
body.woocommerce-checkout #payment .payment_method_mollie_wc_gateway_paybybank > label {
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    min-width:0;
    white-space:normal!important;
}
body.woocommerce-checkout #payment .skpb-label-text {
    flex:1 1 auto;
    min-width:0;
    line-height:1.35;
}
body.woocommerce-checkout #payment .skpb-name-short { display:none; }
body.woocommerce-checkout #payment .skpb-bank-logos {
    --skpb-circle:28px;
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:0!important;
    margin:0!important;
    padding:0!important;
    line-height:1;
    vertical-align:middle;
    float:none!important;
}
body.woocommerce-checkout #payment .skpb-bank-circle {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    flex:0 0 var(--skpb-circle);
    width:var(--skpb-circle);
    height:var(--skpb-circle);
    border:1px solid #e5e7ee;
    border-radius:50%;
    background:#fff;
    padding:0!important;
}
body.woocommerce-checkout #payment .skpb-bank-circle + .skpb-bank-circle { margin-left:-4px; }
body.woocommerce-checkout #payment .skpb-bank-logos .skpb-bank-circle img.skpb-bank-logo {
    display:block!important;
    flex:0 0 auto!important;
    width:calc(var(--skpb-circle) - 10px)!important;
    height:calc(var(--skpb-circle) - 10px)!important;
    min-width:0!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    float:none!important;
    box-shadow:none!important;
}
body.woocommerce-checkout #payment .skpb-more {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    flex:0 0 24px;
    width:24px;
    height:24px;
    margin-left:6px;
    border:1px solid #e5e7ee;
    border-radius:50%;
    color:#8b8f9b;
    background:transparent;
    font-size:16px;
    font-weight:400;
    line-height:1;
}
@container(max-width:370px) {
    body.woocommerce-checkout #payment .skpb-name-long { display:none; }
    body.woocommerce-checkout #payment .skpb-name-short { display:inline; }
    body.woocommerce-checkout #payment .skpb-label-text { font-size:13px; white-space:nowrap; }
}
@container(max-width:330px) {
    body.woocommerce-checkout #payment .skpb-bank-logos { --skpb-circle:24px; }
    body.woocommerce-checkout #payment .skpb-more { flex-basis:22px; width:22px; height:22px; margin-left:4px; }
    body.woocommerce-checkout #payment .payment_method_mollie_wc_gateway_paybybank > label { gap:6px!important; }
}