/* ============================================================
   HB Battle marketing site — V17 TEXT CONTRAST FIX (loads last)

   Root cause: css/hb-ultimate-v16.css forces a near-opaque white
   background on .card, .step, .faq-item, .guide-list li and
   .note (background:rgba(255,255,255,.9)!important), overriding
   the dark glass background css/highclass-v3-elite.css had given
   them. But elite.css also forces WHITE heading/summary text on
   those same elements (.step h3{color:#fff}, .faq-item summary
   {color:#eef4f1!important}) for the dark background it expected.
   Since hb-ultimate-v16.css loads after elite.css, its white
   background wins — leaving white text stranded on a white card,
   which is why "Read the event information", "Create and protect
   your account" and one FAQ question were unreadable.

   Fix: make the heading/summary text dark again to match the
   white card background that is actually winning, using the
   site's own --ink token so it matches every other dark heading
   on the page. Loads after every other stylesheet on the page.
   ============================================================ */

.step h3,
.faq-item summary{
  color:#10231a !important;
}
.faq-item summary::after{
  color:#0a8050 !important; /* var(--brand) — gold arrow read poorly on white too */
}

/* ----------------------------------------------------------------
   Floating "Open the App" bar: hide while the user is actively
   scrolling, so it can never sit on top of text mid-page (it was
   covering the last line of step 3 on how-it-works.html). It
   reappears ~550ms after scrolling stops, when .show is already
   true. Works alongside the existing .show / .hb-hide-final logic
   in mega-v20.js and hb-v25-final.css — this only adds one more
   state, it doesn't replace theirs.
   ---------------------------------------------------------------- */
.mega-cta-bar.hb-scrolling{
  transform:translate(-50%,120%) !important;
  transition:transform .18s ease !important;
}