/* Shared mobile navigation for member, chat, Quran and prayer pages. */
.mr-bottom-nav{display:none}
@media(max-width:760px){
  body:has(.mr-bottom-nav){
    --mr-bottom-nav-height:max(68px,calc(1.25rem + 48px));
    --mr-bottom-nav-offset:calc(var(--mr-bottom-nav-height) + env(safe-area-inset-bottom,0px));
  }
  .mr-app,body.mr-faith-app{padding-bottom:calc(var(--mr-bottom-nav-offset) + 8px)}
  .mr-app .mr-chat-compose{bottom:var(--mr-bottom-nav-offset)}
  .mr-faith-app .quran-audio{bottom:calc(var(--mr-bottom-nav-offset) + 12px)}
  .mr-bottom-nav{
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
    position:fixed;top:auto;bottom:0;left:0;right:0;z-index:50;
    box-sizing:border-box;height:var(--mr-bottom-nav-offset);min-height:0;
    margin:0;padding:0 4px env(safe-area-inset-bottom,0px);gap:0;
    background:#12151a;border-top:1px solid #e5b94f55;align-items:center;
    font-family:Inter,system-ui,sans-serif;
  }
  nav.mr-bottom-nav a,nav.mr-bottom-nav button{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:3px;min-width:0;min-height:48px;margin:0;padding:6px 2px;
    color:#e5b94f;background:none;border:0;border-radius:8px;text-decoration:none;
    font-family:inherit;font-size:.75rem;font-weight:600;line-height:1.25;
    letter-spacing:0;cursor:pointer;
  }
  .mr-bottom-nav svg{width:20px;height:20px;flex-shrink:0}
  .mr-bottom-nav [aria-current="page"]{background:#e5b94f18}
  .mr-bottom-nav :focus-visible{outline:2px solid #e5b94f;outline-offset:-3px}
}

.mr-profile-menu{background:#14171c;color:#eef0f2;border:1px solid #60646c;border-radius:18px;padding:22px;width:min(420px,calc(100% - 28px));max-height:85dvh;overflow:auto}.mr-profile-menu::backdrop{background:#0009}.mr-profile-menu nav{display:flex;flex-direction:column;gap:10px}.mr-profile-menu nav>a,.mr-profile-menu nav>button{display:block;text-align:left;padding:14px;border:1px solid #444b56;border-radius:10px;background:#20262e;color:#eceff3;font:600 15px/1.4 system-ui;text-decoration:none}

.mr-bottom-nav svg.mr-nav-emblem{width:48px!important;height:22px!important;mix-blend-mode:screen}.mr-bottom-nav a:not([aria-current="page"]) .mr-nav-emblem{opacity:.78}.mr-nav .mr-nav-emblem{width:38px;height:18px;mix-blend-mode:screen}