/* ai-peptides.com checkout restyle.
   Brings the WooFunnels Aero Checkout (WFACP / Elementor "template 9") form in line with
   the storefront design (see checkout.html). Loaded only on the checkout via functions.php.
   Targets WFACP's real markup; high specificity + a few !important to beat Elementor inline.
   Tokens come from css/site.css (loaded first). NO raw card fields are added here — the live
   gateway (hosted/tokenised) stays intact. */

/* ---- page frame ---- */
body.woocommerce-checkout {
  background: var(--canvas);
  font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
  color: var(--ink);
}
body.woocommerce-checkout .wfacp-main-wrapper,
body.woocommerce-checkout .wfacp-content-wrap {
  background: transparent !important;
}

/* the WFACP heading band */
body.woocommerce-checkout .wfacp-comm-title,
body.woocommerce-checkout .wfacp-order2StepHeaderText {
  font-family: inherit !important;
  letter-spacing: -.01em;
}

/* ---- form sections ---- */
body.woocommerce-checkout .wfacp-section {
  background: var(--paper) !important;
  border: 1px solid var(--rule) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
  padding: 22px !important;
  margin-bottom: 16px !important;
}
body.woocommerce-checkout .wfacp_section_title,
body.woocommerce-checkout .wfacp_section_heading,
body.woocommerce-checkout .wfacp-section h2,
body.woocommerce-checkout .wfacp-section h3 {
  font-family: inherit !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  letter-spacing: -.01em !important;
  margin: 0 0 14px !important;
}

/* ---- fields ----
   WFACP uses a FLOATING-LABEL layout: the label is absolutely positioned and the input
   carries `padding:20px 12px 4px` so the floated label has room on top. So we theme COLOUR
   ONLY here — never override the input padding/height or the label position/size, or the
   label collides with the value (the bug this replaced). */
body.woocommerce-checkout .wfacp-form-control,
body.woocommerce-checkout .input-text,
body.woocommerce-checkout select,
body.woocommerce-checkout textarea,
body.woocommerce-checkout .select2-selection {
  font-family: inherit !important;
  color: var(--ink) !important;
  background: var(--tint-2) !important;
  border-color: var(--rule) !important;
  border-radius: var(--radius-sm) !important;
}
body.woocommerce-checkout .wfacp-form-control:focus,
body.woocommerce-checkout .input-text:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout textarea:focus {
  border-color: var(--accent) !important;
  background: var(--paper) !important;
  outline: none !important;
}

/* ---- coupon ---- */
body.woocommerce-checkout .wfacp-coupon-btn,
body.woocommerce-checkout .wfacp_coupon_button {
  background: var(--tint) !important;
  color: var(--accent-deep) !important;
  border: 1px solid var(--rule) !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
}

/* ---- payment options: card-style boxes, selected highlight ---- */
body.woocommerce-checkout .wfacp_payment ul.wc_payment_methods,
body.woocommerce-checkout ul.wc_payment_methods {
  border: 0 !important;
  padding: 0 !important;
  display: grid;
  gap: 10px;
}
body.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method {
  list-style: none !important;
  border: 1px solid var(--rule) !important;
  border-radius: var(--radius-sm) !important;
  background: var(--paper) !important;
  padding: 13px 15px !important;
  margin: 0 !important;
  transition: border-color .12s, background .12s;
}
body.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method:has(input:checked) {
  border-color: var(--ink) !important;
  background: var(--tint-2) !important;
}
body.woocommerce-checkout ul.wc_payment_methods li label {
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: var(--ink) !important;
}
body.woocommerce-checkout .payment_box {
  background: var(--tint-2) !important;
  border-radius: var(--radius-sm) !important;
  font-size: 13px !important;
  color: var(--text) !important;
  margin-top: 8px !important;
}
body.woocommerce-checkout .payment_box::before { display: none !important; }

/* ---- place order button -> dark pill (matches .placeorder) ---- */
body.woocommerce-checkout #place_order,
body.woocommerce-checkout .wfacp-order-place-btn-wrap button {
  display: block !important;
  width: 100% !important;
  background: var(--ink) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 16px 18px !important;
  font-family: inherit !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-transform: none !important;
  cursor: pointer;
  transition: opacity .12s;
}
body.woocommerce-checkout #place_order:hover { opacity: .92 !important; }

/* ---- order summary ---- */
body.woocommerce-checkout .wfacp_order_sum,
body.woocommerce-checkout .wfacp_mini_cart_items {
  font-family: inherit !important;
  font-size: 14px !important;
  color: var(--ink) !important;
}
body.woocommerce-checkout .wfacp-summary-wrap,
body.woocommerce-checkout .wfacp-order-summary {
  background: var(--paper) !important;
  border: 1px solid var(--rule) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
}

/* ---- trust badges (echoed by aip_checkout_trust_row) ---- */
.aip-co-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 20px;
  justify-content: center;
  margin: 16px auto 8px;
  font-size: 12.5px;
  color: var(--muted);
}
.aip-co-trust span { display: inline-flex; align-items: center; gap: 6px; }

/* ---- tidy: hide a duplicate in-form logo (header already shows it) ---- */
body.woocommerce-checkout .wfacp-internal-form .wfacp-logo,
body.woocommerce-checkout .wfacp_internal_form_wrap .custom-logo-link { display: none !important; }