/* ==========================================================================
   Big Ear — Checkout. ONE stylesheet for the whole checkout.
   Replaces five Header-Footer-Code-Manager colour snippets (3, 7, 9, 10, 14)
   and FunnelKit's global "finishing pass" CSS, which fought each other.
   Loaded by bigear-assets on the checkout only.
   DARK CHECKOUT, HIGH CONTRAST (28 Sep, Stone: blend with the site, but never let numbers or fields go grey).
   Clean light form, black brand header, yellow Place Order button.
   Every text colour below measures ≥ 4.5:1 on the surface it sits on;
   every field edge ≥ 3:1. Yellow is only ever a FILL, never text on white.
   ========================================================================== */

html body.wfacp_main_wrapper {
  --be-page: #0B0B0A;   /* warm paper */
  --be-card: #131312;
  --be-field: #1B1B19;
  --be-raise: #1B1B19;   /* neutral raised: flag box, steppers */
  --be-sel: #2A2812;   /* selected choice: pale Big Ear yellow */
  --be-line: #333330;   /* dividers only */
  --be-edge: #8C897E;   /* field borders: 4.6:1 on white */
  --be-text: #F3F1E9;   /* 19:1 */
  --be-soft: #D6D3C8;   /* secondary text: 9.8:1 */
  --be-hint: #BDBAAE;   /* placeholders: 5.5:1 */
  --be-link: #FFE600;   /* links: near-black, underlined */
  --be-yellow: #FFE600;   /* blaze: fills only */
  --be-ink: #0B0B0A;   /* text on yellow: 15.5:1 */
  --be-error: #FF8A7A;   /* 6.5:1 on white */
  --be-ok: #8FD17A;
  color-scheme: dark;
  --be-display: "Oswald", "Arial Narrow", system-ui, sans-serif;
  --be-body:    "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --be-mono:    "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  background-color: var(--be-page) !important;
  color: var(--be-text) !important;
}

/* ---------- 1. One surface. No white strips, no grey half-page ---------- */
html body.wfacp_main_wrapper,
html body.wfacp_main_wrapper #wfacp-sec-wrapper,
html body.wfacp_main_wrapper .wfacp-main-container,
html body.wfacp_main_wrapper .wrapper.wfacp-main-container,
html body.wfacp_main_wrapper .wfacp-panel-wrapper,
html body.wfacp_main_wrapper .wfacp-middle-container,
html body.wfacp_main_wrapper .wfacp-form-panel,
html body.wfacp_main_wrapper .wfacp-left-panel,
html body.wfacp_main_wrapper .wfacp-right-panel,
html body.wfacp_main_wrapper .wfacp-right-wrapper,
html body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap,
html body.wfacp_main_wrapper .wfacp-header,
html body.wfacp_main_wrapper .wfacp_header,
html body.wfacp_main_wrapper .wfacp-footer,
html body.wfacp_main_wrapper .wfacp_footer,
html body.wfacp_main_wrapper .wfacp_inner_footer_m {
  background-color: var(--be-page) !important;
  background-image: none !important;
}
html body.wfacp_main_wrapper .wfacp-right-panel,
html body.wfacp_main_wrapper .wfacp-right-wrapper { border-left: 1px solid var(--be-line) !important; }

/* every block of text inherits the readable colours unless stated otherwise */
html body.wfacp_main_wrapper .wfacp-main-container,
html body.wfacp_main_wrapper .wfacp-main-container p,
html body.wfacp_main_wrapper .wfacp-main-container li,
html body.wfacp_main_wrapper .wfacp-main-container td,
html body.wfacp_main_wrapper .wfacp-main-container th,
html body.wfacp_main_wrapper .wfacp-main-container span,
html body.wfacp_main_wrapper .wfacp-main-container div,
html body.wfacp_main_wrapper .wfacp-main-container label,
html body.wfacp_main_wrapper .wfacp-main-container bdi {
  color: var(--be-soft);
  font-family: var(--be-body);
}
html body.wfacp_main_wrapper .wfacp-main-container strong,
html body.wfacp_main_wrapper .wfacp-main-container b { color: var(--be-text) !important; }

/* ---------- 2. Header: the real logo, readable contact line ---------- */
html body.wfacp_main_wrapper img.wfacp-logo {
  content: url("/wp-content/plugins/bigear-site/site/assets/img/866d47d32b8dd956.webp");
  width: auto !important; max-width: 150px !important; height: 44px !important; object-fit: contain;
}
html body.wfacp_main_wrapper .wfacp-header-nav span,
html body.wfacp_main_wrapper .wfacp-header-nav a { color: var(--be-soft) !important; font-family: var(--be-body) !important; }
html body.wfacp_main_wrapper .wfacp-header-nav a:hover span { color: var(--be-yellow) !important; }
html body.wfacp_main_wrapper .woocommerce-form-login-toggle .woocommerce-info,
html body.wfacp_main_wrapper .woocommerce-info {
  background: transparent !important; border: 0 !important; color: var(--be-soft) !important; box-shadow: none !important;
}
html body.wfacp_main_wrapper .woocommerce-info a,
html body.wfacp_main_wrapper .showlogin { color: var(--be-link) !important; font-weight: 600; text-decoration: underline !important; text-underline-offset: 3px; padding: 10px 2px; display: inline-block; }

/* ---------- 3. Sections are cards; headings you can read ---------- */
html body.wfacp_main_wrapper .wfacp-left-panel > .wfacp-section,
html body.wfacp_main_wrapper .wfacp-section.wfacp-hg-by-box {
  background-color: var(--be-card) !important;
  border: 1px solid var(--be-line) !important;
  border-radius: 14px !important;
  padding: 26px 26px 22px !important;
  margin: 0 0 18px !important;
  box-shadow: 0 1px 2px rgba(11,11,10,.06) !important;
}
html body.wfacp_main_wrapper .wfacp-comm-title,
html body.wfacp_main_wrapper .wfacp_internal_form_wrap { background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 0 16px !important; }
html body.wfacp_main_wrapper .wfacp_section_heading,
html body.wfacp_main_wrapper h2.wfacp_section_title,
html body.wfacp_main_wrapper .wfacp-comm-title h2 {
  font-family: var(--be-display) !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
  color: var(--be-text) !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  text-align: left !important;
  border: 0 !important;
}
html body.wfacp_main_wrapper .wfacp_section_heading::after { display: none !important; }
html body.wfacp_main_wrapper .wfacp-comm-title h4,
html body.wfacp_main_wrapper .wfacp-comm-title h4 * {
  font-family: var(--be-body) !important; font-size: 15px !important; line-height: 1.55 !important;
  font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important;
  color: var(--be-soft) !important; text-align: left !important; margin: 6px 0 0 !important;
}
html body.wfacp_main_wrapper .be-chip { color: var(--be-ink) !important; background: var(--be-yellow) !important; border-radius: 999px; padding: 3px 10px; display: inline-block; }

/* ---------- 4. Fields: white, clearly edged, label always readable ---------- */
html body.wfacp_main_wrapper .wfacp_main_form .form-row input[type="text"],
html body.wfacp_main_wrapper .wfacp_main_form .form-row input[type="email"],
html body.wfacp_main_wrapper .wfacp_main_form .form-row input[type="tel"],
html body.wfacp_main_wrapper .wfacp_main_form .form-row input[type="password"],
html body.wfacp_main_wrapper .wfacp_main_form .form-row input[type="number"],
html body.wfacp_main_wrapper .wfacp_main_form .form-row textarea,
html body.wfacp_main_wrapper .wfacp_main_form .form-row select,
html body.wfacp_main_wrapper .wfacp_main_form .wfacp-form-control:not(.wfacp_radio_field),
html body.wfacp_main_wrapper .wfacp_main_form .select2-container .select2-selection--single {
  background-color: var(--be-field) !important;
  color: var(--be-text) !important;
  -webkit-text-fill-color: var(--be-text) !important;
  border: 1px solid var(--be-edge) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-family: var(--be-body) !important;
  font-size: 16px !important;          /* 16px stops iOS zooming into the field */
  min-height: 56px !important;
  height: auto !important;
}
html body.wfacp_main_wrapper .wfacp_main_form .form-row textarea { min-height: 110px !important; padding-top: 22px !important; }
html body.wfacp_main_wrapper .wfacp_main_form .select2-container .select2-selection__rendered {
  color: var(--be-text) !important; line-height: 1.3 !important; padding-top: 22px !important; padding-left: 14px !important;
}
html body.wfacp_main_wrapper .wfacp_main_form .select2-container .select2-selection__arrow b { border-top-color: var(--be-soft) !important; }
html body.wfacp_main_wrapper .wfacp_main_form input::placeholder,
html body.wfacp_main_wrapper .wfacp_main_form textarea::placeholder { color: var(--be-hint) !important; -webkit-text-fill-color: var(--be-hint) !important; opacity: 1 !important; }
/* the floating label: same surface as the field it sits on, readable colour */
html body.wfacp_main_wrapper .wfacp_main_form .form-row > label.wfacp-form-control-label:not(.checkbox),
html body.wfacp_main_wrapper .wfacp-inside .form-row > label.wfacp-form-control-label:not(.checkbox) {
  background-color: var(--be-field) !important;
  color: var(--be-soft) !important;
  font-family: var(--be-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  opacity: 1 !important;
}
html body.wfacp_main_wrapper .wfacp_main_form .required,
html body.wfacp_main_wrapper .wfacp_main_form abbr.required { color: var(--be-error) !important; text-decoration: none !important; border: 0 !important; }
/* focus: unmistakable, keyboard and touch */
html body.wfacp_main_wrapper .wfacp_main_form .form-row input:focus,
html body.wfacp_main_wrapper .wfacp_main_form .form-row textarea:focus,
html body.wfacp_main_wrapper .wfacp_main_form .form-row select:focus,
html body.wfacp_main_wrapper .wfacp_main_form .select2-container--open .select2-selection--single,
html body.wfacp_main_wrapper .wfacp_main_form .select2-container--focus .select2-selection--single {
  border-color: var(--be-yellow) !important;
  box-shadow: 0 0 0 1px var(--be-yellow), 0 0 0 5px rgba(255, 230, 0, .30) !important;
  outline: none !important;
}
html body.wfacp_main_wrapper a:focus-visible,
html body.wfacp_main_wrapper button:focus-visible,
html body.wfacp_main_wrapper input[type="checkbox"]:focus-visible,
html body.wfacp_main_wrapper input[type="radio"]:focus-visible { outline: 3px solid var(--be-yellow) !important; outline-offset: 2px !important; }
/* browser autofill paints fields pale; keep them on-brand and readable */
html body.wfacp_main_wrapper .wfacp_main_form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--be-field) inset !important;
  -webkit-text-fill-color: var(--be-text) !important;
  caret-color: var(--be-text);
}
/* errors you can see */
html body.wfacp_main_wrapper .wfacp_main_form .woocommerce-invalid input,
html body.wfacp_main_wrapper .wfacp_main_form .woocommerce-invalid select,
html body.wfacp_main_wrapper .wfacp_main_form .woocommerce-invalid .select2-selection { border-color: var(--be-error) !important; }
html body.wfacp_main_wrapper .wfacp_inline_error,
html body.wfacp_main_wrapper .wfacp_main_form .woocommerce-error,
html body.wfacp_main_wrapper .wfacp_main_form .woocommerce-error li,
html body.wfacp_main_wrapper .wfacp_main_form .woocommerce-error li strong { color: var(--be-error) !important; font-size: 14px !important; }
html body.wfacp_main_wrapper .woocommerce-error,
html body.wfacp_main_wrapper .woocommerce-NoticeGroup .woocommerce-error {
  background: #2A1512 !important; border: 1px solid var(--be-error) !important; border-radius: 10px !important; color: var(--be-text) !important;
}

/* all the address fields line up on one grid */
html body.wfacp_main_wrapper .wfacp_main_form .form-row { padding-left: 7px !important; padding-right: 7px !important; box-sizing: border-box !important; }
html body.wfacp_main_wrapper .wfacp_main_form .form-row .woocommerce-input-wrapper,
html body.wfacp_main_wrapper .wfacp_main_form .form-row .select2-container { width: 100% !important; display: block !important; }

/* phone: flag and number read as ONE field */
html body.wfacp_main_wrapper .wfacp_main_form .iti { display: block !important; width: 100% !important; }
html body.wfacp_main_wrapper .wfacp_main_form .iti input[type="tel"] { width: 100% !important; padding-left: 92px !important; }
html body.wfacp_main_wrapper .wfacp_main_form .iti__flag-container { top: 1px !important; bottom: 1px !important; left: 1px !important; height: auto !important; }
html body.wfacp_main_wrapper .wfacp_main_form .iti__selected-flag {
  background-color: var(--be-raise) !important; border-radius: 9px 0 0 9px !important; height: 100% !important; padding: 0 10px 0 12px !important;
}
html body.wfacp_main_wrapper .wfacp_main_form .iti__selected-dial-code { color: var(--be-text) !important; }
html body.wfacp_main_wrapper .wfacp_main_form .iti__arrow { border-top-color: var(--be-soft) !important; }
html body.wfacp_main_wrapper .iti__country-list { background-color: var(--be-card) !important; border: 1px solid var(--be-edge) !important; color: var(--be-text) !important; }
html body.wfacp_main_wrapper .iti__country-list .iti__country-name { color: var(--be-text) !important; }
html body.wfacp_main_wrapper .iti__country-list .iti__dial-code { color: var(--be-soft) !important; }
html body.wfacp_main_wrapper .iti__country.iti__highlight { background-color: var(--be-raise) !important; }

/* select2 drop-down list */
html body.wfacp_main_wrapper .select2-dropdown { background-color: var(--be-card) !important; border-color: var(--be-edge) !important; }
html body.wfacp_main_wrapper .select2-results__option { color: var(--be-text) !important; padding: 10px 12px !important; }
html body.wfacp_main_wrapper .select2-results__option--highlighted[aria-selected],
html body.wfacp_main_wrapper .select2-results__option--highlighted { background-color: var(--be-yellow) !important; color: var(--be-ink) !important; }
html body.wfacp_main_wrapper .select2-search__field { background-color: var(--be-field) !important; color: var(--be-text) !important; border: 1px solid var(--be-edge) !important; }

/* ---------- 5. Checkboxes and radio choices: big, clear, tappable ---------- */
html body.wfacp_main_wrapper .wfacp_main_form input[type="checkbox"],
html body.wfacp_main_wrapper .wfacp_main_form input[type="radio"] {
  accent-color: var(--be-yellow);
  width: 20px !important; height: 20px !important; min-height: 0 !important; margin: 0 10px 0 0 !important;
  vertical-align: middle !important; position: relative !important; top: -1px;
  opacity: 1 !important; -webkit-appearance: auto !important; appearance: auto !important;
}
html body.wfacp_main_wrapper .wfacp_main_form label.checkbox,
html body.wfacp_main_wrapper .wfacp_main_form .woocommerce-form__label-for-checkbox,
html body.wfacp_main_wrapper .wfacp_main_form .wfacp_checkbox_field label,
html body.wfacp_main_wrapper .wfacp_main_form label.radio,
html body.wfacp_main_wrapper .wfacp_main_form .woocommerce-form__label span {
  color: var(--be-text) !important; font-size: 15px !important; font-family: var(--be-body) !important;
  background: transparent !important; text-transform: none !important; letter-spacing: 0 !important;
  display: block !important; min-height: 44px; line-height: 1.5 !important; padding: 10px 0 !important; cursor: pointer; position: static !important;
}
html body.wfacp_main_wrapper .wfacp_main_form label.wfacp_radio_field_label {
  display: block !important; color: var(--be-text) !important; font-size: 16px !important; font-weight: 600 !important;
  position: static !important; background: transparent !important; margin: 0 0 10px !important; text-transform: none !important;
}
html body.wfacp_main_wrapper .wfacp_main_form .wfacp_radio_field { background: transparent !important; border: 0 !important; min-height: 0 !important; padding: 0 !important; }
html body.wfacp_main_wrapper .wfacp_main_form .wfacp_radio_field label.radio {
  display: flex !important; width: 100%; box-sizing: border-box;
  border: 1px solid var(--be-edge) !important; border-radius: 10px !important; background-color: var(--be-field) !important;
  padding: 12px 14px !important; margin: 0 0 8px !important;
}
html body.wfacp_main_wrapper .wfacp_main_form .wfacp_radio_field label.radio:has(input:checked) { border: 2px solid var(--be-yellow) !important; background-color: var(--be-sel) !important; }
html body.wfacp_main_wrapper .becx-imp__line,
html body.wfacp_main_wrapper .becx-imp__line * { color: var(--be-soft) !important; }
html body.wfacp_main_wrapper .becx-imp__line a { color: var(--be-link) !important; text-decoration: underline !important; text-underline-offset: 3px; font-weight: 600; }

/* ---------- 6. Shipping method ---------- */
html body.wfacp_main_wrapper #shipping_method,
html body.wfacp_main_wrapper .wfacp_shipping_options { background: transparent !important; border: 0 !important; }
html body.wfacp_main_wrapper #shipping_method li,
html body.wfacp_main_wrapper .wfacp_shipping_table tr {
  background-color: var(--be-field) !important; border: 1px solid var(--be-edge) !important; border-radius: 10px !important;
  padding: 14px 16px !important; color: var(--be-text) !important; list-style: none !important;
}
html body.wfacp_main_wrapper #shipping_method li *,
html body.wfacp_main_wrapper .wfacp_shipping_table * { color: var(--be-text) !important; }
html body.wfacp_main_wrapper .wfacp_shipping_method label:not(.wfacp-form-control-label) { color: var(--be-text) !important; font-size: 15px !important; }

/* ---------- 7. Products and totals: readable, never wrapped mid-price ---------- */
html body.wfacp_main_wrapper .wfacp_order_summary,
html body.wfacp_main_wrapper .wfacp_order_summary_container,
html body.wfacp_main_wrapper .wfacp_product_switcher_container,
html body.wfacp_main_wrapper .wfacp-product-switch-panel,
html body.wfacp_main_wrapper .shop_table,
html body.wfacp_main_wrapper .shop_table tr,
html body.wfacp_main_wrapper .shop_table td,
html body.wfacp_main_wrapper .shop_table th,
html body.wfacp_main_wrapper .wfacp_mini_cart_start_h,
html body.wfacp_main_wrapper .wfacp_order_summary_item,
html body.wfacp_main_wrapper .wfacp_pro_switch .wfacp_row_wrap,
html body.wfacp_main_wrapper .wfacp-product-switch-panel fieldset { background: transparent !important; border-color: var(--be-line) !important; box-shadow: none !important; }
html body.wfacp_main_wrapper .shop_table *,
html body.wfacp_main_wrapper .wfacp_order_summary *,
html body.wfacp_main_wrapper .wfacp_pro_switch * { color: var(--be-soft) !important; }
html body.wfacp_main_wrapper .product-name,
html body.wfacp_main_wrapper .product-name *,
html body.wfacp_main_wrapper .wfacp_order_summary_item_name,
html body.wfacp_main_wrapper .order-total th,
html body.wfacp_main_wrapper .order-total td,
html body.wfacp_main_wrapper .order-total td *,
html body.wfacp_main_wrapper .shop_table .order-total * { color: var(--be-text) !important; }
html body.wfacp_main_wrapper .order-total .woocommerce-Price-amount,
html body.wfacp_main_wrapper .order-total .woocommerce-Price-amount * { font-family: var(--be-display) !important; font-weight: 700 !important; font-size: 26px !important; }
html body.wfacp_main_wrapper .woocommerce-Price-amount,
html body.wfacp_main_wrapper .product-total,
html body.wfacp_main_wrapper .product-price { white-space: nowrap !important; }
html body.wfacp_main_wrapper .wfacp_order_summary_label,
html body.wfacp_main_wrapper .wfacp-order-summary-label { color: var(--be-text) !important; }
/* quantity steppers: visible and thumb-sized */
html body.wfacp_main_wrapper .wfacp_quantity_selector,
html body.wfacp_main_wrapper .wfacp-qty-ball,
html body.wfacp_main_wrapper .quantity { background: transparent !important; }
html body.wfacp_main_wrapper .wfacp_quantity_selector input,
html body.wfacp_main_wrapper .wfacp_quantity_selector .wfacp_qty_input,
html body.wfacp_main_wrapper .quantity input.qty { background-color: var(--be-field) !important; color: var(--be-text) !important; -webkit-text-fill-color: var(--be-text) !important; border: 1px solid var(--be-edge) !important; min-height: 36px !important; }
html body.wfacp_main_wrapper .wfacp_quantity_selector .value-button,
html body.wfacp_main_wrapper .wfacp_quantity_selector span,
html body.wfacp_main_wrapper .wfacp_qty_btn { background-color: var(--be-raise) !important; color: var(--be-text) !important; border: 1px solid var(--be-edge) !important; min-width: 36px !important; min-height: 36px !important; line-height: 34px !important; }
html body.wfacp_main_wrapper .wfacp_qty_count,
html body.wfacp_main_wrapper .wfacp-qty-count { background-color: var(--be-yellow) !important; color: var(--be-ink) !important; }
html body.wfacp_main_wrapper .wfacp_order_summary img,
html body.wfacp_main_wrapper .shop_table img,
html body.wfacp_main_wrapper .wfacp_pro_switch img { background-color: var(--be-field) !important; border: 1px solid var(--be-line) !important; border-radius: 8px !important; }
html body.wfacp_main_wrapper .wfacp_remove_item_from_order_summary,
html body.wfacp_main_wrapper .wfacp_delete_item_wrap a,
html body.wfacp_main_wrapper a.remove { color: var(--be-soft) !important; }

/* coupon */
html body.wfacp_main_wrapper .wfacp_coupon_field_msg,
html body.wfacp_main_wrapper .wfacp-coupon-section,
html body.wfacp_main_wrapper .wfacp_coupon_row { background: transparent !important; }
html body.wfacp_main_wrapper .wfacp_showcoupon,
html body.wfacp_main_wrapper .wfacp-coupon-link,
html body.wfacp_main_wrapper .wfacp_main_showcoupon { color: var(--be-link) !important; text-decoration: underline !important; text-underline-offset: 3px; font-weight: 600; }

/* ---------- 8. Payment + the one button that matters ---------- */
html body.wfacp_main_wrapper #payment,
html body.wfacp_main_wrapper #payment .payment_methods,
html body.wfacp_main_wrapper #payment .payment_box,
html body.wfacp_main_wrapper #payment ul.wc_payment_methods li {
  background-color: var(--be-field) !important; border: 1px solid var(--be-line) !important; border-radius: 10px !important; color: var(--be-text) !important;
}
html body.wfacp_main_wrapper #payment .payment_box::before { border-bottom-color: var(--be-field) !important; }
html body.wfacp_main_wrapper #payment,
html body.wfacp_main_wrapper #payment * { color: var(--be-text) !important; }
html body.wfacp_main_wrapper #payment .place-order { background: transparent !important; border: 0 !important; padding: 16px 0 0 !important; }
html body.wfacp_main_wrapper #payment a,
html body.wfacp_main_wrapper .woocommerce-terms-and-conditions-link { color: var(--be-link) !important; font-weight: 600; text-decoration: underline !important; text-underline-offset: 3px; }
html body.wfacp_main_wrapper .woocommerce-terms-and-conditions-checkbox-text,
html body.wfacp_main_wrapper .woocommerce-terms-and-conditions-wrapper label { color: var(--be-text) !important; font-size: 15px !important; }
html body.wfacp_main_wrapper .woocommerce-terms-and-conditions { background-color: var(--be-card) !important; color: var(--be-soft) !important; border: 1px solid var(--be-line) !important; }
html body.wfacp_main_wrapper #place_order,
html body.wfacp_main_wrapper .wfacp-order-place-btn-wrap button,
html body.wfacp_main_wrapper button.button.alt {
  background-color: var(--be-yellow) !important; color: var(--be-ink) !important; -webkit-text-fill-color: var(--be-ink) !important;
  border: 2px solid var(--be-ink) !important; border-radius: 12px !important; box-shadow: 0 3px 0 var(--be-ink) !important;
  font-family: var(--be-display) !important; font-weight: 700 !important; font-size: 20px !important;
  letter-spacing: .04em !important; text-transform: uppercase !important;
  min-height: 60px !important; width: 100% !important; max-width: none !important; padding: 16px 20px !important;
  transition: transform .12s ease, filter .12s ease;
}
html body.wfacp_main_wrapper #place_order:hover { filter: brightness(1.06); }
html body.wfacp_main_wrapper #place_order:active { transform: translateY(2px); box-shadow: 0 1px 0 var(--be-ink) !important; }
html body.wfacp_main_wrapper .wfacp-payment-dec {
  background: transparent !important; color: var(--be-soft) !important; border: 0 !important; font-size: 13px !important; text-align: center !important;
}

/* ---------- 9. Trust, support, reviews, footer: same white cards ---------- */
html body.wfacp_main_wrapper .wfacp_promises_0.div_wrap_sec,
html body.wfacp_main_wrapper .wfacp_customer_0.div_wrap_sec,
html body.wfacp_main_wrapper .div_wrap_sec,
html body.wfacp_main_wrapper .wfacp_testimonial,
html body.wfacp_main_wrapper .wfacp-testimonial-wrap,
html body.wfacp_main_wrapper .wfacp_permission_icon,
html body.wfacp_main_wrapper .wfacp-permission-icon,
html body.wfacp_main_wrapper .wfacp_assurance,
html body.wfacp_main_wrapper .wfacp_benefits,
html body.wfacp_main_wrapper .wfacp-widget,
html body.wfacp_main_wrapper .wfacp_html_widget {
  background-color: var(--be-card) !important; border-color: var(--be-line) !important; box-shadow: none !important;
}
html body.wfacp_main_wrapper .div_wrap_sec h1, html body.wfacp_main_wrapper .div_wrap_sec h2,
html body.wfacp_main_wrapper .div_wrap_sec h3, html body.wfacp_main_wrapper .div_wrap_sec h4,
html body.wfacp_main_wrapper .div_wrap_sec h5, html body.wfacp_main_wrapper .div_wrap_sec h6,
html body.wfacp_main_wrapper .wfacp-right-panel h1, html body.wfacp_main_wrapper .wfacp-right-panel h2,
html body.wfacp_main_wrapper .wfacp-right-panel h3, html body.wfacp_main_wrapper .wfacp-right-panel h4,
html body.wfacp_main_wrapper .wfacp-right-panel h5, html body.wfacp_main_wrapper .wfacp-right-panel h6,
html body.wfacp_main_wrapper .wfacp-testing-sub-hd,
html body.wfacp_main_wrapper .wfacp-title-name {
  color: var(--be-text) !important; font-family: var(--be-display) !important; text-transform: uppercase; letter-spacing: .01em;
}
html body.wfacp_main_wrapper .div_wrap_sec p, html body.wfacp_main_wrapper .div_wrap_sec span,
html body.wfacp_main_wrapper .div_wrap_sec li, html body.wfacp_main_wrapper .div_wrap_sec div,
html body.wfacp_main_wrapper .wfacp-right-panel p, html body.wfacp_main_wrapper .wfacp-right-panel span,
html body.wfacp_main_wrapper .wfacp-right-panel li, html body.wfacp_main_wrapper .wfacp-right-panel div,
html body.wfacp_main_wrapper .wfacp-subtitle,
html body.wfacp_main_wrapper .wfacp-testimani-user-name { color: var(--be-soft) !important; font-style: normal !important; }
html body.wfacp_main_wrapper .div_wrap_sec a,
html body.wfacp_main_wrapper .wfacp-right-panel a { color: var(--be-link) !important; text-decoration: underline; text-underline-offset: 3px; }
html body.wfacp_main_wrapper .becx-revs__more,
html body.wfacp_main_wrapper button.becx-revs__more {
  background: var(--be-card) !important; color: var(--be-text) !important; border: 2px solid var(--be-text) !important; border-radius: 10px !important; min-height: 44px; font-weight: 700;
}
html body.wfacp_main_wrapper .wfacp-permission-icon img,
html body.wfacp_main_wrapper .wfacp_permission_icon img { filter: none !important; opacity: 1 !important; }
html body.wfacp_main_wrapper .customer_support_wrap img { filter: none !important; }
html body.wfacp_main_wrapper .wfacp-footer,
html body.wfacp_main_wrapper .wfacp_footer,
html body.wfacp_main_wrapper .wfacp_inner_footer_m { border-top: 1px solid var(--be-line) !important; }
html body.wfacp_main_wrapper .wfacp-footer a,
html body.wfacp_main_wrapper .wfacp_footer a { color: var(--be-soft) !important; display: inline-block; padding: 8px 6px; }
html body.wfacp_main_wrapper .wfacp-footer a:hover,
html body.wfacp_main_wrapper .wfacp_footer a:hover { color: var(--be-yellow) !important; text-decoration: underline; }
html body.wfacp_main_wrapper .wfacp-footer p,
html body.wfacp_main_wrapper .wfacp_footer p,
html body.wfacp_main_wrapper .wfacp-footer span,
html body.wfacp_main_wrapper .wfacp_footer span { color: var(--be-soft) !important; }

/* ---------- 10. Links and small targets ---------- */
html body.wfacp_main_wrapper .wfacp-main-container a { text-underline-offset: 3px; }
html body.wfacp_main_wrapper .showlogin,
html body.wfacp_main_wrapper .wfacp-main-container a[href*="#"] { min-height: 32px; }

/* ---------- 11. Phones ---------- */
@media (max-width: 767px) {
  html body.wfacp_main_wrapper .wfacp-left-panel > .wfacp-section,
  html body.wfacp_main_wrapper .wfacp-section.wfacp-hg-by-box { padding: 20px 16px 16px !important; border-radius: 12px !important; }
  html body.wfacp_main_wrapper .wfacp_section_heading,
  html body.wfacp_main_wrapper h2.wfacp_section_title { font-size: 20px !important; }
  html body.wfacp_main_wrapper .wfacp_main_form .form-row { width: 100% !important; float: none !important; }
  html body.wfacp_main_wrapper #place_order { font-size: 19px !important; }
}

/* ---------- 12. Fixes found in testing ---------- */
/* country / state boxes (select2) */
html body.wfacp_main_wrapper .wfacp_main_form .select2-container .select2-selection__rendered,
html body.wfacp_main_wrapper .select2-container--default .select2-selection--single .select2-selection__rendered { background: transparent !important; color: var(--be-text) !important; }
/* product rows had FunnelKit's pale grey card */
html body.wfacp_main_wrapper .wfacp_product_row,
html body.wfacp_main_wrapper .woocommerce-cart-form__cart-item,
html body.wfacp_main_wrapper .wfacp_pro_switch .cart_item {
  background-color: var(--be-field) !important; border: 1px solid var(--be-line) !important; border-radius: 10px !important;
}
/* prices never squeeze into a 11px column */
html body.wfacp_main_wrapper .wfacp_product_switcher_col_3,
html body.wfacp_main_wrapper .wfacp_product_price_container,
html body.wfacp_main_wrapper .wfacp_product_price_sec { flex: none !important; min-width: max-content !important; width: auto !important; }
html body.wfacp_main_wrapper .order-total td { white-space: nowrap !important; width: auto !important; }
/* the yellow delivery-date card: dark text on yellow, always */
html body.wfacp_main_wrapper .be-clock,
html body.wfacp_main_wrapper .be-clock .d,
html body.wfacp_main_wrapper .be-clock strong { color: var(--be-ink) !important; }
html body.wfacp_main_wrapper .be-clock .k,
html body.wfacp_main_wrapper .be-clock .n,
html body.wfacp_main_wrapper .be-clock .n * { color: #3A3400 !important; }
html body.wfacp_main_wrapper .be-clock { border-radius: 10px !important; }
@media (max-width: 767px) {
  html body.wfacp_main_wrapper .order-total .woocommerce-Price-amount,
  html body.wfacp_main_wrapper .order-total .woocommerce-Price-amount * { font-size: 22px !important; }
}
@media (max-width: 767px) {
  /* product row: name on the first line, quantity + price on the second */
  html body.wfacp_main_wrapper .wfacp_row_wrap { flex-wrap: wrap !important; row-gap: 10px; }
  html body.wfacp_main_wrapper .wfacp_product_sec_start { flex: 1 1 100% !important; max-width: 100% !important; justify-content: flex-end !important; }
}

/* ---------- 13. One order summary, not three ---------- */
/* "Your Products" repeats the order summary line for line */
html body.wfacp_main_wrapper .wfacp-section.wfacp_product_switcher { display: none !important; }
/* where the sidebar shows the order (992px and up), the in-form copy goes */
@media (min-width: 992px) {
  html body.wfacp_main_wrapper .wfacp-left-panel .wfacp-section.step_4 { display: none !important; }
}
/* renumber the step chips so there is no gap (01 02 03 … ) */
html body.wfacp_main_wrapper .wfacp-left-panel { counter-reset: be-step; }
html body.wfacp_main_wrapper .wfacp-left-panel > .wfacp-section:not([style*="display: none"]) .be-chip { font-size: 0 !important; }
html body.wfacp_main_wrapper .wfacp-left-panel > .wfacp-section .be-chip::after { counter-increment: be-step; content: counter(be-step, decimal-leading-zero); font-size: 11px; letter-spacing: .16em; }
@media (min-width: 992px) { html body.wfacp_main_wrapper .wfacp-left-panel > .wfacp-section.step_4 .be-chip::after { counter-increment: none; } }

/* ---------- 14. Sidebar: white to the edge of the screen ---------- */
html body.wfacp_main_wrapper .wfacp-right-panel::after,
html body.wfacp_main_wrapper .wfacp-right-panel::before { background-color: var(--be-card) !important; }
html body.wfacp_main_wrapper .wfacp-right-panel .div_wrap_sec,
html body.wfacp_main_wrapper .wfacp-right-panel .wfacp-widget,
html body.wfacp_main_wrapper .wfacp-right-panel .wfacp_html_widget { background: transparent !important; }

/* ---------- 15. Impression-kit choice: each option is one tappable card ---------- */
html body.wfacp_main_wrapper .wfacp_radio_options_group {
  display: flex !important; align-items: center !important; gap: 12px;
  border: 1px solid var(--be-edge) !important; border-radius: 10px !important; background-color: var(--be-field) !important;
  padding: 12px 14px !important; margin: 0 0 8px !important; min-height: 52px; box-sizing: border-box; cursor: pointer;
}
html body.wfacp_main_wrapper .wfacp_radio_options_group:has(input:checked) { border: 2px solid var(--be-yellow) !important; background-color: var(--be-sel) !important; }
html body.wfacp_main_wrapper .wfacp_radio_options_group input[type="radio"] { margin: 0 !important; flex: none; top: 0 !important; }
html body.wfacp_main_wrapper .wfacp_main_form .wfacp_radio_field .wfacp_radio_options_group label.radio {
  border: 0 !important; background: transparent !important; padding: 0 !important; margin: 0 !important; min-height: 0 !important; flex: 1; display: block !important;
}

/* ---------- 16. Terms line reads as one sentence ---------- */
html body.wfacp_main_wrapper .woocommerce-terms-and-conditions-wrapper .form-row label,
html body.wfacp_main_wrapper .woocommerce-terms-and-conditions-wrapper label.woocommerce-form__label {
  display: block !important; padding: 10px 0 10px 34px !important; position: relative !important; width: auto !important; line-height: 1.5 !important;
}
html body.wfacp_main_wrapper .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] { position: absolute !important; left: 0; top: 12px !important; margin: 0 !important; width: 22px !important; height: 22px !important; }
html body.wfacp_main_wrapper .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text { display: inline !important; }

/* links in the explainer match the rest of the page */
html body.wfacp_main_wrapper .wfacp-main-container a:not(.button):not(#place_order) { color: var(--be-link); text-decoration-thickness: 1px; }
html body.wfacp_main_wrapper .wfacp_main_form input[type="checkbox"],
html body.wfacp_main_wrapper .wfacp_main_form input[type="radio"] { display: inline-block !important; float: none !important; }
@media (max-width: 360px) {
  html body.wfacp_main_wrapper .order-total .woocommerce-Price-amount,
  html body.wfacp_main_wrapper .order-total .woocommerce-Price-amount * { font-size: 20px !important; }
  html body.wfacp_main_wrapper .wfacp-left-panel > .wfacp-section,
  html body.wfacp_main_wrapper .wfacp-section.wfacp-hg-by-box { padding: 18px 12px 14px !important; }
}
html body.wfacp_main_wrapper .wfacp_main_form .woocommerce-form__label span,
html body.wfacp_main_wrapper .wfacp_main_form label.checkbox span { display: inline !important; padding: 0 !important; min-height: 0 !important; }

/* ---------- 17. Brand header: the one black band (logo is made for black) ---------- */
html body.wfacp_main_wrapper .wfacp-header,
html body.wfacp_main_wrapper .wfacp_header { background-color: #0B0B0A !important; border-bottom: 3px solid var(--be-yellow) !important; }
html body.wfacp_main_wrapper .wfacp-header *,
html body.wfacp_main_wrapper .wfacp_header * { color: #E4E1D6 !important; }
html body.wfacp_main_wrapper .wfacp-header a:hover span,
html body.wfacp_main_wrapper .wfacp-header a:hover { color: var(--be-yellow) !important; }
html body.wfacp_main_wrapper .wfacp-header a:focus-visible { outline-color: var(--be-yellow) !important; }
html body.wfacp_main_wrapper .wfacp-header .wfacp-header-nav span,
html body.wfacp_main_wrapper .wfacp-header .wfacp-header-nav a,
html body.wfacp_main_wrapper .wfacp_header .wfacp-header-nav span,
html body.wfacp_main_wrapper .wfacp_header .wfacp-header-nav a { color: #E4E1D6 !important; }

/* ---------- 18. "What happens after you pay" panel (bigear-commerce) on the light checkout ---------- */
html body.wfacp_main_wrapper .becx-kit {
	--bone: #F3F1E9; --becx-bone: #F3F1E9;
	--sand: #D6D3C8; --becx-sand: #D6D3C8;
	--hairline: #333330; --becx-hairline: #333330;
	--hairline-2: #46443D; --becx-hairline-2: #46443D;
	--stone: #131312; --becx-stone: #131312;
	--stone-2: #1B1B19; --becx-stone-2: #1B1B19;
	background: #131312 !important;
	border: 1px solid #333330 !important;
}
html body.wfacp_main_wrapper .becx-kit .becx-kit__eyebrow { color: #FFE600 !important; }
html body.wfacp_main_wrapper .becx-kit .becx-kit__hintlink,
html body.wfacp_main_wrapper .becx-kit .becx-kit__vidnote a { color: #F3F1E9 !important; text-decoration: underline !important; text-underline-offset: 3px; font-weight: 600; }
html body.wfacp_main_wrapper .becx-kit .becx-kit__hint { background: #1B1B19 !important; border-color: #333330 !important; }
html body.wfacp_main_wrapper .becx-kit__fold,
html body.wfacp_main_wrapper .becx-revs__more { background: transparent !important; color: #F3F1E9 !important; border: 2px solid #F3F1E9 !important; }

/* ---------- 19. Empty fields: the label IS the placeholder (FunnelKit floats it up on focus).
   Showing the grey example text as well stacked "Email *" on top of "john.doe@example.com".
   The example appears once the field is active and the label has moved up. ---------- */
html body.wfacp_main_wrapper .wfacp_main_form .form-row:not(.wfacp-anim-wrap) input::placeholder,
html body.wfacp_main_wrapper .wfacp_main_form .form-row:not(.wfacp-anim-wrap) textarea::placeholder {
  color: transparent !important; -webkit-text-fill-color: transparent !important;
}


/* ==========================================================================
   READABILITY GUARANTEES (dark skin, 28 Sep)
   The rule that makes a dark checkout work: dark surfaces, never dark data.
   Money, quantities and anything a customer types are always Bone on a dark
   surface (13:1 or better), in tabular figures so columns line up. Grey is
   kept for captions only, and even captions clear 7:1.
   ========================================================================== */

/* Money: every price, subtotal, shipping figure and total. */
html body.wfacp_main_wrapper .woocommerce-Price-amount,
html body.wfacp_main_wrapper .woocommerce-Price-amount bdi,
html body.wfacp_main_wrapper .woocommerce-Price-currencySymbol,
html body.wfacp_main_wrapper .wfacp_order_summary .product-total,
html body.wfacp_main_wrapper .wfacp_order_summary .cart-subtotal td,
html body.wfacp_main_wrapper .wfacp_order_summary tfoot td,
html body.wfacp_main_wrapper .wfacp_mini_cart_items .product-total,
html body.wfacp_main_wrapper .wfacp_mini_cart_items tfoot td,
html body.wfacp_main_wrapper .wfacp_shipping_table .amount {
	color: var(--be-text) !important;
	font-variant-numeric: tabular-nums lining-nums;
}
html body.wfacp_main_wrapper .wfacp_order_summary .cart-subtotal th,
html body.wfacp_main_wrapper .wfacp_order_summary tfoot th,
html body.wfacp_main_wrapper .wfacp_mini_cart_items tfoot th {
	color: var(--be-soft) !important;
}
html body.wfacp_main_wrapper .order-total .woocommerce-Price-amount,
html body.wfacp_main_wrapper .order-total .woocommerce-Price-amount bdi {
	color: var(--be-text) !important;
	font-weight: 700 !important;
}
html body.wfacp_main_wrapper .tax_label,
html body.wfacp_main_wrapper .includes_tax,
html body.wfacp_main_wrapper .includes_tax .woocommerce-Price-amount,
html body.wfacp_main_wrapper .includes_tax .woocommerce-Price-amount bdi {
	color: var(--be-hint) !important;
	font-weight: 400 !important;
}
/* On a Blaze fill, figures are ink, never Bone. */
html body.wfacp_main_wrapper #place_order .woocommerce-Price-amount,
html body.wfacp_main_wrapper #place_order .woocommerce-Price-amount bdi,
html body.wfacp_main_wrapper .be-clock .woocommerce-Price-amount {
	color: var(--be-ink) !important;
}

/* Numbers printed on a Blaze disc (the kit's four steps) are ink. */
html body.wfacp_main_wrapper .becx-kit .becx-kit__num,
html body.wfacp_main_wrapper .becx-kit .becx-kit__playicon {
	color: var(--be-ink) !important;
}

/* "(includes $x Tax)" is a note, not a second total: caption size, never 30px. */
html body.wfacp_main_wrapper .order-total .includes_tax,
html body.wfacp_main_wrapper .order-total .includes_tax .woocommerce-Price-amount,
html body.wfacp_main_wrapper .order-total .includes_tax .woocommerce-Price-amount bdi {
	font-family: var(--be-body) !important;
	font-size: 13px !important;
	letter-spacing: 0 !important;
}

/* Icon fonts the checkout never loads: the sidebar ticks rendered as empty boxes
   and the review stars as the letters "SSSSS". Drawn with plain characters instead. */
html body.wfacp_main_wrapper .wfacp-sidebar-list .wfacp-tick {
	font-family: var(--be-body) !important;
}
html body.wfacp_main_wrapper .wfacp-sidebar-list .wfacp-tick::before {
	content: "\2713" !important;
	font-family: var(--be-body) !important;
	color: var(--be-yellow) !important;
	font-weight: 700;
}
html body.wfacp_main_wrapper .wfacp-star-rating {
	position: relative !important;
	display: inline-block !important;
	font-family: var(--be-body) !important;
	font-size: 16px !important;
	line-height: 1 !important;
	letter-spacing: .12em !important;
	width: 6.2em !important;
	height: 1.25em !important;
	overflow: hidden !important;
	white-space: nowrap !important;
}
html body.wfacp_main_wrapper .wfacp-star-rating::before {
	content: "\2605\2605\2605\2605\2605" !important;
	font-family: var(--be-body) !important;
	color: #46443D !important;
	position: static !important;
	display: block !important;
	line-height: 1.25 !important;
}
html body.wfacp_main_wrapper .wfacp-star-rating span {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	height: 1.25em !important;
	line-height: 1.25 !important;
	overflow: hidden !important;
	padding: 0 !important;
	white-space: nowrap !important;
}
html body.wfacp_main_wrapper .wfacp-star-rating span::before {
	content: "\2605\2605\2605\2605\2605" !important;
	font-family: var(--be-body) !important;
	color: var(--be-yellow) !important;
	position: static !important;
}

/* WooCommerce's hidden "ship to a different address" switch was being forced visible
   as an unlabeled, pre-ticked checkbox under the pay button. It stays in the form. */
html body.wfacp_main_wrapper #ship-to-different-address {
	display: none !important;
}

/* The small trust lines under the promise read left to right, tick first. */
html body.wfacp_main_wrapper .be-trust li,
html body.wfacp_main_wrapper .be-trust li > span,
html body.wfacp_main_wrapper .be-trust div > span {
	justify-content: flex-start !important;
	text-align: left !important;
}
/* The pay-button wrapper centres every span with auto margins; the trust rows opt out. */
html body.wfacp_main_wrapper .be-trust div > span {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Product photos sit on a light tile, so a black adapter never disappears
   into a black page (the way the site's own product cards show them). */
html body.wfacp_main_wrapper .wfacp_mini_cart_items img,
html body.wfacp_main_wrapper .wfacp_order_summary img {
	background: #F3F1E9 !important;
	border-radius: 8px !important;
	padding: 3px !important;
	box-sizing: border-box;
}

/* Quantity steppers and number fields. */
html body.wfacp_main_wrapper .wfacp_mini_cart_items input,
html body.wfacp_main_wrapper .wfacp_mini_cart_items button,
html body.wfacp_main_wrapper .wfacp_mini_cart_items .wfacp_qty_btn,
html body.wfacp_main_wrapper .wfacp_mini_cart_items [class*="qty"] {
	background: var(--be-field) !important;
	color: var(--be-text) !important;
	border-color: var(--be-edge) !important;
}

/* Fields: typed text is Bone, placeholders clear 6:1, focus is Blaze. */
html body.wfacp_main_wrapper input::placeholder,
html body.wfacp_main_wrapper textarea::placeholder {
	color: #A3A094 !important;
	opacity: 1 !important;
}
html body.wfacp_main_wrapper input:focus,
html body.wfacp_main_wrapper select:focus,
html body.wfacp_main_wrapper textarea:focus,
html body.wfacp_main_wrapper .select2-container--focus .select2-selection,
html body.wfacp_main_wrapper .select2-container--open .select2-selection {
	border-color: var(--be-yellow) !important;
	box-shadow: 0 0 0 3px rgba(255, 230, 0, .28) !important;
	outline: none !important;
}
html body.wfacp_main_wrapper a:focus-visible,
html body.wfacp_main_wrapper button:focus-visible,
html body.wfacp_main_wrapper [role="button"]:focus-visible {
	outline: 2px solid var(--be-yellow) !important;
	outline-offset: 2px !important;
}
/* Browser autofill paints fields pale blue with dark text; keep them on-brand and readable. */
html body.wfacp_main_wrapper input:-webkit-autofill,
html body.wfacp_main_wrapper input:-webkit-autofill:hover,
html body.wfacp_main_wrapper input:-webkit-autofill:focus,
html body.wfacp_main_wrapper select:-webkit-autofill,
html body.wfacp_main_wrapper textarea:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px var(--be-field) inset !important;
	-webkit-text-fill-color: var(--be-text) !important;
	caret-color: var(--be-text);
	transition: background-color 9999s ease-out 0s;
}
html body.wfacp_main_wrapper input[type="checkbox"],
html body.wfacp_main_wrapper input[type="radio"] {
	accent-color: var(--be-yellow);
}

/* Country / state pickers (Select2), including the list it opens at the end of the page. */
html body.wfacp_main_wrapper .select2-container--default .select2-selection--single,
html body.wfacp_main_wrapper .select2-container--default .select2-selection--multiple {
	background: var(--be-field) !important;
	border: 1px solid var(--be-edge) !important;
}
html body.wfacp_main_wrapper .select2-container--default .select2-selection__rendered {
	color: var(--be-text) !important;
}
html body.wfacp_main_wrapper .select2-container--default .select2-selection__arrow b {
	border-top-color: var(--be-soft) !important;
}
html body.wfacp_main_wrapper .select2-dropdown {
	background: var(--be-field) !important;
	border: 1px solid var(--be-edge) !important;
	color: var(--be-text) !important;
}
html body.wfacp_main_wrapper .select2-search__field {
	background: var(--be-card) !important;
	color: var(--be-text) !important;
	border: 1px solid var(--be-edge) !important;
}
html body.wfacp_main_wrapper .select2-results__option {
	color: var(--be-text) !important;
	background: transparent !important;
}
html body.wfacp_main_wrapper .select2-results__option[aria-selected="true"],
html body.wfacp_main_wrapper .select2-results__option--selected {
	background: var(--be-sel) !important;
}
html body.wfacp_main_wrapper .select2-results__option--highlighted,
html body.wfacp_main_wrapper .select2-results__option--highlighted[aria-selected] {
	background: var(--be-yellow) !important;
	color: var(--be-ink) !important;
}

/* Payment: its own raised panel with a Blaze edge, so the part of the page that
   takes money looks deliberate and secure (Baymard: encapsulate payment fields). */
html body.wfacp_main_wrapper #payment {
	background: var(--be-raise) !important;
	border: 1px solid var(--be-line) !important;
	border-top: 3px solid var(--be-yellow) !important;
	border-radius: 12px !important;
}
html body.wfacp_main_wrapper #payment .payment_box {
	background: var(--be-card) !important;
	color: var(--be-soft) !important;
}
html body.wfacp_main_wrapper #payment .payment_box::before {
	border-bottom-color: var(--be-card) !important;
}

/* The checkout add-ons (clock, timeline, trust card, payment cards, mobile bar)
   used #95907F for their small print: lifted to the caption colour. */
html body.wfacp_main_wrapper .be-line,
html body.wfacp_main_wrapper .be-tl .k,
html body.wfacp_main_wrapper .be-tl .s,
html body.wfacp_main_wrapper .be-trust li,
html body.wfacp_main_wrapper .be-trust p,
html body.wfacp_main_wrapper .be-trust a,
html body.wfacp_main_wrapper .be-cards .be-sub,
html body.wfacp_main_wrapper .be-bar .l {
	color: var(--be-hint) !important;
}
html body.wfacp_main_wrapper .be-trust {
	background: var(--be-raise) !important;
	border-color: var(--be-line) !important;
}
html body.wfacp_main_wrapper .be-cards li,
html body.wfacp_main_wrapper .be-cards .wfacp-radio-field {
	background: var(--be-field) !important;
	border-color: var(--be-edge) !important;
}
html body.wfacp_main_wrapper .be-cards li.be-on {
	background: var(--be-sel) !important;
	border-color: var(--be-yellow) !important;
}
html body.wfacp_main_wrapper .be-bar .v {
	color: var(--be-text) !important;
}

/* Counts printed on Blaze (the item badge on each product photo) are ink. */
html body.wfacp_main_wrapper .wfacp-pro-count {
	color: var(--be-ink) !important;
}

/* The tax note under the total wraps below it instead of pushing the page sideways on phones. */
html body.wfacp_main_wrapper .order-total td {
	white-space: normal !important;
}
html body.wfacp_main_wrapper .order-total .includes_tax {
	display: block !important;
	white-space: normal !important;
	margin-top: 4px !important;
}

/* The Big Ear logo stays on the checkout on phones too (FunnelKit hid the whole header). */
@media (max-width: 991px) {
	html body.wfacp_main_wrapper .outside_header_wrap {
		display: block !important;
	}
	html body.wfacp_main_wrapper .wfacp-header,
	html body.wfacp_main_wrapper .wfacp_header {
		padding: 12px 16px !important;
	}
}

/* The tax note's currency sign inherited the 26px total size. */
html body.wfacp_main_wrapper .order-total .includes_tax .woocommerce-Price-currencySymbol {
	font-size: inherit !important;
	font-family: inherit !important;
}

/* Quantity stepper: one clear control, with the number readable between - and +. */
html body.wfacp_main_wrapper .wfacp_quantity_selector {
	display: inline-flex !important;
	align-items: stretch !important;
	width: auto !important;
	border: 1px solid var(--be-edge) !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	background: var(--be-field) !important;
	height: 36px !important;
	min-height: 36px !important;
	max-height: none !important;
}
html body.wfacp_main_wrapper .wfacp_quantity_selector .value-button::before,
html body.wfacp_main_wrapper .wfacp_quantity_selector .value-button::after {
	display: none !important;
}
html body.wfacp_main_wrapper .wfacp_quantity_selector .value-button {
	width: 34px !important;
	height: 34px !important;
	min-height: 34px !important;
	line-height: 1 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: transparent !important;
	border: 0 !important;
	color: var(--be-text) !important;
	font-size: 16px !important;
	cursor: pointer;
}
html body.wfacp_main_wrapper .wfacp_quantity_selector .value-button:hover {
	background: var(--be-sel) !important;
}
html body.wfacp_main_wrapper .wfacp_quantity_selector input {
	width: 38px !important;
	min-width: 38px !important;
	height: 34px !important;
	min-height: 34px !important;
	line-height: 34px !important;
	border: 0 !important;
	border-left: 1px solid var(--be-line) !important;
	border-right: 1px solid var(--be-line) !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--be-text) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-align: center !important;
	padding: 0 !important;
	-moz-appearance: textfield;
}
html body.wfacp_main_wrapper .wfacp_quantity_selector input::-webkit-inner-spin-button,
html body.wfacp_main_wrapper .wfacp_quantity_selector input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Phones: a compact header, logo left, chat and phone right, so the form starts
   higher up. The email address is still in Customer Support at the foot of the page. */
@media (max-width: 600px) {
	html body.wfacp_main_wrapper .outside_head_sec {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
	}
	html body.wfacp_main_wrapper .outside_head_sec .wfacp_logo_wrap {
		flex: none !important;
		margin: 0 !important;
	}
	html body.wfacp_main_wrapper .outside_head_sec .wfacp-help-text {
		padding: 0 !important;
		margin: 0 !important;
	}
	html body.wfacp_main_wrapper .wfacp-header-nav ul {
		display: flex !important;
		gap: 14px !important;
		justify-content: flex-end !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	html body.wfacp_main_wrapper .wfacp-header-nav li {
		margin: 0 !important;
		padding: 0 0 0 22px !important;
		position: relative !important;
		display: block !important;
	}
	html body.wfacp_main_wrapper .wfacp-header-nav .wfacp_header_list_sup,
	html body.wfacp_main_wrapper .wfacp-header-nav .wfacp_header_email {
		display: none !important;
	}
	html body.wfacp_main_wrapper .wfacp-header-nav ul {
		gap: 10px !important;
	}
	html body.wfacp_main_wrapper .wfacp-header-nav a {
		display: inline-flex !important;
		position: static !important;
		align-items: center !important;
		min-height: 44px !important;
		font-size: 14px !important;
		white-space: nowrap !important;
	}
}
@media (max-width: 360px) {
	html body.wfacp_main_wrapper .wfacp-header-nav a {
		font-size: 13px !important;
	}
}

/* The checkout logo is the site's own wordmark (white-outlined for dark pages).
   FunnelKit's Logo.png has black letters that vanish on the dark page; it stays in
   the markup for its alt text and link, drawn invisibly under the site wordmark. */
html body.wfacp_main_wrapper .wfacp_logo_wrap {
	display: inline-block !important;
	width: 72px !important;
	height: 49px !important;
	background: url("/wp-content/plugins/bigear-site/site/assets/img/866d47d32b8dd956.webp") left center / contain no-repeat !important;
}
html body.wfacp_main_wrapper .wfacp_logo_wrap img {
	opacity: 0 !important;
	width: 72px !important;
	height: 49px !important;
	max-width: none !important;
	max-height: none !important;
}
@media (max-width: 600px) {
	html body.wfacp_main_wrapper .wfacp_logo_wrap,
	html body.wfacp_main_wrapper .wfacp_logo_wrap img {
		width: 60px !important;
		height: 41px !important;
	}
}