/* Demo20 owned popover tokens, scoped to the reused controls. */
.demo33-demo20-commerce :is(.cart-button,.demo20-cart-success-alert,.jay-demo19-transaction-surface){--d20-page:#fff;--d20-surface:rgb(136 135 137 / 8%);--d20-soft:rgb(136 135 137 / 10%);--d20-text:#161518;--d20-muted:#575658;--d20-line:rgb(136 135 137 / 16%);--d20-accent:#d90a2c}
:root[data-theme=dark] .demo33-demo20-commerce :is(.cart-button,.demo20-cart-success-alert,.jay-demo19-transaction-surface){--d20-page:#181719;--d20-surface:#242326;--d20-soft:#2b2a2d;--d20-text:#f4f3f5;--d20-muted:#bbb9c0;--d20-line:#444248}
.demo33-demo20-commerce .header-tools .cart-button{position:relative;font-size:1.025rem;line-height:1.6}
.demo33-demo20-commerce .header-tools .cart-mini{font:400 1.025rem/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;white-space:normal}
.demo33-demo20-commerce .header-tools .cart-button .icon-button.cart{border-radius:50%;background:var(--d20-surface);opacity:1;transition:background-color .35s cubic-bezier(.645,.045,.355,1)}
.demo33-demo20-commerce .header-tools .cart-button .icon-button.cart:hover{background:var(--d20-soft);opacity:1}
.demo33-demo20-commerce .header-tools .cart-button .icon-button.cart .icon{display:flex}
.demo33-demo20-commerce .header-tools .cart-button .icon-button.cart svg{width:24px;height:24px;fill:currentColor;stroke:none}
.demo33-demo20-commerce .header-tools .cart-mini .icon-button{opacity:1;border-radius:50%}
.demo33-demo20-commerce .header-tools .cart-mini .icon-button:hover{background:var(--d20-soft);opacity:1}
.demo33-demo20-commerce .header-tools .cart-mini .headline .icon-button svg{width:14px;height:14px;fill:currentColor;stroke:none}
.demo33-demo20-commerce .cart-mini a:focus-visible,.demo33-demo20-commerce .cart-button button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.demo33-demo20-commerce .cart-button .cart-total{position:static;font-weight:400}
.demo33-demo20-commerce .cart-button .badge.cart-count{position:absolute;top:0;right:0;min-width:18px;width:auto;height:18px;padding:0 4px;border-radius:20px;display:grid;place-items:center;background:var(--d20-text);color:var(--d20-page);font-size:10px;line-height:1}
/* Additional native item data remains readable; only the source variation
 * context is deduplicated in PHP. No blanket .variation hiding is used here. */
.demo33-demo20-commerce #jay-demo20-mini-cart .demo20-mini-cart-extra-data{margin-top:4px;white-space:normal;font-size:.9rem;line-height:1.35}
.demo33-demo20-commerce #jay-demo20-mini-cart .demo20-mini-cart-extra-data dl.variation{display:grid;grid-template-columns:fit-content(45%) minmax(0,1fr);gap:2px 4px;margin:0;padding:0;font:inherit;overflow-wrap:anywhere}
.demo33-demo20-commerce #jay-demo20-mini-cart .demo20-mini-cart-extra-data dl.variation :is(dt,dd){float:none;margin:0;padding:0;font:inherit}
.demo33-demo20-commerce #jay-demo20-mini-cart .demo20-mini-cart-extra-data dl.variation dt{font-weight:600}
.demo33-demo20-commerce #jay-demo20-mini-cart .demo20-mini-cart-extra-data dl.variation dd p{margin:0}
body.demo33-demo20-commerce.jay-demo19-transaction-content.woocommerce-cart .jay-demo19-transaction-surface,
body.demo33-demo20-commerce.jay-demo19-transaction-content.woocommerce-checkout .jay-demo19-transaction-surface{font-size:1.025rem;line-height:1.6}
body.demo33-demo20-commerce.jay-demo19-transaction-content.woocommerce-cart .jay-demo19-transaction-surface .entry-content,
body.demo33-demo20-commerce.jay-demo19-transaction-content.woocommerce-checkout .jay-demo19-transaction-surface .entry-content{font-size:inherit;line-height:inherit}
/* The source retains zero vertical input padding and its own button palette.
 * Restore these values against Demo33's higher-specificity generic Woo rules. */
body.demo33-demo20-commerce.woocommerce-checkout .jay-demo19-transaction-surface #customer_details .form-row input.input-text{padding-top:0;padding-bottom:0}
body.demo33-demo20-commerce.woocommerce-checkout .jay-demo19-transaction-surface .site-content #payment #place_order{background-color:var(--clb-color-button);color:var(--clb-color-white)}
body.demo33-demo20-commerce.woocommerce-checkout .jay-demo19-transaction-surface .site-content #payment #place_order:where(:hover,:active,:focus){background-color:var(--clb-color-button-hover);color:var(--clb-color-white)}
.demo33-demo20-commerce .jay-demo19-transaction-surface svg{fill:currentColor;stroke:none}
.demo33-demo20-commerce .jay-demo19-transaction-surface .quantity input.qty{width:100%;border:0}
.demo33-demo20-commerce>.select2-container{--d20-accent:#d90a2c}
@media(max-width:768px){.demo33-demo20-commerce .cart-button-total{width:46.2px;max-width:46.2px;overflow:hidden;text-align:center;font-size:10px;text-overflow:ellipsis}.demo33-demo20-commerce .header-tools .cart-button .icon-button.cart svg{width:18px;height:18px}}
@media(max-width:480px){.demo33-demo20-commerce .cart-button-total{display:none}.demo33-demo20-commerce .header-tools .cart-button .icon-button.cart{width:44px;min-width:44px;height:44px;padding:0}}