/* mobile-bar.css - Reserve Meds mobile contact bar for drug and access-guide pages (W2, 2026-10-17).
   Loaded only on pages that carry <nav class="rm-mbar">. On phones (<=820px) the bar replaces
   the single sticky header CTA and the floating WhatsApp button, so each page shows one bottom bar.
   Uses logical properties so the order mirrors correctly on RTL pages. */
.rm-mbar { display: none; }
@media (max-width: 820px) {
  .rm-mbar {
    display: flex;
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 900;
    gap: 8px;
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
    background: #0B1D3A;
    box-shadow: 0 -1px 0 rgba(247, 242, 232, 0.08), 0 -8px 24px rgba(11, 29, 58, 0.28);
  }
  .rm-mbar a {
    flex: 1 1 0;
    min-width: 0;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    color: #0B1D3A;
  }
  .rm-mbar a:focus-visible { outline: 2px solid #F7F2E8; outline-offset: 2px; }
  .rm-mbar .rm-mbar-wa { background: #25D366; }
  .rm-mbar .rm-mbar-inq { background: #C9A878; }
  .rm-mbar svg { width: 20px; height: 20px; flex: 0 0 auto; fill: currentColor; }
  html[dir="rtl"] .rm-mbar a { font-family: "IBM Plex Sans Arabic", "Noto Kufi Arabic", Tahoma, sans-serif; letter-spacing: 0; }
  /* One bar only: the bar replaces the sticky header CTA and the floating WhatsApp button on phones. */
  nav.top a.cta-btn, .rm-wa-fab, #rm-sticky-cta { display: none !important; }
  body { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
  /* While the cookie banner is open, sit just above it (consent.js sets --rm-consent-h). */
  /* LAYOUTSHIFT 2026-10-24: lift with translate (not bottom) so opening the banner is not a layout shift. */
  .rm-consent-open .rm-mbar { translate: 0 calc(-1 * var(--rm-consent-h, 0px)); }
  @supports not (translate: 0) { .rm-consent-open .rm-mbar { bottom: var(--rm-consent-h, 0px) !important; } }
}
@media print { .rm-mbar { display: none !important; } }