.woocommerce-checkout {
    background-color: $white;

    .entry-header {
        justify-content: left;
        height: 15em;
        width: 100%;
        max-width: $container-width + $gutters;
        margin-left: auto;
        margin-right: auto;
        padding-left: $gutters / 2;
        padding-right: $gutters / 2;

        @include respond-below(lg) {
            justify-content: center;
        }

        .entry-title {
            font-size: 3em;
        }
    }

    .woocommerce-coupon-wrap {
        background-color: $light_blue;
        color: $white;
        margin-top: -2em;
        padding-bottom: 1em;

        .woocommerce-info {
            margin: 0;
            padding-left: 0.6em;
            background-color: $light_blue;

            a {
                color: $white;

                @include respond-below(md) {
                    display: block;
                }
            }
        }
    }

    #billing_title, #order_review_heading {
        margin-bottom: 1em;
    }

    #order_review_heading {
        @include respond-below(md) {
            padding-top: 2em;
        }
    }
        

    .woocommerce-form-coupon-toggle {
        display: flex;
        flex-wrap: wrap;
        align-items: center;

        @include respond-below(lg) {
            justify-content: center;
        }

        .fa {
            &:before {
                border: 2px solid $white;
                border-radius: 50%;
                padding: 2px 6px;
                width: 20px;
                height: 20px;
            }
        }
    }

    .checkout_coupon {
        #coupon_code {
            border-color: $selected_terms_border;
        }
    }

    #billing_postcode_field {
        @include respond-above(md) {
            width: 48.1%;
            float: left;
        }
    }

    #billing_phone_field  {
        @include respond-above(md) {
            width: 48.1%;
            float: right;
        }
    }

    .woocommerce-checkout-wrap {
        padding: 3em 0 7em 0;

        .cell-md-6:nth-child(1) {
            padding-right: 5%;
        }

        .cell-md-6:nth-child(2) {
            padding-left: 5%;
        }

        .checkout-product-image-wrap {

            .frame-image {
                position: absolute;
                margin: 0 auto;

                img {
                    width: 95px;
                    height: 95px;
                }

                &.passportout { 
                    img {
                        -webkit-box-shadow: 0px 0px 8px -3px;
                        box-shadow: 0px 0px 8px -3px;
                    }
                }
             }    

            .checkout-product-image {
                width: 100px;
                height: 100px;
                object-fit: cover;
                padding-right: 7px;
                vertical-align: middle;
                display: inline-block;

                &.passportout {
                    img {
                        transform: scale(0.75);
                    }
                }
            }
        }
    }

    .woocommerce-billing-fields {
        input, select {
            border-color: $selected_terms_border;
            font-weight: bold;
            @include placeholder {
                color: $selected_terms_color;
            }
        }
    }

    .woocommerce-additional-fields {
        textarea {
            border-color: $selected_terms_border;
            font-weight: bold;

            @include placeholder {
                color: $selected_terms_color;
            }
        }
    }

    #select2-billing_country-container, #select2-shipping_country-container {
        display: none;
    }

    #ship-to-different-address-checkbox {
        display: inline-block;
    }

    .shipping_address {
        input, select {
            border-color: $selected_terms_border;
            font-weight: bold;

            @include placeholder {
                color: $selected_terms_color;
            }
        }
    }

    #order_comments_field {
        label[for=order_comments] {
            font-size: $h4-size;
            font-weight: 700;
            line-height: 1.1;
            color: #000;
            margin-bottom: 1em;

            @include respond-below(md) {
                font-size: $h4-size / 1.2;
            }
        }
        
        .optional {
            display: none;
        }
    }

    .woocommerce-shipping-fields {
        padding: 2em 0;

        .woocommerce-form__label-for-checkbox {
            font-weight: bold;
        }
    }


    .woocommerce-checkout-review-order-table {
        width: 100%;

        thead {
            display: none;
        }

        tfoot {
            .cart-subtotal {
                th {
                    padding-top: 1em;
                }
            }
            
            border-top: 1px solid $selected_terms_border;
            border-bottom: 1px solid $selected_terms_border;
        }

        th {
            text-align: left;
            color: $selected_terms_color;
        }

        td {
            padding-bottom: 1em;
            color: $selected_terms_color;
         
            .product-quantity {
                color: $black;
            }
        }

        td:nth-child(2) {
            text-align: right;
            color: $black;
        }

        .woocommerce-shipping-methods {
            margin: 0;

            li {
                list-style: none;

                label {
                    font-weight: bold;
                    margin: 0;
                }
            }
        }
    }

    .woocommerce-checkout-payment {
        padding-top: 3em;

        #place_order {
            width: 100%;
            background-color: $light-blue;
            border-color: $light-blue;

            &:hover, &:focus {
                background-color: $pink !important;
                border-color: $pink;
            }
        }
    }

    .wc_payment_methods {
        padding-left: 0;

        li {
            list-style: none;
        }
    }

    &.woocommerce-order-received {
        .entry-header {
            display: none;
        }

        .woocommerce-thankyou-order-received {
            background: $pink;
            padding: 1.5em;
            text-align: center;
            margin-bottom: 1em;

            h2, h5 {
                color: $white;
            }
        }
    }

    .woocommerce-order {
       padding: 2em 0;
       
        p, h2 {
            display: block;
            margin: 24px auto;
        }

        h2 {
            font-size: 2.5em;
        }

        h2, h5 {
            font-weight: normal;
        }

        .woocommerce-table {
            width: 100%;
            background: #f3f2f2;
            border-radius: 6px;
            margin: 0 0 12px;

            ul.wc-item-meta {
                padding-left: 0;

                li {
                    display: flex;
                    flex-wrap: wrap;
                    list-style: none;
                    padding: 0;

                    p {
                        margin: 0
                    }
                }

                strong {
                    padding-right: 10px;
                }
            }

            thead {
                display: none;
            }

            tr {
                border: 1px solid #dbd7d7;
            }

            th, td {
                vertical-align: middle;
                text-align: left;
                padding: 24px 12px;
            }

            th, .product-name {
                // text-align: right;
            }

            td {
                padding: 24px 12px;

                &:last-child {
                    padding-left: 12px;
                }
            }

            tfoot {
                td {
                    font-weight: bold;
                }
            }

            .product-total {
                min-width: 240px;
            }

            .product-subtotal, .product-total {
                font-weight: bold;
                width: 100px;
            }

            .product-total { 
                @include respond-below(md) {
                    min-width: 100%;
                }
            }

            small {
                display: block;
            }

            &.customer_details {
                th {
                    font-weight: bold;
                }
            }
        }

        .checkout-product-image-wrap {

            .frame-image {
                position: absolute;
                margin: 0 auto;

                img {
                    width: 95px;
                    height: 95px;
                }

                &.passportout { 
                    img {
                        -webkit-box-shadow: 0px 0px 8px -3px;
                        box-shadow: 0px 0px 8px -3px;
                    }
                }
             }    

            .checkout-product-image {
                width: 100px;
                height: 100px;
                object-fit: cover;
                padding-right: 7px;
                vertical-align: middle;
                display: inline-block;

                &.passportout {
                    img {
                        transform: scale(0.75);
                    }
                }
            }
        }
    }
}

@media screen and (min-width: 768px) {

	.col2-set {

		.form-row-first {
			float: left;
			margin-right: $columns__margin;
		}

		.form-row-last {
			float: right;
			margin-right: 0;
		}

		.form-row-first,
		.form-row-last {

			@include column-width(2);
		}
	}
}

.woocommerce-page {
    .woocommerce-customer-details {
        padding-top: 1em;
        
        .woocommerce-columns--addresses { 
            display: flex;
            flex-wrap: wrap;

            .woocommerce-column {
                width: 50%;

                @include respond-below(md) {
                    width: 100%;
                }
            }
        }
    }
}