/* ===== CART.CSS ===== */

.woocommerce-cart .lim-woo-wrap { max-width: 1200px; }

.woocommerce-cart h1 {
  font-family: var(--font-display);
  font-size: clamp(36px, 5vw, 72px);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  color: var(--white);
  margin-bottom: 64px;
}

/* Cart table */
.woocommerce-cart table.cart { width: 100%; border-collapse: collapse; }
.woocommerce-cart table.cart thead th {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--gray-4);
  padding: 0 0 24px;
  border-bottom: 1px solid var(--gray-2);
  font-weight: 400;
}
.woocommerce-cart table.cart tbody tr { border-bottom: 1px solid var(--gray-2); }
.woocommerce-cart table.cart tbody td { padding: 32px 16px; vertical-align: middle; }

.woocommerce-cart table.cart td.product-thumbnail img {
  width: 80px;
  height: 100px;
  object-fit: cover;
  filter: grayscale(100%);
}

.woocommerce-cart table.cart td.product-name a {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--white);
  text-decoration: none;
  letter-spacing: 0.05em;
}

.woocommerce-cart table.cart td.product-price,
.woocommerce-cart table.cart td.product-subtotal {
  font-family: var(--font-mono);
  font-size: 14px;
  color: var(--gray-5);
}

.woocommerce-cart table.cart td.product-quantity input {
  background: transparent;
  border: 1px solid var(--gray-3);
  color: var(--white);
  font-family: var(--font-mono);
  font-size: 13px;
  padding: 8px 12px;
  width: 60px;
  text-align: center;
  outline: none;
  border-radius: 0;
}

.woocommerce-cart table.cart td.product-remove a {
  color: var(--gray-4) !important;
  font-size: 18px;
  text-decoration: none;
  transition: color 0.3s ease;
}
.woocommerce-cart table.cart td.product-remove a:hover { color: var(--white) !important; }

/* Cart actions */
.woocommerce-cart table.cart td.actions { padding-top: 24px; }
.woocommerce-cart table.cart td.actions .coupon input {
  background: transparent;
  border: 1px solid var(--gray-3);
  color: var(--white);
  font-family: var(--font-mono);
  font-size: 12px;
  padding: 12px 16px;
  outline: none;
  border-radius: 0;
  margin-right: 8px;
}
.woocommerce-cart table.cart td.actions button,
.woocommerce-cart table.cart td.actions input[type="submit"] {
  background: transparent;
  border: 1px solid var(--gray-3);
  color: var(--white);
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 12px 24px;
  border-radius: 0;
  transition: all 0.3s ease;
}
.woocommerce-cart table.cart td.actions button:hover { background: var(--white); color: var(--black); border-color: var(--white); }

/* Cart totals */
.cart-collaterals { margin-top: 64px; }
.cart_totals { max-width: 480px; margin-left: auto; }
.cart_totals h2 {
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  color: var(--white);
  margin-bottom: 32px;
}
.cart_totals table { width: 100%; border-collapse: collapse; }
.cart_totals table th,
.cart_totals table td {
  font-family: var(--font-mono);
  font-size: 13px;
  padding: 16px 0;
  border-bottom: 1px solid var(--gray-2);
  vertical-align: top;
}
.cart_totals table th { color: var(--gray-4); font-weight: 400; letter-spacing: 0.1em; text-transform: uppercase; font-size: 10px; }
.cart_totals table td { color: var(--white); text-align: right; }
.cart_totals table tr.order-total th,
.cart_totals table tr.order-total td { font-size: 16px; color: var(--white); border-bottom: none; padding-top: 24px; }

.cart_totals .wc-proceed-to-checkout a {
  display: block;
  width: 100%;
  background: var(--white);
  color: var(--black);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  padding: 18px;
  text-align: center;
  text-decoration: none;
  margin-top: 32px;
  border-radius: 0;
  transition: background 0.3s ease, color 0.3s ease;
  border: 1px solid var(--white);
}
.cart_totals .wc-proceed-to-checkout a:hover { background: transparent; color: var(--white); }

@media (max-width: 768px) {
  .woocommerce-cart table.cart thead { display: none; }
  .woocommerce-cart table.cart tbody td { display: block; text-align: right; padding: 12px 0; }
  .woocommerce-cart table.cart tbody td::before { content: attr(data-title); float: left; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gray-4); }
  .cart_totals { margin-left: 0; }
}