/* JR Mobile Messenger Header Fix */

@media (max-width: 782px) {
  body.jrmmhf-mobile-fix {
    --jrmmhf-offset: 80px; /* fallback; JS replaces with exact header height */
  }

  body.jrmmhf-mobile-fix .bp-messages-wrap,
  body.jrmmhf-mobile-fix #bp-messages,
  body.jrmmhf-mobile-fix #bp-message-thread,
  body.jrmmhf-mobile-fix .bp-messages-content {
    padding-top: var(--jrmmhf-offset);
  }
}