/* ci-shop cart — old design: two-column (items left, borderless totals right),
   rounded arrow CTA. Card a touch narrower than the archive grid. */

body.ci-shop.woocommerce-cart .shop-card { max-width: 1240px; margin: 0 auto; }

/* Heading row: currency switcher shares the Cart H1's line — absolute in the
   card's top-right (the old negative-margin approach overlaid and hid the H1) */
body.ci-shop.woocommerce-cart .shop-card { position: relative; }
body.ci-shop.woocommerce-cart .shop-toolbar { position: absolute; top: var(--shop-card-pad); right: var(--shop-card-pad); margin: 0; }

/* Two-column: items left, totals right (restored old layout per Luke 2026-07-09) */
body.ci-shop .woocommerce-cart-form { float: left; width: 62%; }
body.ci-shop .cart-collaterals { float: right; width: 33%; }
body.ci-shop.woocommerce-cart .shop-card::after { content: ''; display: table; clear: both; }

body.ci-shop .woocommerce-cart-form button[name="update_cart"] { display: none !important; } /* stepper JS auto-updates; !important because WC's small-screen sheet re-shows it */
body.ci-shop td.actions .coupon { display: flex; gap: 0.75rem; align-items: stretch; }
body.ci-shop td.actions .coupon input#coupon_code { min-width: 14rem; width: auto; } /* height comes from base's 51.2px field rule; 14rem clears the "Coupon code" placeholder */
body.ci-shop td.actions .coupon .button { background: transparent; color: var(--shop-accent); white-space: nowrap; }
body.ci-shop td.actions .coupon .button:hover { background: var(--shop-accent); color: #fff; }

/* Header row tighter, line-item rows a touch denser (old design) */
body.ci-shop .woocommerce-cart-form table.shop_table thead th { padding-top: 0.6rem; padding-bottom: 0.6rem; }
body.ci-shop .woocommerce-cart-form table.shop_table td { padding-top: 0.7rem; padding-bottom: 0.7rem; }

/* WC core floats .cart_totals at 48% INSIDE the collaterals column, halving it —
   let it fill our 33% column instead */
body.ci-shop .cart-collaterals .cart_totals { float: none; width: 100%; }

/* Borderless totals list per old design */
body.ci-shop .cart_totals h2 { margin-top: 0; font-size: 1.35rem; }
body.ci-shop .cart_totals table.shop_table,
body.ci-shop .cart_totals table.shop_table th,
body.ci-shop .cart_totals table.shop_table td { border: 0; }
body.ci-shop .cart_totals table.shop_table th,
body.ci-shop .cart_totals table.shop_table td { padding: 0.55rem 0; }
body.ci-shop .cart_totals table.shop_table td { text-align: right; }

/* Rounded CTA with trailing arrow, matching old "Proceed To Checkout →" */
body.ci-shop .wc-proceed-to-checkout .checkout-button { display: block; text-align: center; border-radius: 6px; white-space: nowrap; padding-left: 1rem; padding-right: 1rem; }
body.ci-shop .wc-proceed-to-checkout .checkout-button::after { content: ' →'; }

body.ci-shop a.remove { color: var(--hcl-neutral-9, #8d8d8d) !important; text-decoration: none; }

@media (max-width: 900px) {
    body.ci-shop .woocommerce-cart-form,
    body.ci-shop .cart-collaterals { float: none; width: 100%; }
    body.ci-shop.woocommerce-cart .shop-toolbar { position: static; margin-bottom: 1rem; display: flex; justify-content: flex-end; }
    /* 14rem coupon min-width forces the stacked table past the card edge on
       narrow screens — let the row wrap and the input flex instead */
    body.ci-shop td.actions .coupon { flex-wrap: wrap; }
    body.ci-shop td.actions .coupon input#coupon_code { min-width: 0; flex: 1 1 10rem; }
}