/**
 * The mirror's quantity stepper is a client-JS-only span (".qty-stepper
 * .val") with no real form input anywhere near it — confirmed directly
 * against the mirror, no <input> exists in that markup. This theme
 * needs a genuinely functional <input type="number" class="qty"> for
 * WooCommerce's own cart form processing, styled to match the mirror's
 * ".val" span exactly (width/text-align/font-weight — copied from the
 * mirror's own ".qty-stepper .val" rule) plus removing the browser's
 * native spinner arrows, which the mirror's span-based UI never had.
 */
.qty-stepper input.qty {
  width: 46px;
  text-align: center;
  font-weight: 700;
  border: none;
  background: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -moz-appearance: textfield;
}
.qty-stepper input.qty::-webkit-outer-spin-button,
.qty-stepper input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/**
 * WooCommerce's own wc-add-to-cart-variation.js unconditionally
 * populates any ".woocommerce-variation.single_variation" container it
 * finds in a variations_form with a default plain-text price block
 * (".woocommerce-variation-price") once a variation resolves — this
 * happens purely because that div exists (it's required for
 * WooCommerce's own show/hide and validation logic around
 * single_variation_wrap), independent of any template this theme
 * renders. Confirmed live: without this, selecting a variant shows the
 * mirror-styled ".pdp-price" AND a second unstyled "$100.00" directly
 * beneath it. The description/availability sub-blocks are left visible
 * since they can carry real backorder/stock text WooCommerce doesn't
 * otherwise surface here.
 */
.woocommerce-variation-price {
  display: none;
}