/* JR_NO_FLICKER_v3 — mobile chrome + bottom nav stay put (no hide/animate/reflow).
   Wins over jr-toolbar-autohide + inline jr-e18 chrome-hide rules. */
@media (max-width: 900px) {
  /* Kill chrome transition/animation that paints as flicker */
  .toolbar-wrap,
  header.top,
  .top,
  #siteHeader,
  .jr-e18-bottomnav,
  .jr-bottomnav,
  nav.jr-e18-bottomnav,
  .jrg-bn {
    transition: none !important;
    animation: none !important;
  }

  /* Header/toolbar MUST remain visible even if a stale class is set */
  body.jr-chrome-hidden header.top,
  body.jr-chrome-hidden .top,
  body.jr-chrome-hidden #siteHeader,
  body.jr-header-hidden header.top,
  body.jr-header-hidden .top,
  body.jr-header-hidden #siteHeader,
  header.top.jr-chrome-off,
  .top.jr-chrome-off,
  #siteHeader.jr-chrome-off,
  body.jr-chrome-hidden .toolbar-wrap,
  body.jr-chrome-hidden section.toolbar-wrap,
  body.jr-header-hidden .toolbar-wrap,
  body.jr-toolbar-hidden .toolbar-wrap,
  body.jr-toolbar-hidden section.toolbar-wrap,
  body.jr-home.jr-chrome-hidden .toolbar-wrap,
  .toolbar-wrap.jr-chrome-off,
  section.toolbar-wrap.jr-chrome-off {
    display: revert !important;
    transform: none !important;
    translate: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition: none !important;
  }

  /* Bottom nav NEVER hides/animates */
  .jr-e18-bottomnav,
  .jr-bottomnav,
  nav.jr-e18-bottomnav,
  .jrg-bn,
  .jrg-bn.jrg-hidden,
  .jrg-bn.jr-bn-hidden,
  .jr-e18-bottomnav.jr-bn-hidden,
  .jr-bottomnav.jr-bn-hidden,
  body.jr-chrome-hidden .jr-e18-bottomnav,
  body.jr-chrome-hidden .jr-bottomnav,
  body.jr-chrome-hidden nav.jr-e18-bottomnav,
  body.jr-chrome-hidden .jrg-bn,
  body.jr-bottomnav-hidden .jr-e18-bottomnav,
  body.jr-bottomnav-hidden .jr-bottomnav,
  body.jr-bottomnav-hidden nav.jr-e18-bottomnav,
  body.jr-bottomnav-hidden .jrg-bn,
  body.jr-header-hidden .jrg-bn,
  body.jr-toolbar-hidden .jrg-bn {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    transform: none !important;
    translate: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
  }

  /* Badge pulse off — animation reads as flicker on the bar */
  .jrg-bn-badge,
  .jrg-bn .jr-badge,
  .jrg-bn [data-jr-badge],
  .jr-e18-bottomnav .jr-badge,
  .jr-bottomnav .jr-badge {
    animation: none !important;
  }
}