/* MHQ Network mobile final pass v10 */

/* KMK is a local single-player mode. Never show an in-KMK room return control.
   If a real Arcade room exists, the shared header Resume control remains available. */
#kmk-return-active{display:none!important;}

/* Lab desktop navigation: compact gold icons beside every item. */
@media(min-width:900px){
  .nh-bar[data-site="lab"] .nh-local-links{
    gap:clamp(6px,.9vw,14px)!important;
  }
  .nh-bar[data-site="lab"] .nh-local-links a{
    gap:6px!important;
    padding-inline:8px!important;
  }
  .nh-bar[data-site="lab"] .nh-local-links .nh-menu-item-icon{
    width:16px!important;
    height:16px!important;
    display:inline-grid!important;
    place-items:center!important;
    flex:0 0 16px!important;
    color:#d7b55f!important;
  }
  .nh-bar[data-site="lab"] .nh-local-links .nh-menu-item-icon svg{
    width:14px!important;
    height:14px!important;
  }
  .nh-bar[data-site="lab"] .nh-local-links a[aria-current="page"] .nh-menu-item-icon{
    color:#f0c46b!important;
  }
  /* Coaching uses the same single sparkle treatment as the main website. */
  .nh-bar[data-site="lab"] .nh-local-links a[href="https://mhqsquad.com/coaching"] .nh-menu-item-icon{
    display:none!important;
  }
  .nh-bar[data-site="lab"] .nh-local-links a[href="https://mhqsquad.com/coaching"]::before{
    content:"✦";
    color:#19130a!important;
    margin-right:1px!important;
    font-size:11px!important;
    line-height:1!important;
    flex:none!important;
  }
}

@media(max-width:899px){
  /* Squad + MLBB Lab share one full-width mobile navigation panel. */
  .nh-bar:is([data-site="lab"],[data-site="squad"]) .nh-menu nav{
    position:fixed!important;
    top:calc(var(--mhq-head) + 6px)!important;
    left:var(--nh-gutter)!important;
    right:var(--nh-gutter)!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - var(--mhq-head) - 18px)!important;
    padding:8px!important;
    z-index:140!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    border-radius:10px!important;
  }
  .nh-bar:is([data-site="lab"],[data-site="squad"]) .nh-menu nav a{
    min-height:46px!important;
    padding:9px 12px!important;
  }

  /* Lab mobile menu: one meaningful icon per destination. */
  .nh-bar[data-site="lab"] .nh-menu nav a{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
  }
  .nh-bar[data-site="lab"] .nh-menu-item-icon{
    width:30px!important;
    height:30px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #3c4650!important;
    border-radius:8px!important;
    background:#14191f!important;
    color:#d7b55f!important;
  }
  .nh-bar[data-site="lab"] .nh-menu-item-icon svg{
    width:17px!important;
    height:17px!important;
  }
  .nh-bar[data-site="lab"] .nh-menu nav a[aria-current="page"] .nh-menu-item-icon{
    border-color:#8b733d!important;
    background:#2a2518!important;
    color:#f0c46b!important;
  }

  /* Keep Coaching as the clear commercial CTA at the bottom on both menus. */
  .nh-bar[data-site="squad"] .nh-menu nav a[href="/coaching"],
  .nh-bar[data-site="lab"] .nh-menu nav a[href="https://mhqsquad.com/coaching"]{
    margin-top:6px!important;
    min-height:52px!important;
  }
  /* Lab Coaching: no duplicate tile icon; use the same single sparkle as Squad. */
  .nh-bar[data-site="lab"] .nh-menu nav a[href="https://mhqsquad.com/coaching"]{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
  .nh-bar[data-site="lab"] .nh-menu nav a[href="https://mhqsquad.com/coaching"] .nh-menu-item-icon{
    display:none!important;
  }
  .nh-bar[data-site="lab"] .nh-menu nav a[href="https://mhqsquad.com/coaching"]::before{
    content:"✦";
    display:inline-block!important;
    color:#17130a!important;
    font-size:14px!important;
    line-height:1!important;
    flex:none!important;
  }

  /* Prevent the bright mobile tap/focus flash seen while opening the menu. */
  .nh-bar .nh-menu summary,
  .nh-bar .nh-menu nav a{
    -webkit-tap-highlight-color:transparent!important;
  }
  .nh-bar .nh-menu summary:active{
    background:#20252b!important;
  }
  .nh-bar .nh-menu summary:focus:not(:focus-visible){
    outline:none!important;
  }
}

@media(max-width:720px){
  /* Every footer section uses the same full-width rhythm. */
  .nh-footer .nhf-inner{
    padding-top:24px!important;
  }
  .nh-footer .nhf-grid-core{
    display:block!important;
    width:100%!important;
  }
  .nh-footer .nhf-grid-core>.nhf-identity-stack,
  .nh-footer .nhf-grid-core>.nhf-links,
  .nh-footer .nhf-grid-core>.nhf-server-block{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border-left:0!important;
  }
  .nh-footer .nhf-grid-core>.nhf-identity-stack{
    padding:0 0 20px!important;
  }
  .nh-footer .nhf-identity-stack{
    gap:0!important;
  }
  .nh-footer .nhf-identity{
    padding:0 0 20px!important;
  }
  .nh-footer .nhf-network-links{
    width:100%!important;
    padding:20px 0 0!important;
    border-top:1px solid #30363d!important;
  }
  .nh-footer .nhf-grid-core>.nhf-links,
  .nh-footer .nhf-grid-core>.nhf-server-block{
    padding:20px 0!important;
    border-top:1px solid #30363d!important;
  }
  .nh-footer .nhf-grid-core>.nhf-server-block{
    padding-bottom:4px!important;
  }
  .nh-footer h2{
    margin-bottom:12px!important;
  }
  .nh-footer .nhf-pages,
  .nh-footer .nhf-sites{
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:2px clamp(20px,8vw,44px)!important;
  }
  .nh-footer :is(.nhf-pages a,.nhf-sites a){
    min-height:40px!important;
    padding:5px 0!important;
  }
  .nh-footer .nhf-server-intro{
    width:100%!important;
    max-width:42ch!important;
    margin-bottom:12px!important;
  }
  .nh-footer .nhf-servers{
    width:100%!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .nh-footer .nhf-server{
    width:100%!important;
    min-height:60px!important;
    padding:10px 0!important;
  }
  .nh-footer .nhf-base{
    width:100%!important;
    margin-top:18px!important;
    padding-top:14px!important;
  }
}

@media(max-width:390px){
  .nh-footer .nhf-pages,
  .nh-footer .nhf-sites{
    grid-template-columns:1fr!important;
  }
}