/*
Product page layer. DESIGN.md 5.10, 5.11, 9.2 (D14). Product pages only, and
enqueued after woocommerce.css so the two overrides below win on source order.

Deliberately small: the .variation-swatches, .variation-swatch, .qty and
.price__note components are already in components.css. All this file does is
render decision plus the two places Woo's own selectors are long enough to beat
a plain component class.
*/

/* Swatches are what you see; inc/enqueue.php's <noscript> block puts Woo's
   native select back for anyone without JavaScript. */
.tag-var-native{display:none}
.variation-swatches{margin-bottom:18px}
.variation-swatches legend{padding:0;margin-bottom:10px}

/* 5.11 quantity. woocommerce.css styles .quantity and .quantity .qty at this
   selector length, which is longer than the .qty component can reach. */
.woocommerce div.product form.cart .quantity{display:inline-flex;margin-bottom:12px}
.woocommerce div.product form.cart .quantity .qty{width:56px;padding:0;border:0;background:transparent}