/* Moment Makers — Cart page redesign (purely visual). WooCommerce's own cart table markup,
 * quantity inputs, coupon form, remove links and totals/checkout logic are all untouched —
 * this only restyles them to match the rest of the site (Fraunces headings, Inter body,
 * cream/red palette) and adds a small trust strip for reassurance before checkout, since
 * Moment Makers is prepaid-only (no COD). */
:root{--mx-red:#880000;--mx-ink:#1c1b1f;--mx-mute:#6d6a70;--mx-line:#eee7e1;--mx-cream:#fbf7f3;--mx-green:#17864a}

.woocommerce-cart .entry-title{margin-bottom:6px!important}
.mmx-cartwrap{max-width:1240px;margin:0 auto 18px;padding:0 20px;box-sizing:border-box}
.mmx-carttrust{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 22px}
.mmx-carttrust span{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:var(--mx-cream);border:1px solid var(--mx-line);font:600 12.5px Inter,sans-serif;color:var(--mx-ink)}

/* Cart items table -> clean card rows */
table.shop_table.cart, table.shop_table.woocommerce-cart-form__contents{
  border:0!important;border-collapse:separate!important;border-spacing:0!important;background:transparent!important
}
table.shop_table.cart thead{display:none}
table.shop_table.cart tbody tr{border-bottom:1px solid var(--mx-line)!important}
table.shop_table.cart tbody tr:last-child{border-bottom:0!important}
table.shop_table.cart td{border:0!important;padding:18px 10px!important;vertical-align:middle!important}
td.product-thumbnail img{border-radius:14px!important;object-fit:cover;background:var(--mx-cream)}
td.product-name a{font:600 15px/1.4 Inter,sans-serif!important;color:var(--mx-ink)!important}
td.product-name dl.variation{margin:6px 0 0!important;font:400 12.5px/1.7 Inter,sans-serif!important;color:var(--mx-mute)!important}
td.product-name dl.variation{display:flex!important;flex-wrap:wrap!important;gap:2px 6px!important}
td.product-name dl.variation dt{font-weight:600!important;color:var(--mx-mute)!important;float:none!important;display:inline!important;clear:none!important;margin:0!important;width:auto!important}
td.product-name dl.variation dd{display:inline!important;float:none!important;clear:none!important;margin:0 14px 0 0!important;width:auto!important}
td.product-name dl.variation dd p{margin:0!important;display:inline!important}
td.product-price .woocommerce-Price-amount,td.product-subtotal .woocommerce-Price-amount{font:700 14.5px Inter,sans-serif!important;color:var(--mx-ink)!important}
td.product-remove a.remove{color:var(--mx-mute)!important;background:var(--mx-cream)!important;border-radius:50%!important;opacity:1!important}
td.product-remove a.remove:hover{color:#fff!important;background:var(--mx-red)!important}

/* quantity stepper */
td.product-quantity .quantity{display:inline-flex;align-items:center;border:1.5px solid var(--mx-line);border-radius:10px;overflow:hidden}
td.product-quantity input.qty{border:0!important;width:52px!important;height:38px!important;text-align:center;font:600 13.5px Inter,sans-serif!important;color:var(--mx-ink)!important;background:#fff!important}

/* coupon row + update cart button */
.coupon .input-text{border-radius:10px!important;border:1.5px solid var(--mx-line)!important;height:42px!important;padding:0 14px!important;font:400 13.5px Inter,sans-serif!important}
.coupon button.button, button[name="update_cart"]{
  border-radius:10px!important;background:#fff!important;color:var(--mx-red)!important;border:1.5px solid var(--mx-red)!important;
  font:600 13px Inter,sans-serif!important;height:42px!important;padding:0 18px!important;box-shadow:none!important;text-transform:none!important
}
.coupon button.button:hover, button[name="update_cart"]:hover{background:var(--mx-red)!important;color:#fff!important}
.coupon button.button:disabled, button[name="update_cart"]:disabled{opacity:.5!important}

/* order totals card (kept mostly as theme already styles it well) */
.cart-collaterals .cart_totals{background:#fff!important;border:1px solid var(--mx-line)!important;border-radius:16px!important;box-shadow:0 10px 30px -20px rgba(0,0,0,.25)!important}
.cart-collaterals .cart_totals h2{font-family:Fraunces,serif!important;font-weight:700!important;color:var(--mx-ink)!important}
.cart-collaterals .cart_totals .woocommerce-Price-amount{color:var(--mx-red)!important}

@media (max-width:700px){
  table.shop_table.cart td{padding:12px 6px!important}
  td.product-name a{font-size:13.5px!important}
  .mmx-carttrust span{font-size:11px;padding:6px 10px}
}

/* ---- Audit fixes (v1.7.0) ---- */
.mmx-cartwrap{max-width:none!important;padding:0!important}
@media (max-width:600px){
  .mmx-carttrust{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:4px 0 14px}
  .mmx-carttrust::-webkit-scrollbar{display:none}
  .mmx-carttrust span{flex:0 0 auto;white-space:nowrap}
}