/* Cart page — restyles WooCommerce's default cart/cart.php table.
   No shipping/Algeria fee logic here (Phase 4); layout leaves room for
   a Wilaya/delivery-type block above cart totals without refactoring. */

.souq-cart{ padding-block:24px; }

.woocommerce table.cart{ border:1px solid var(--souq-border); border-radius:var(--souq-radius-lg); overflow:hidden; }
.woocommerce table.cart th{ background:var(--souq-surface-secondary); font-size:12px; text-transform:uppercase; letter-spacing:.03em; color:var(--souq-text-muted); }
.woocommerce table.cart td.product-thumbnail img{ width:72px; border-radius:var(--souq-radius-sm); }
.woocommerce table.cart td.product-name a{ color:var(--souq-text); font-weight:700; }
.woocommerce table.cart td.product-price,
.woocommerce table.cart td.product-subtotal{ font-weight:800; color:var(--souq-primary); }
.woocommerce table.cart td.product-remove a{ color:var(--souq-text-muted); }
.woocommerce table.cart td.product-remove a:hover{ color:var(--souq-danger); }

.woocommerce .cart-collaterals{ margin-block-start:24px; }
.woocommerce .cart-collaterals .cart_totals{
	background:var(--souq-surface); border:1px solid var(--souq-border); border-radius:var(--souq-radius-lg); padding:20px;
}
.woocommerce .cart-collaterals .cart_totals h2{ font-size:16px; font-weight:900; margin:0 0 12px; }
.woocommerce .cart-collaterals .cart_totals table{ border:0; }
.woocommerce .cart-collaterals .cart_totals table td, .woocommerce .cart-collaterals .cart_totals table th{ border:0; border-block-end:1px solid var(--souq-border); }
.woocommerce .cart-collaterals .cart_totals tr:last-child td,
.woocommerce .cart-collaterals .cart_totals tr:last-child th{ border-block-end:0; font-size:16px; font-weight:900; color:var(--souq-primary); }

.woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button{ display:block; text-align:center; margin-block-start:12px; }

/* Coupon row */
.woocommerce form.woocommerce-cart-form .coupon{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.woocommerce form.woocommerce-cart-form .coupon .input-text{ flex:1; min-width:160px; }

@media (max-width:767px){
	.woocommerce table.cart thead{ display:none; }
	.woocommerce table.cart tr{ display:grid; grid-template-columns:72px 1fr; gap:4px 12px; padding:12px; border-block-end:1px solid var(--souq-border); }
	.woocommerce table.cart td{ border:0; padding:2px 0; }
	.woocommerce table.cart td.product-thumbnail{ grid-row:1 / span 4; }
}