/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* CART LAYOUT */


/* ==============================
   WoodMart – Force Cart Layout
   ============================== */

/* ===============================
   Disable WoodMart grid on Cart & Checkout
   =============================== */

.woocommerce-cart #main-content,
.woocommerce-checkout #main-content {
    display: block !important;
}

.woocommerce-cart .wd-content-layout,
.woocommerce-checkout .wd-content-layout {
    display: block !important;
}

.woocommerce-cart .wd-content-area,
.woocommerce-checkout .wd-content-area {
    width: 100% !important;
    max-width: 100% !important;
}

.woocommerce-cart .wd-sidebar,
.woocommerce-checkout .wd-sidebar {
    display: none !important;
}

/* ===============================
   WooCommerce Cart Layout
   =============================== */

.woocommerce-cart .woocommerce {
    display: flex !important;
    gap: 30px;
}

.woocommerce-cart .woocommerce-cart-form {
    flex: 0 0 70% !important;
}

.woocommerce-cart .cart-collaterals {
    flex: 0 0 30% !important;
}

/* ===============================
   WooCommerce Checkout Layout
   =============================== */

.woocommerce-checkout .woocommerce {
    display: flex !important;
    gap: 30px;
}

.woocommerce-checkout #customer_details {
    flex: 0 0 55% !important;
}

.woocommerce-checkout .woocommerce-checkout-review-order {
    flex: 0 0 45% !important;
}

/* Mobile */
@media (max-width: 768px) {
    .woocommerce-cart .woocommerce,
    .woocommerce-checkout .woocommerce {
        flex-direction: column !important;
    }

    .woocommerce-cart .woocommerce-cart-form,
    .woocommerce-cart .cart-collaterals,
    .woocommerce-checkout #customer_details,
    .woocommerce-checkout .woocommerce-checkout-review-order {
        flex: 0 0 100% !important;
    }
}

.woocommerce-cart .cart-collaterals {
    background: red !important;
}
body {
    border-top: 10px solid red !important;
}