/* Homepedia - CF7 Submit Button Only */
/* Paste into: Appearance - Customize - Additional CSS */

/* Hide theme blue overlay */
.wpcf7-form .submit-style-in,
.wpcf7 .submit-style-in,
span.submit-style-in {
  display: none !important;
}

/* Submit wrapper */
.wpcf7-form span.wpcf7-submit-style {
  display: block !important;
  width: 100% !important;
}

.wpcf7-form span.wpcf7-form-control.wpcf7-submit,
span.wpcf7-form-control.wpcf7-submit.has-spinner {
  display: block !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* The submit button */
.wpcf7-form input[type="submit"],
.wpcf7-form .wpcf7-submit,
.wpcf7 input[type="submit"],
body .wpcf7-submit,
.elementor-widget-shortcode .wpcf7-submit,
.elementor-element .wpcf7-submit,
.elementor-kit-15 .wpcf7-submit,
.elementor-kit-15 .wpcf7-form input[type="submit"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  background: #ffbd59 !important;
  background-color: #ffbd59 !important;
  background-image: none !important;
  color: #004aad !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  font-family: 'Outfit', sans-serif !important;
  padding: 16px 24px !important;
  border: none !important;
  border-width: 0 !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  box-shadow: 0 8px 24px rgba(255,189,89,.3) !important;
  transition: transform .2s, box-shadow .2s !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  margin: 0 !important;
  text-transform: none !important;
  line-height: 1.4 !important;
  text-align: center !important;
  height: auto !important;
  position: relative !important;
  z-index: 2 !important;
  float: none !important;
  text-indent: 0 !important;
  letter-spacing: 0 !important;
}

.wpcf7-form input[type="submit"]:hover,
body .wpcf7-submit:hover {
  transform: scale(1.01) !important;
  box-shadow: 0 12px 32px rgba(255,189,89,.4) !important;
  background: #ffbd59 !important;
  color: #004aad !important;
}

.wpcf7-form input[type="submit"]:active,
body .wpcf7-submit:active {
  transform: scale(.97) !important;
}

.wpcf7-form input[type="submit"]:focus,
body .wpcf7-submit:focus {
  background: #ffbd59 !important;
  color: #004aad !important;
  outline: none !important;
}

/* ===================================================================
   Homepedia - shared design tokens for the subpage system
   Baton 4 - 2026-08-23. Single source of truth. These 19 tokens used to
   be duplicated byte-for-byte inside eight page CSS widgets (about-us /
   tax-assistant / deal-assistant / hpledger / rubick / our-services /
   privacy-policy / hp-kyc). Change a brand colour here and all eight
   pages follow.

   Page-specific tokens deliberately stay on their own page:
     tax-assistant + deal-assistant : --rail --panel-line --ok --neg
     rubick                         : --green-deep --green-soft --green-line
                                      plus the .hp-rubick.rubick green skin
     hp-kyc                         : --blue-soft --warm --green --green-soft
                                      --amber --amber-soft
   =================================================================== */
/* NOTE (baton 4): the selector is wrapped in :where() on purpose.
   Jetpack prints Additional CSS AFTER the page-level <style> widgets
   (stylesheet index 64 vs 45), so without :where() this block would
   override a page's own token overrides - e.g. /tax-assistant/ sets
   --mono to the sans on purpose ("nothing reads as machine-generated").
   :where() gives this block specificity 0, so any page-level rule wins,
   which is exactly the cascade the pages were written against. */
:where(.hp-about,.hp-tax,.hp-deal,.hp-ledger,.hp-rubick,.hp-services,.hp-privacy,.hp-kyc){
  --bg: #F8F5EC;
  --bg-cream: #F8F5EC;
  --bg-cool: #EAF2F8;
  --bg-warm: #F5EFE6;
  --bg-deep: #0A2647;
  --paper: #FFFFFF;
  --ink: #0A0A0A;
  --ink-mid: #3D3D3D;
  --ink-soft: #6F6F6F;
  --rule: #E5E3DA;
  --rule-soft: #EFEDE5;
  --blue: #004AAD;
  --blue-deep: #0A2647;
  --cyan: #5DE0E6;
  --yellow: #FFBD59;
  --accent-warm: #FF7A45;
  --sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --serif: "Instrument Serif", "Times New Roman", serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
}