/* MU OVERRIDES — loaded last so it wins over extension stylesheets */

/* hide mChat navbar link + empty-chat placeholder (was overridden by mchat.css) */
#nav-main .mchat-nav,ul.nav-main li.mchat-nav,li.mchat-nav{display:none !important;}
.mchat-no-messages,li.mchat-static.mchat-no-messages{display:none !important;}

/* ---- BOXES / framing for every block (desktop + mobile) ---- */
.forabg,.forumbg,.stat-block,.panel,.post{
  border:1px solid #cdd9e6 !important;
  border-radius:9px !important;
  margin-bottom:15px !important;
  box-shadow:0 1px 5px rgba(0,0,0,.06) !important;
  overflow:hidden;
}
/* frame each forum / topic row as its own card */
ul.topiclist li.row{
  border:1px solid #e3eaf2 !important;
  border-radius:7px !important;
  margin:6px 8px !important;
  background:#fdfeff !important;
  transition:border-color .15s,box-shadow .15s;
}
ul.topiclist li.row:hover{
  border-color:#9bb6d4 !important;
  box-shadow:0 2px 8px rgba(31,107,176,.12) !important;
}
ul.topiclist li.row dl{border:0 !important;}
/* keep category headers flush (no double frame) */
.forabg .header,.forumbg .header{border-radius:0 !important;}

/* ---- MOBILE NAV: compact the spread-out top items into a tidy row ---- */
@media (max-width:700px){
  #nav-main.linklist{
    display:flex !important;flex-wrap:wrap !important;
    justify-content:flex-end !important;align-items:center !important;
    gap:0 2px !important;padding:4px 6px !important;
  }
  #nav-main.linklist > li,#nav-main.linklist > li.rightside{
    display:inline-flex !important;float:none !important;width:auto !important;
    margin:0 !important;clear:none !important;border:0 !important;
  }
  #nav-main.linklist > li > a,
  #nav-main.linklist > li > .dropdown-container > a{
    padding:8px !important;line-height:1 !important;
  }
  ul.topiclist li.row{margin:5px 5px !important;}
}

/* center the header quick-login fields */
form.headerspace .quick-login{text-align:center !important;}
form.headerspace{text-align:center !important;}

/* MU mobile nav v2 — compact nav-main (incl. logged-in rightside) + footer */
@media (max-width:700px){
  #nav-main.linklist, #nav-footer.linklist{
    display:flex !important;flex-wrap:wrap !important;
    justify-content:center !important;align-items:center !important;
    gap:2px 4px !important;padding:6px !important;float:none !important;
  }
  #nav-main.linklist > li, #nav-footer.linklist > li,
  #nav-main.linklist > li.rightside, #nav-footer.linklist > li.rightside{
    display:inline-flex !important;float:none !important;width:auto !important;
    margin:0 !important;clear:none !important;border:0 !important;
  }
  #nav-main.linklist > li > a, #nav-footer.linklist > li > a,
  #nav-main.linklist > li > .dropdown-container > a,
  #username_logged_in > a{padding:7px 8px !important;line-height:1 !important;}
  #username_logged_in .header-avatar img{width:22px !important;height:22px !important;}
}

/* keep mChat nav hidden even against the flex rule (matching specificity, later wins) */
#nav-main.linklist > li.mchat-nav,
#nav-footer.linklist > li.mchat-nav,
ul.nav-main > li.mchat-nav{display:none !important;}

/* subforum list — very tight (hide icons, no margins) */
.subforum{display:inline !important;margin:0 !important;padding:0 !important;line-height:1.35 !important;}
.subforum .icon{display:none !important;}