/**
 * Moblak Store - WooCommerce Core Enhancements & Cart Two-Column Grid
 * Fully protects against WooCommerce core float: left 48% squishing.
 */

/* ==========================================================================
   01. Two-Column Cart Grid Layout
   ========================================================================== */
.woocommerce-cart .cart-content-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (min-width: 1025px) {
  .woocommerce-cart .cart-content-wrapper {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 28px !important;
  }

  .woocommerce-cart .cart-content-wrapper > .woocommerce-cart-form {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    float: none !important;
  }

  .woocommerce-cart .cart-content-wrapper > .cart-collaterals {
    flex: 0 0 380px !important;
    width: 380px !important;
    min-width: 380px !important;
    max-width: 380px !important;
    float: none !important;
    position: sticky !important;
    top: 24px !important;
  }
}

/* ==========================================================================
   02. Absolute Protection Against Core WooCommerce 48% Width Squishing
   ========================================================================== */
.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-cart .cart_totals,
.woocommerce-cart .cart_totals .cart-totals-inner,
.woocommerce-cart .wd-cart-totals,
.woocommerce-cart .wd-cart-totals .cart-totals-inner {
  float: none !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.woocommerce-cart .cart_totals .shop_table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.woocommerce-cart .cart-totals-inner {
  background: #ffffff !important;
  border: 1px solid #e0e0e2 !important;
  border-radius: 16px !important;
  padding: 22px 24px !important;
  box-sizing: border-box !important;
}

[data-theme="dark"] .woocommerce-cart .cart-totals-inner {
  background: #111827 !important;
  border-color: #1e293b !important;
}