/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor.
Tags: accessibility-ready,blog,block-patterns,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments
Version: 2.1.17.1761755559
Updated: 2025-10-29 22:02:39

*/

/*align cart products and cart totals in the same line*/
div.woocommerce {
	display: flex !important;
    gap: 30px !important; /* spacing between cart and totals */
    align-items: flex-start !important;
    flex-wrap: wrap !important; /* responsive fall back */
	justify-content: center !important; /* Centers the whole flex container in the page */
	width: 100% !important; /* Ensure container uses full available width */
    margin: 0 auto !important; /* Center container horizontally */
}

form..woocommerce-cart-form {
    flex: 0 0 70% !important;
    min-width: 300px !important;
	max-width: 70% !important;
}

div.cart-collaterals {
    flex: 0 0 30% !important;
    min-width: 250px !important;
    max-width: 25% !important;
    box-sizing: border-box !important;
}

div.cart-totals > h2 {
	font-size: 15px !important; /* Adjust size as needed to match your layout */
    text-transform: capitalize !important;
}


/* Hide quantity field input on WooCommerce cart page */
table.woocommerce-cart-form__contents tbody tr.woocommerce-cart-form__cart-item td.product-quantity {
    display: none !important;
}


/*table.woocommerce-cart-form__contents tbody tr.woocommerce-cart-form__cart-item td.product-quantity div.quantity input.qty {
    display: none !important;
}*/

/* Also hide quantity field header in cart table */
table.woocommerce-cart-form__contents > thead tr th.product-quantity {
    display: none !important;
}