
/* === Responsive WooCommerce Cart Fix for Mobile (Veenus) === */
@media screen and (max-width: 767px) {
  html, body {
    overflow-x: hidden !important;
  }

  /* Forcer tous les wrappers principaux à s'empiler verticalement */
  .wp-block-woocommerce-cart,
  .wc-block-cart,
  .wc-block-cart__wrapper,
  .wc-block-cart__container,
  .wc-block-cart__items,
  .wc-block-cart__totals,
  .wc-block-components-main,
  .woocommerce-cart-form {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    box-sizing: border-box;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  /* Désactiver la table structure sur mobile */
  .wp-block-woocommerce-cart-line-items-block table,
  .wp-block-woocommerce-cart-line-items-block thead,
  .wp-block-woocommerce-cart-line-items-block tbody,
  .wp-block-woocommerce-cart-line-items-block tr,
  .wp-block-woocommerce-cart-line-items-block td,
  .wp-block-woocommerce-cart-line-items-block th {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    box-sizing: border-box;
  }

  .wp-block-woocommerce-cart-line-items-block thead {
    display: none !important;
  }

  .wp-block-woocommerce-cart-line-items-block tr {
    margin-bottom: 24px;
    border-bottom: 1px solid #333;
    padding-bottom: 12px;
  }

  .wc-block-cart-item__image,
  .wc-block-cart-item__product,
  .wc-block-cart-item__product-price,
  .wc-block-cart-item__total {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    box-sizing: border-box;
  }

  .wc-block-cart-item__image img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }

  /* Boutons panier et checkout */
  .wc-block-cart__submit-button,
  .wc-block-components-checkout-place-order-button {
    width: 100% !important;
    display: block !important;
    margin: 20px 0 !important;
    font-size: 16px !important;
    padding: 14px !important;
    box-sizing: border-box;
  }

  .wc-block-components-order-summary,
  .wc-block-components-order-summary__section,
  .wc-block-components-order-summary__total {
    width: 100% !important;
    padding: 16px 0 !important;
    box-sizing: border-box;
  }
}
