/* Scope to classic Woo quantity inputs; keep theme buttons and accessible names. */
:is(.woocommerce,.woocommerce-mini-cart) .quantity:has(>input.qty) {
    display: inline-flex !important;
    align-items: center;
    flex-wrap: nowrap;
    direction: ltr;
    min-width: 9rem;
    width: auto !important;
}
:is(.woocommerce,.woocommerce-mini-cart) .quantity input.qty {
    flex: 1 1 auto;
    min-width: 6ch !important;
    width: 8ch !important;
    max-width: none !important;
    text-align: center;
    font-variant-numeric: tabular-nums;
}
:is(.woocommerce,.woocommerce-mini-cart) .quantity .minus { order: 1 !important; flex-shrink: 0; }
:is(.woocommerce,.woocommerce-mini-cart) .quantity input.qty { order: 2 !important; }
:is(.woocommerce,.woocommerce-mini-cart) .quantity .plus { order: 4 !important; flex-shrink: 0; }

:is(.woocommerce,.woocommerce-mini-cart) .quantity .rivile-qty-unit { order:3 !important; flex-shrink:0; }
/* Keep saved addresses separate from billing and allow long product identity to wrap. */
.vgs-manual-choice{display:block;margin:1rem 0}.vgs-saved-summary{padding:1rem;background:#f1f6f2;border-left:3px solid #005823}
.vgs-product-identity{display:block;white-space:normal;overflow-wrap:anywhere;font-size:.85em;line-height:1.5}
body .wp-block-woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-metadata{display:block!important}
#header-outer nav .sf-menu>li.menu-item>a .menu-title-text{white-space:normal;overflow-wrap:normal;word-break:normal}
html[data-vgs-language=en] .quantity .vgs-unit-pcs{font-size:0!important}
html[data-vgs-language=en] .quantity .vgs-unit-pcs:after{content:'pcs';font-size:14px}
input.b2bking_bulkorder_form_container_content_line_product[readonly]:has(+.vgs-list-product-name){display:none!important}
.vgs-list-product-name{flex:1 1 40%;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.5;padding:.6rem;color:inherit}
input.b2bking_bulkorder_form_container_content_line_product:not([readonly])+.vgs-list-product-name{display:none}
/* Suppress native number spinners; keep real accessible minus/plus buttons. */
.quantity input.qty[type=number]{appearance:textfield!important;-moz-appearance:textfield!important}
.quantity input.qty::-webkit-inner-spin-button,.quantity input.qty::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}
body .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity.vgs-quantity-control{display:inline-grid!important;grid-template-columns:24px minmax(56px,1fr) max-content 24px!important;gap:2px!important;min-width:0!important;width:156px!important;max-width:100%!important}
body .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity.vgs-quantity-control>input.qty{min-width:0!important;width:100%!important;padding:0 2px!important;font-size:14px!important}
body .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity .minus,body .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity .plus{position:static!important;width:24px!important;height:32px!important;padding:0!important;font-size:18px!important;display:inline-flex!important;align-items:center;justify-content:center}
.woocommerce-mini-cart-item .vgs-product-identity{font-size:11px;line-height:1.45}
/* Undo the legacy flex-table layout within the React cart, with explicit areas. */
body .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row{display:grid!important;grid-template-columns:72px minmax(0,1fr) 110px!important;gap:16px!important;align-items:start!important}
body .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__image{width:auto!important;grid-column:1!important;padding:8px!important}
body .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__product{width:auto!important;min-width:0!important;grid-column:2!important;display:block!important;padding:8px!important}
body .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__total{width:auto!important;grid-column:3!important;padding:8px!important;text-align:right}
body .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row td.wc-block-cart-item__product .wc-block-cart-item__wrap{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
@media(max-width:600px){body .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row{grid-template-columns:50px minmax(0,1fr) 85px!important;gap:5px!important}}
html[data-vgs-language=en] .wc-block-components-quantity-selector .vgs-unit-pcs{font-size:0!important}
html[data-vgs-language=en] .wc-block-components-quantity-selector .vgs-unit-pcs:after{content:'pcs';font-size:14px}

/* Only the real classic control is a grid; Salient also uses .quantity for prices. */
.woocommerce-mini-cart .vgs-quantity-control>.minus{grid-column:1!important;grid-row:1!important;order:1!important}
.woocommerce-mini-cart .vgs-quantity-control>input.qty{grid-column:2!important;grid-row:1!important;order:2!important;text-align:center!important}
.woocommerce-mini-cart .vgs-quantity-control>.rivile-qty-unit{grid-column:3!important;grid-row:1!important;order:3!important;position:static!important;margin:0!important}
.woocommerce-mini-cart .vgs-quantity-control>.plus{grid-column:4!important;grid-row:1!important;order:4!important}