/*------------------------------------------------------------
CHECKOUT
Adresses, Expédition, Paiement, Confirmation
====================================*/

.checkout-block {
    .h3 {
        margin-bottom: 2.5rem;
    }
    .form-btn-wrapper {
        margin-top: 2rem;
    }
}

// Addresses
.checkout-address-form {
    margin-bottom: 3rem;
    .required-fields {
        margin: 1.5rem 0;
    }
    .checkout-address-shipping {
        position: relative;
        padding-top: $form-block-padding-y-mobile;
        margin-top: $form-block-padding-y-mobile;
        &:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            right: -$form-block-padding-x-mobile;
            left: -$form-block-padding-x-mobile;
            height: 0.1rem;
            background: $gray-200;
        }
    }
}
.address-book-select-wrapper {
    padding: 2rem $form-block-padding-x-mobile;
    margin: 0 (-$form-block-padding-x-mobile) 1.5rem;
    background: $gray-400;
}

// Payment
.checkout-payment-list {
    margin-bottom: 3rem;
}

// Thank you page
.order-thank-you-container {
    margin-bottom: 3rem;
}
.order-thank-intro {
    margin: 5rem 0;
    text-align: center;
}
.order-thank-summary {
    margin-bottom: 2rem;
}

/* RESPONSIVE */
/***************************************/
@include media-breakpoint-up(md) {
    .checkout-block {
        .h3 {
            margin-bottom: 3rem;
        }
        .form-btn-wrapper {
            margin-top: 4rem;
        }
    }

    // Addresses
    .checkout-address-form {
        .checkout-address-shipping {
            padding-top: $form-block-padding-y-desktop;
            margin-top: $form-block-padding-y-desktop;
            &:before {
                right: -$form-block-padding-x-desktop;
                left: -$form-block-padding-x-desktop;
            }
        }
    }
    .address-book-select-wrapper {
        padding: 2rem $form-block-padding-x-desktop;
        margin: 0 (-$form-block-padding-x-desktop) 1.5rem;
    }
}
