/* Gematrixx V73 — mobile navigation + Stellar Human + number constants regression fixes
   2026-08-08 */

/* ─────────────────────────────────────────────
   1) MOBILE TOP BAR — compact, balanced, stable
   ───────────────────────────────────────────── */
@media (max-width:768px){
  .top-nav{
    min-height:60px!important;
    height:60px!important;
    padding:7px 12px!important;
    gap:8px!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
    background:var(--bg-card)!important;
    border-bottom:1px solid rgba(201,168,76,.22)!important;
  }
  .nav-hamburger{
    order:0!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border-radius:9px!important;
    flex:0 0 44px!important;
  }
  #rqMobileQuickBar{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 auto!important;
    direction:rtl!important;
  }
  #rqMobileQuickBar>button{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:9px!important;
    line-height:1!important;
    flex:0 0 44px!important;
  }
  #rqFontBtnM{font-size:.84rem!important}
  #rqSizeBtnM{font-size:.92rem!important}
  #rqThemeBtnM{font-size:1.05rem!important}
  .nav-mobile-menu{
    top:60px!important;
    padding-top:.25rem!important;
  }

  /* Restore the old compact mega-menu density. The V67 one-column override
     made every tool a giant full-width square on ~400 px phones. */
  .nav-mega{
    overflow:visible!important;
    max-height:none!important;
  }
  .nav-mega>div[style*="grid-template-columns"]{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:.45rem!important;
    width:100%!important;
    max-width:100%!important;
    padding:.45rem!important;
  }
  .nav-mega .tgb{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:88px!important;
    min-height:88px!important;
    aspect-ratio:auto!important;
    padding:.42rem .22rem!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.2rem!important;
    overflow:hidden!important;
  }
  .nav-mega .tgb .tgi{
    font-size:1.35rem!important;
    line-height:1.05!important;
    flex:0 0 auto!important;
  }
  .nav-mega .tgb .tgl{
    display:block!important;
    width:100%!important;
    font-size:.69rem!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-align:center!important;
  }
  #symbolsMenu .tgb:not(:has(.tgl)){
    font-size:.7rem!important;
    line-height:1.45!important;
    text-align:center!important;
  }

  /* Mobile quick actions row: avoid vertical stacking */
  .nav-left-group{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "about tools"
      "account admin"
      "subs subs";
    align-items:stretch!important;
    gap:5px 7px!important;
    padding:6px 12px 3px!important;
    border-bottom:1px solid var(--border)!important;
    margin:0!important;
    direction:ltr!important;
  }
  .nav-left-group > .all-tools-nav-btn,
  .nav-left-group > a[href="/subscriptions/"],
  .nav-left-group > [title="عن المنصة"],
  .nav-left-group > #adminNavBtn,
  .nav-left-group > #navAuthBtn{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:.3rem .5rem!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border-radius:12px!important;
    white-space:normal!important;
    line-height:1.3!important;
  }
  .nav-left-group > .all-tools-nav-btn{grid-area:tools!important}
  .nav-left-group > [title="عن المنصة"]{grid-area:about!important}
  .nav-left-group > a[href="/subscriptions/"]{grid-area:subs!important}
  .nav-left-group > #adminNavBtn{grid-area:admin!important}
  .nav-left-group > #navAuthBtn{grid-area:account!important}
  #navAuthBtn.user-account-nav{
    min-height:46px!important;
    justify-content:center!important;
  }
  .nav-right-group{margin-top:0!important;padding-top:0!important}
  .brand-raqim{margin-top:0!important;margin-bottom:0!important;padding-top:.12rem!important;padding-bottom:.12rem!important}
}
@media (max-width:340px){
  .top-nav{padding-inline:8px!important}
  #rqMobileQuickBar{gap:4px!important}
  #rqMobileQuickBar>button{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;flex-basis:40px!important}
  .nav-hamburger{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;flex-basis:40px!important}
  .nav-mega>div[style*="grid-template-columns"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ─────────────────────────────────────────────
   2) STELLAR HUMAN — no squeezed/overlapping tab names
   ───────────────────────────────────────────── */
@media (max-width:720px){
  #pageChakra .sh-root{padding-inline:.7rem!important}
  #pageChakra .sh-tabs{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:.45rem!important;
    width:100%!important;
    overflow:visible!important;
    margin:.85rem 0 1rem!important;
    padding:0!important;
  }
  #pageChakra .sh-tab{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:50px!important;
    padding:.5rem .3rem!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    line-height:1.4!important;
    font-size:.72rem!important;
    text-align:center!important;
    flex:none!important;
  }
  #pageChakra .sh-toolbar{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.55rem!important;
    width:100%!important;
  }
  #pageChakra .sh-choice{
    width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    line-height:1.45!important;
    text-align:center!important;
  }
  #pageChakra .sh-map-title{
    align-items:flex-start!important;
    flex-direction:column!important;
    text-align:right!important;
  }
  #pageChakra .sh-map-title h3,#pageChakra .sh-map-title span{width:100%!important;white-space:normal!important}
}
@media (max-width:390px){
  #pageChakra .sh-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ─────────────────────────────────────────────
   3) NUMBER PROPERTIES — restore π / φ information cards
   ───────────────────────────────────────────── */