/* MelumiyaChat v71 — mobile navigation placement fix. Public pages only. */
@media (max-width: 820px){
  .nav{position:sticky!important;top:0!important;overflow:visible!important}
  .nav-inner{display:flex!important;align-items:center!important;gap:8px!important}
  .nav-inner>.brand{order:1!important;margin-right:auto!important;flex:0 0 auto!important}
  .nav-inner>.nav-links{display:none!important}
  .nav-inner>.nav-actions{order:2!important;margin-left:0!important;display:flex!important;flex:0 1 auto!important;min-width:0!important}
  .nav-inner>.nav-actions .button.secondary{display:none!important}
  .nav-inner>.nav-actions .button.primary{max-width:min(48vw,190px)!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .mobile-menu-btn{order:3!important;display:inline-grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;padding:0!important;margin:0!important;border:1px solid rgba(157,105,169,.38)!important;border-radius:13px!important;background:linear-gradient(180deg,rgba(42,21,46,.96),rgba(18,8,21,.98))!important;color:#fff7ff!important;font-size:1.28rem!important;line-height:1!important;box-shadow:0 8px 24px rgba(0,0,0,.2)!important}
  .mobile-menu-btn[aria-expanded="true"]{border-color:rgba(204,145,215,.72)!important;background:linear-gradient(180deg,rgba(70,34,76,.98),rgba(28,12,32,.99))!important}
  .mobile-menu-panel{position:absolute!important;z-index:100!important;left:0!important;right:0!important;top:100%!important;padding:10px 15px 15px!important;background:rgba(7,2,9,.985)!important;border-bottom:1px solid rgba(132,91,143,.28)!important;box-shadow:0 24px 48px rgba(0,0,0,.42)!important;backdrop-filter:blur(18px)!important}
  .mobile-menu-panel[hidden]{display:none!important}
  .mobile-menu-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;max-width:720px!important;margin:0 auto!important}
  .mobile-menu-grid a{display:flex!important;align-items:center!important;min-height:44px!important;padding:10px 12px!important;border:1px solid rgba(132,91,143,.25)!important;border-radius:13px!important;background:rgba(30,13,33,.92)!important;color:#eadfea!important;font-weight:750!important;font-size:.91rem!important}
  .mobile-menu-grid a[aria-current="page"]{border-color:rgba(199,139,211,.62)!important;background:rgba(74,39,80,.78)!important;color:#fff!important}
}
@media (max-width: 390px){
  .nav-inner>.nav-actions .button.primary{max-width:46vw!important;font-size:.82rem!important;padding:9px 10px!important}
  .mobile-menu-btn{flex-basis:40px!important;width:40px!important;height:40px!important}
  .mobile-menu-panel{padding-left:13px!important;padding-right:13px!important}
}