/* -----------------------------------------
   Cart grid placement fix only
   - notices span full width
   - cart form stays left
   - totals stay right
----------------------------------------- */

.cart-page-shell .woocommerce{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 340px !important;
  gap: 1.5rem !important;
  align-items: start !important;
}

.cart-page-shell .woocommerce-notices-wrapper{
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
}

.cart-page-shell form.woocommerce-cart-form{
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  margin: 0 !important;
}

.cart-page-shell .cart-collaterals{
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
}

.cart-page-shell .cart-collaterals .cart_totals{
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

.cart-page-shell .woocommerce-cart-form table.shop_table{
  width: 100% !important;
}

.cart-page-shell .woocommerce-cart-form .product-thumbnail,
.cart-page-shell .woocommerce-cart-form .product-name,
.cart-page-shell .woocommerce-cart-form .product-price,
.cart-page-shell .woocommerce-cart-form .product-quantity,
.cart-page-shell .woocommerce-cart-form .product-subtotal{
  white-space: normal;
}

.cart-page-shell .woocommerce-cart-form .product-price,
.cart-page-shell .woocommerce-cart-form .product-subtotal{
  white-space: nowrap;
}

.cart-page-shell .woocommerce .woocommerce-message,
.cart-page-shell .woocommerce .woocommerce-info,
.cart-page-shell .woocommerce .woocommerce-error{
  width: 100% !important;
  max-width: none !important;
  margin-bottom: 0 !important;
}

@media (max-width: 1024px){
  .cart-page-shell .woocommerce{
    display: block !important;
  }

  .cart-page-shell .woocommerce-notices-wrapper,
  .cart-page-shell form.woocommerce-cart-form,
  .cart-page-shell .cart-collaterals{
    width: 100% !important;
    max-width: none !important;
  }

  .cart-page-shell .cart-collaterals{
    margin-top: 1rem !important;
  }
}