/* Quote-only products: the button that replaces Add to Cart, plus the price stand-in.
   Styled to the site's canonical RFQ pill (Elementor template 45619): 90deg gradient
   #1BA5DD -> #002636, white text, radius 50, 22px/600, 1/2/6 rgba(0,0,0,.5) shadow. */

.tsc-quote-btn,
.woocommerce a.button.tsc-quote-btn,
.woocommerce-page a.button.tsc-quote-btn {
  display: inline-block;
  background: linear-gradient(90deg, #1BA5DD 0%, #002636 100%);
  color: #ffffff !important;
  border: 0;
  border-radius: 50px;
  padding: 13px 38px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 1px 2px 6px rgba(0, 0, 0, .5);
  transition: filter .15s ease;
}

.tsc-quote-btn:hover,
.woocommerce a.button.tsc-quote-btn:hover {
  filter: brightness(1.08);
  color: #ffffff !important;
}

/* Block, not inline: it sits where the price used to be, so it needs its own line rather than
   running alongside whatever the theme printed next to the price. */
.tsc-quote-wrap { display: block; margin: 6px 0 4px; }

/* Stands in for the price. Deliberately quieter than a real price so it does not read as one. */
.tsc-quote-price {
  font-weight: 600;
  color: #002636;
}

/* Elementor's add-to-cart widget renders its own quantity field independently of the WooCommerce
   template, so it survives even though the buy button is gone and leaves a meaningless "1" box
   beside Request a Quote. :has() lets us hide it only for the rows that are actually quote-only,
   which matters on any archive that mixes machines with real parts. Browsers without :has() just
   show a harmless spare quantity box. */
.e-loop-add-to-cart-form:has(a.tsc-quote-btn) .quantity,
.e-loop-add-to-cart-form-container:has(a.tsc-quote-btn) .quantity,
form.cart:has(a.tsc-quote-btn) .quantity,
.elementor-add-to-cart:has(a.tsc-quote-btn) .quantity {
  display: none !important;
}

/* In archive/search loops the pill would dwarf a product card, so scale it down there. */
.woocommerce ul.products a.button.tsc-quote-btn,
.elementor-loop-container a.button.tsc-quote-btn,
.e-loop-item a.button.tsc-quote-btn {
  padding: 9px 20px;
  font-size: 14px;
}