/* ================================
   J3 Marquee v1.7.4 Patch
   Guard+Stack: Mobile sticky never hide + prevent menu/header overlap.
================================= */

@media (max-width: 991px) {
  /* Sticky mode: even if some JS accidentally adds the hide class, keep it visible */
  body.j3m-force-show .j3m-bar.j3m-hide-scroll,
  .j3m-bar[data-mobile-placement="sticky"].j3m-hide-scroll,
  .j3m-bar[data-mobile-mode="sticky"].j3m-hide-scroll {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
    pointer-events: auto !important;
  }

  /* Also ensure normal sticky state is visible */
  body.j3m-force-show .j3m-bar,
  .j3m-bar[data-mobile-placement="sticky"],
  .j3m-bar[data-mobile-mode="sticky"] {
    opacity: 1 !important;
  }
}