/* Top section --> before checkout content */

.top-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 16px;
    margin-bottom: 30px;
    
    .order-instructions {
        margin: 0;
    }
    
    /* Toggle button for display coupon input */
    
    #toggle-coupon {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        width: 25%;
        border: 1px dashed var(--color-primary);
        border-radius: 4px;
        padding: 8px;
    }
    
    #toggle-coupon img {
        max-width: 24px;
    }
}

/* Woocommerce apply coupon form */

.woocommerce form.checkout_coupon {
    flex-wrap: wrap;
    width: 100%;
    height: 0;
    border: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-radius: 4px;
    padding: 0;
    margin: 0;
    opacity: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    
    &.active {
        height: fit-content;
        padding: 16px;
        margin: 0 0 30px 0;
        opacity: 1;
    }
    
    .checkout_coupon-desc {
        width: 100%;
    }
    
    input#coupon_code {
        height: 48px;
        border: 1px solid #bbb;
    }
}

/* Steps */

:lang(fa) .lqd-woo-steps-item svg {
    transform: rotateY(180deg) translateY(-28px);
    -webkit-transform: rotateY(180deg) translateY(-28px);
    -moz-transform: rotateY(180deg) translateY(-28px);
    -ms-transform: rotateY(180deg) translateY(-28px);
    -o-transform: rotateY(180deg) translateY(-28px);
}

/* Billing fields heading */

.woocommerce form.woocommerce-checkout h3 {
    margin: 0 0 30px 0;
}

/* Order review container */

.order_review_container {
    border: 1px solid var(--color-primary);
    padding: 32px;
}

/* Order review table */

.woocommerce form.woocommerce-checkout table.woocommerce-checkout-review-order-table {
    padding: 0;
}

/* Order review payment section */

.woocommerce form.woocommerce-checkout #payment {
    padding: 0;
}

/* Heading in order review section */

.woocommerce form.woocommerce-checkout h3.order_review_heading {
    padding: 0;
    margin-bottom: 16px;
}

/* Hide separator in order review section */

.woocommerce form.woocommerce-checkout h3.order_review_heading:before {
    display: none;
}

/* Hide payment methods */

ul.wc_payment_methods {
    display: none;
}

/* Thankyou - Order details */

.woocommerce ul.order_details {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(64px, 1fr));
    gap: 16px;
}

/* Thankyou - Order details table */

table.shop_table.order_details {
    border: 1px solid #dddd !important;
    border-radius: 4px !important;
}

.woocommerce-order-received .woocommerce-order table.shop_table tfoot td {
    background: transparent;
}

/* Thankyou - Customer address */

.customer_address {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 16px;
}

@media (max-width:768px) {
    
    /* Top section --> before checkout content */
    
    .top-section {
        flex-direction: column;
        
        /* Toggle button for display coupon input */
    
        #toggle-coupon {
            width: 100%;
        }
    }
    
    /* Thankyou - Order details */

    .woocommerce ul.order_details:before, .woocommerce ul.order_details:after {
        display: none;
    }
    
    .woocommerce ul.order_details {
        grid-template-columns: 1fr 1fr;
    }
    
    /* Billing fields */
    
    p#billing_last_name_field, p#billing_city_field {
        width: 100%;
    }
    
    /* Order review container */

    .order_review_container {
        padding: 16px;
    }
}