/* =============================================================
   CONTACT PAGE - Valboosting recolor (Val-only)
   /contact-us/

   Loaded AFTER the shared eloboostleague/assets/css/contact-page.css (see
   vb_enqueue_scripts). The shared sheet is EBL/OWB blue + orange; this file only
   swaps its --ct-* tokens to Val's red (the f3-tokens --royal family used by the
   nav, login and calculator) and the body/label faces to Val's Barlow + Oxanium.
   Structure stays in the shared sheet, so layout changes land on all three sites.
   The few colours the shared sheet hardcodes are restated here.
   ============================================================= */

body.ebl-contact-page {
  --ct-ink: #1b1f2a;
  --ct-blue: #ff4655;
  --ct-blue-deep: #c0303d;
  --ct-blue-tint: #fdecee;
  --ct-orange: #ff4655;
  --ct-orange-deep: #c0303d;
  --ct-shadow-orange: 0 8px 30px -8px rgba(255, 70, 85, 0.45);
}

body.ebl-contact-page .bt-contact,
body.ebl-contact-page .bt-contact__card p:not(.bt-contact__eyebrow),
body.ebl-contact-page .bt-contact__panel-sub,
body.ebl-contact-page .bt-contact__done p,
body.ebl-contact-page .bt-contact__field input,
body.ebl-contact-page .bt-contact__field select,
body.ebl-contact-page .bt-contact__field textarea {
  font-family: 'Barlow', system-ui, -apple-system, sans-serif;
}
body.ebl-contact-page .bt-contact__eyebrow,
body.ebl-contact-page .bt-contact__field > span,
body.ebl-contact-page .bt-contact__btn,
body.ebl-contact-page .bt-contact__submit {
  font-family: 'Oxanium', sans-serif;
}

/* The parent theme's legacy banner is EBL navy; same gradient, Val red to near-black. */
body.ebl-contact-page .banner.banner__page {
  background: linear-gradient(229deg, rgba(192, 48, 61, 0.99) 0, #12060a 100%);
}

body.ebl-contact-page .bt-contact__card--chat { border-color: #f5c4ca; }
body.ebl-contact-page .bt-contact__mail { border-bottom-color: rgba(192, 48, 61, 0.3); }
body.ebl-contact-page .bt-contact__field input:focus,
body.ebl-contact-page .bt-contact__field select:focus,
body.ebl-contact-page .bt-contact__field textarea:focus {
  box-shadow: 0 0 0 3px rgba(255, 70, 85, 0.18);
}