/*
Theme Name: QoF Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* ==========================================================================
   QOF accessibility & contrast fixes — round 1 (8 Aug 2026)
   Verified against live rendered values; see audit notes.
   Safe to remove as a single block.
   Theme version bump also cache-busts ?ver on this file
   (server sends 10-year max-age on theme CSS).

   Note on specificity: the conversion-orange rules must strictly out-rank
   later !important sources, the strongest being the Customizer Additional
   CSS rule ".woocommerce button.button.alt" at specificity (0,3,1) with
   var(--qof-terracotta). The .alt-qualified selectors below are (0,3,2).
   Root-cause fix later: change color_checkout in the Customizer and the
   --qof-terracotta value + hardcoded #C46A2D in Additional CSS, then
   simplify these selectors.
   ========================================================================== */

/* 1. Primary nav bar: was rgba(66,66,66,.59) bg + rgba(255,255,255,.8) links,
      compositing to 2.87:1 on light pages. Solid values -> ~10:1. */
#wide-nav.header-bottom {
  background-color: #424242 !important;
}
#wide-nav .nav > li > a {
  color: #ffffff !important;
}

/* 2. Conversion orange: #C46A2D (3.86:1) and #FF650C (2.95:1) both fail with
      white text. Consolidated to #B05E24 (4.69:1). */
html body .single_add_to_cart_button.button.alt,
html body .single_add_to_cart_button.button,
html body .single-product .single_add_to_cart_button,
html body button[name="add-to-cart"].button,
html body .add_to_cart_button.button,
html body .checkout-button.button.alt,
html body .checkout-button.button,
html body .button.checkout,
html body .sticky-add-to-cart-select-options-button.button,
html body #place_order.button,
#main #place_order {
  background-color: #B05E24 !important;
  border-color: #B05E24 !important;
}
html body .single_add_to_cart_button.button.alt:hover,
html body .single_add_to_cart_button.button:hover,
html body .single-product .single_add_to_cart_button:hover,
html body button[name="add-to-cart"].button:hover,
html body .add_to_cart_button.button:hover,
html body .checkout-button.button.alt:hover,
html body .checkout-button.button:hover,
html body .button.checkout:hover,
html body .sticky-add-to-cart-select-options-button.button:hover,
html body #place_order.button:hover,
#main #place_order:hover {
  background-color: #9E5420 !important;
  border-color: #9E5420 !important;
}

/* 3. Header product search field: fill was rgba(255,255,255,.2) on #ECEDEA
      (1.18:1) with a near-invisible border. Solid fill + 3:1+ boundary. */
.searchform .search-field,
#woocommerce-product-search-field-0 {
  background-color: #ffffff !important;
  border: 1px solid #767676 !important;
  color: #222222 !important;
}
.searchform .search-field::placeholder {
  color: #595959;
  opacity: 1;
}

/* 4. Hero CTAs rendered at 11.2px (Flatsome .is-xsmall scaling; the two
      banner buttons "Explore Sacred Rapéh" / "New to Rapéh? Start Here").
      Class-based selector on purpose: UX Builder element IDs churn on
      re-save, so do not target #text-box-… ids. */
html body .banner a.button.is-xsmall {
  font-size: 16px !important;
}