/* MHQ MLBB Lab v25 — remove tier score badges + attach secondary sticky nav to mobile header */

/* Tier list: score numbers on hero portraits are visual noise; keep tier grouping only. */
.mlbb-data-site .mlbb-tier-score{display:none!important}

@media(max-width:820px){
  /* Keep the mobile header height stable so secondary sticky bars can sit flush below it. */
  .mlbb-data-site .mlab-header,
  .mlbb-data-site .mlab-header.is-scrolled{
    padding-top:6px!important;
  }

  /* Macro Guide: visually stack directly beneath the main MLBB header. */
  .mlbb-data-site .macro-tabs-wrap{
    top:64px!important;
    z-index:130!important;
    width:calc(100% - 16px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border-top:0!important;
    border-left:1px solid #294158!important;
    border-right:1px solid #294158!important;
    border-bottom:1px solid #294158!important;
    border-radius:0 0 10px 10px!important;
    background:#08131f!important;
    box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
  }
  .mlbb-data-site .macro-tabs-wrap .mlbb-wrap{
    width:100%!important;
    max-width:none!important;
  }
  .mlbb-data-site .macro-tabs{
    padding-top:7px!important;
    padding-bottom:7px!important;
  }

  /* Counter Finder: same sticky stack and visual geometry as Macro Guide. */
  .mlbb-data-site .mlbb-counter-lane-nav:not([hidden]){
    top:64px!important;
    z-index:130!important;
    margin-top:0!important;
    margin-bottom:12px!important;
    border-top:0!important;
    border-radius:0 0 10px 10px!important;
    background:#08131f!important;
    box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
  }
  .mlbb-data-site .mlbb-counter-lane-group{
    scroll-margin-top:128px!important;
  }
}

@media(max-width:560px){
  .mlbb-data-site .macro-tabs-wrap,
  .mlbb-data-site .mlbb-counter-lane-nav:not([hidden]){
    top:64px!important;
  }
  .mlbb-data-site .mlbb-counter-lane-group{
    scroll-margin-top:126px!important;
  }
}