/**
 * HangNgoaiShop 3.9.55.68.1
 * CheckoutWC 11.3.1 / Cart Responsive Compatibility Lock
 *
 * Scope: native WooCommerce Cart only.
 * - Keeps the locked >=1100px two-column Cart unchanged.
 * - Gives 850-1099px enough horizontal room for long Vietnamese product titles
 *   by stacking the Order Summary below the cart table.
 * - Normalizes title wrapping so words are not broken into a vertical column.
 *
 * No checkout, payment, shipping, order, Side Cart or business logic changes.
 */

@media (min-width:850px){
  body.woocommerce-cart table.shop_table.cart td.product-name,
  body.woocommerce-cart table.shop_table.cart td.product-name a{
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:none!important;
  }
}

/* Medium desktop / tablet landscape safety zone.
   The 3.9.55.65 fixed Cart columns need more room than a split layout can
   guarantee here. Stack only in this band; >=1100px remains byte-for-byte
   visually governed by the existing Final Lock. */
@media (min-width:850px) and (max-width:1099px){
  body.woocommerce-cart .woocommerce > .row.row-large.row-divided{
    display:block!important;
    width:100%!important;
  }

  body.woocommerce-cart .woocommerce > .row.row-large.row-divided > .large-7.col,
  body.woocommerce-cart .woocommerce > .row.row-large.row-divided > .large-5.col,
  body.woocommerce-cart .woocommerce > .row.row-large.row-divided > .cart-collaterals{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:none!important;
  }

  body.woocommerce-cart .woocommerce > .row.row-large.row-divided > .cart-collaterals,
  body.woocommerce-cart .woocommerce > .row.row-large.row-divided > .large-5.col{
    margin-top:22px!important;
  }

  body.woocommerce-cart .cart-sidebar{
    position:static!important;
    top:auto!important;
    width:100%!important;
    max-width:420px!important;
    margin-left:auto!important;
    margin-right:0!important;
  }

  body.woocommerce-cart table.shop_table.cart{
    width:100%!important;
    max-width:100%!important;
    table-layout:fixed!important;
  }

  body.woocommerce-cart table.shop_table.cart th.product-name,
  body.woocommerce-cart table.shop_table.cart td.product-name{
    min-width:0!important;
    width:auto!important;
  }
}