/* Notched — product-page buttons (Add to Cart + Get a Quote) + buy-box type.
   Kept separate from the variant-option styling (woo-variations.css).
   Brand tokens: gold #AA7D44. */

/* Product H1 → Teko SemiBold. The per-product Elementor templates carry an
   explicit Roboto typography on the title widget, so !important is required.
   clamp() keeps long titles (e.g. KINGSTON SINGLE PITCH PAVILION) on one line. */
.single-product h1.product_title,
h1.product_title.elementor-heading-title {
  font-family: var(--aew-teko, "Teko", sans-serif) !important;
  font-weight: 600 !important;
  font-size: clamp(34px, 3.4vw, 52px) !important;
  line-height: 0.9 !important;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

/* Add-to-cart button → outline style (white bg, gold text + border) to match the
   Get-a-Quote button. !important to beat the kit's solid-gold button default.
   Hover is left to the existing kit/Elementor styles. */
.elementor-element .cart button,
.elementor-element .cart .button,
.cart .single_add_to_cart_button,
.single_add_to_cart_button.button {
  background-color: #fff !important;
  color: var(--notched-cta, #AA7D44) !important;
  border: 1px solid var(--notched-cta, #AA7D44) !important;
  margin-left: 0 !important;
  padding: 10px 10px 5px 10px !important;
  transition: all 0.2s ease;
  text-transform: uppercase !important;
}

/* Get-a-Quote (Elementor button widget in the buy box) → Teko SemiBold caps. */
.single-product .elementor-widget-button .elementor-button,
.single-product .elementor-widget-button .elementor-button-text {
  font-family: var(--aew-teko, "Teko", sans-serif) !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}