/*
 * Element type `cart` — public/css/partials/cart.css
 *
 * tasks/PLAN_09_SHOP_CART_260919.md step C. Linked by the glob in
 * themes/default/sections/section.styles.phtml, after custom.min.css, so a
 * type can override the theme. It is live because the file exists.
 *
 * ===========================================================================
 * THIS FILE IS ONE RULE, AND THAT IS THE MEASUREMENT AND NOT AN OMISSION
 * ===========================================================================
 *
 * Plan 08's first product-list.css asserted four things the theme already
 * did, and its implementation notes call that out at length: A STYLESHEET
 * THAT CLAIMS TO FIX SOMETHING THE THEME ALREADY DOES IS WORSE THAN NO
 * STYLESHEET, because the next person reads the comment and believes it.
 * So the theme was read first (plan 09 trap 16). public/css/styles-5.css
 * lines 5740–5763 already carry:
 *
 *     .shop-cart-table                 width 100%, overflow-x auto
 *     .shop-cart-table .shop-cart td   line-height, vertical-align, padding
 *     .table.cart-sub-total            border-color, vertical-align, padding
 *     .table.cart-sub-total td, th     the same, and td padding-right 0
 *     .shop-cart-table input[type=text] height 35px, width 50px, margin 0
 *
 * and .butn, .alert, .badge and the grid classes are the theme's and
 * bootstrap's. `.cart-total`, `.product-remove`, `.product-quantity` and
 * `.product-subtotal` are styled NOWHERE — and want nothing: each is a hook
 * carrying utility classes in the markup, which is how the old theme used
 * them too.
 *
 * WHAT IS GENUINELY ABSENT IS THE POINTER. The remove control is
 * `<a hx-post=… >` WITH NO href — the old markup exactly, because htmx fires
 * on any element carrying hx-post — and an anchor with no href is not a link:
 * it gets no link styling and no pointer. Measured: every `cursor: pointer`
 * in styles-5.css is on a named component (.butn, the tabs, the sliders) and
 * none of them reaches this element. Without this rule the one destructive
 * control on the page looks like text.
 */

.shop-cart .product-remove a[hx-post] {
    cursor: pointer;
}