/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* ============================================================
   INFANEO NATIVE BOXED LAYOUT (High Priority Version)
   ============================================================ */

/* 1. GLOBAL WRAPPER RESET */
body.woocommerce-cart div.woocommerce {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
    width: 100% !important;
}

/* 2. TOP NOTICES & BANNER (Full Width) */
/*.woocommerce-notices-wrapper,
.infaneo-cart-notice-banner {
    width: 100% !important;
    display: block !important;
    margin-bottom: 25px !important;
    clear: both !important;
}*/
body.woocommerce-cart div.woocommerce div.woocommerce-notices-wrapper {
    width: 100% !important;
    display: block !important;
    margin-bottom: 12px !important;
    clear: both !important;
}

/* 3. DESKTOP LAYOUT (992px and up) */
@media (min-width: 992px) {
    /* The main flex container holding the form and totals */
    body.woocommerce-cart div.woocommerce div.ct-woocommerce-cart-form {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        width: 100% !important;
        gap: 3% !important;
    }

    /* Product Details Side (The Form)[cite: 4] */
    body.woocommerce-cart div.woocommerce div.ct-woocommerce-cart-form form.woocommerce-cart-form {
        flex: 0 0 65% !important;
        max-width: 65% !important;
        width: 65% !important;
        margin: 0 !important;
        clear: none !important;
    }

    /* Basket Totals Side (The Sidebar) */
    body.woocommerce-cart div.woocommerce div.ct-woocommerce-cart-form div.cart_totals {
        flex: 0 0 32% !important;
        max-width: 32% !important;
        width: 32% !important;
        margin: 0 !important;
        padding: 24px !important;
        background: #ffffff !important;
        border: 2px solid #333333 !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
        clear: none !important;
    }

    /* Force the product table to fill the 65% side */
    body.woocommerce-cart div.woocommerce div.ct-woocommerce-cart-form form.woocommerce-cart-for table.woocommerce-cart-form__contents {
        width: 100% !important;
        margin: 0 !important;
    }
}

/* 4. TABLET & MOBILE LAYOUT (Under 991px) */
@media (max-width: 991px) {
    body.woocommerce-cart div.woocommerce div.ct-woocommerce-cart-form {
        display: block !important;
    }

    body.woocommerce-cart div.woocommerce div.ct-woocommerce-cart-form form.woocommerce-cart-form,
    body.woocommerce-cart div.woocommerce div.ct-woocommerce-cart-form div.cart_totals {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 30px !important;
        display: block !important;
    }

    /* Ensure the table is scrollable on small phones if needed */
    body.woocommerce-cart div.woocommerce div.ct-woocommerce-cart-form form.woocommerce-cart-form table.woocommerce-cart-form__contents {
        display: block !important;
        overflow-x: auto !important;
    }
}