/* Checkout */
.woocommerce-checkout-payment .wc_payment_method label[for^=payment_method_easycredit] {
    display: inline-flex !important;
    flex-flow: row wrap;
    justify-content: flex-start;
}

/* Frontend & Marketing Components */
easycredit-express-button {
    display: block;
    margin: 20px 0px;
}

body {
    easycredit-box-top {
        margin-top: 50px !important;
    }
}

body.admin-bar easycredit-box-top {
    position: fixed;
    left: 0;
    top: var(--wp-admin--admin-bar--height);
    z-index: 1001;
    width: 100%;
    height: 50px;
}

@media screen and (max-width: 782px) {
    body.admin-bar easycredit-box-top {
        top: var(--wp-admin--admin-bar--height);
    }
}

easycredit-box-listing {
    text-align: left !important;
}

ul.easycredit-card-columns-adjusted {
    display: flex !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
}

ul.easycredit-card-columns-adjusted:before {
    content: none !important;
}

ul.easycredit-card-columns-adjusted>* {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Checkout Review */
.easycredit-review-container {

    .woocommerce-customer-details .col2-set,
    .easycredit-payment-details .col2-set {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;

        /* Reset */
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .woocommerce-customer-details .col2-set>[class*='col-'],
    .easycredit-payment-details .col2-set>[class*='col-'] {
        flex: 0 0 100%;
        width: 100%;

        /* Reset */
        float: none;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }

    .easycredit-payment-details .col2-set>[class*='col-'] {
        margin-bottom: 3em;
    }

    .easycredit-payment-details::after {
        display: block;
        content: "";
        clear: both;
    }

    @media (min-width: 768px) {

        .woocommerce-customer-details .col2-set>[class*='col-'],
        .easycredit-payment-details .col2-set>[class*='col-'] {
            flex: 0 0 calc(50% - 15px);
            width: calc(50% - 15px);
        }
    }
}

form.checkout.woocommerce-checkout {
    display: flex;
    justify-content: flex-end;
}

.easycredit.checkout-review-button {
    width: 100%;
    max-width: 100%;
    margin-top: 20px;

    #place_order {
        width: 100%;
    }

    @media (min-width: 768px) {
        width: 50%;
        max-width: 50%;
    }
}