/** * SHS - swap $0.00 for "Quote" in the WooCommerce BLOCK cart. * * WooCommerce validates every price-VALUE JS filter (cartItemPrice, * subtotalPriceFormat, totalValue) and rejects text without "", so the * swap happens here instead. shs-quote-blocks.js supplies two hooks: * .shs-quote-item on a cart row whose price is zero * .shs-quote-cart on when the whole cart totals zero * * IMPORTANT: target exactly ONE element per price. Matching both a price * wrapper and its inner __value renders "QuoteQuote" (hit on 2026-07-20). * .wc-block-components-product-price__value is the innermost value span and * appears once per displayed price. * * font-size:0 collapses the amount without removing it from the DOM, so screen * readers still reach the ::after text and there is no layout jump. * * MJC 2026-07-20 - staging prototype. */ /* ---- per-line prices (unit price + line total) ---- */ .shs-quote-item .wc-block-components-product-price__value { font-size: 0 !important; letter-spacing: 0 !important; } .shs-quote-item .wc-block-components-product-price__value::after { content: "Quote"; font-size: 1rem; font-weight: inherit; letter-spacing: normal; white-space: nowrap; } /* ---- cart totals footer ("Estimated total") ---- */ body.shs-quote-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 0 !important; letter-spacing: 0 !important; } body.shs-quote-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value::after { content: "Quote"; font-size: 1.25rem; font-weight: inherit; letter-spacing: normal; white-space: nowrap; }