/*
 Theme Name:   Elime Child
 Description:  Child theme for Elime
 Author:       Gold Leaf Valley Ltd
 Template:     elime
 Version:      1.0.0
*/

/* Mobile-first default: everything stacks */
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .cart-cross-sells {
    float: none !important;
    width: 100% !important;
    clear: none !important;
    margin: 0 0 30px 0;
}

body.woocommerce-cart .cart-collaterals {
    max-width: none !important;
}

body.woocommerce-cart .cart-collaterals .cart_totals {
    width: 100%;
}

/* Desktop and up: two columns, cross-sells spans below */
@media (min-width: 901px) {
    body.woocommerce-cart .woocommerce {
        display: grid !important;
        grid-template-columns: 1fr 350px;
        grid-template-rows: auto auto;
        column-gap: 30px;
        row-gap: 30px;
		border: red;
        align-items: start;
		min-width: 0; /* allows the table inside to shrink to the grid track width */
    }

    body.woocommerce-cart .woocommerce-cart-form {
        grid-column: 1;
        grid-row: 1;
        margin: 0;
    }

    body.woocommerce-cart .cart-collaterals {
        grid-column: 2;
        grid-row: 1;
        margin: 0 !important;
    }

    body.woocommerce-cart .cart-cross-sells {
        grid-column: 1 / -1;
        grid-row: 2;
        margin: 0;
    }
}