/*
 * Normal prediction league and team statistics navigation.
 */

.wc-hub-nav.fbb-league-stats-nav {
  width:100%;
  max-width:100%;

  margin:
    14px 0 18px !important;

  padding:
    0 !important;

  display:flex !important;

  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;

  gap:
    8px !important;

  overflow:visible !important;
}


.wc-hub-nav.fbb-league-stats-nav a {
  min-height:
    42px !important;

  padding:
    9px 15px !important;

  display:inline-flex !important;

  align-items:center !important;
  justify-content:center !important;

  gap:
    6px;

  border:
    1px solid
    rgba(0,177,255,.38) !important;

  border-radius:
    999px !important;

  background:
    linear-gradient(
      145deg,
      rgba(0,177,255,.08),
      rgba(18,24,35,.94)
    ) !important;

  color:
    #dce7ef !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.025);

  font-size:
    11px !important;

  font-weight:
    850 !important;

  line-height:
    1.1 !important;

  text-decoration:
    none !important;

  white-space:
    nowrap !important;

  transition:
    border-color .18s ease,
    background .18s ease,
    color .18s ease,
    transform .18s ease !important;
}


.wc-hub-nav.fbb-league-stats-nav a:hover {
  border-color:
    rgba(0,255,135,.62) !important;

  background:
    linear-gradient(
      145deg,
      rgba(0,255,135,.10),
      rgba(18,24,35,.96)
    ) !important;

  color:
    #ffffff !important;

  transform:
    translateY(-1px);
}


.wc-hub-nav.fbb-league-stats-nav
a.fbb-league-nav-active {
  border-color:
    #00ff87 !important;

  background:
    linear-gradient(
      145deg,
      rgba(0,255,135,.15),
      rgba(0,177,255,.10)
    ) !important;

  color:
    #ffffff !important;

  box-shadow:
    0 7px 20px
    rgba(0,255,135,.08),

    inset 0 1px 0
    rgba(255,255,255,.04);
}


/*
 * Give anchored sections breathing room below
 * the fixed desktop header.
 */

#fbbLeagueIntelligence,
#fbbLeagueStandingsTarget,
#fbbLast5Averages,
#fbbRecentFormTarget,
#fbbPlayersTarget {
  scroll-margin-top:
    92px;
}


@media(max-width:760px) {
  .wc-hub-nav.fbb-league-stats-nav {
    margin:
      11px 0 16px !important;

    padding:
      0 0 5px !important;

    flex-wrap:
      nowrap !important;

    gap:
      7px !important;

    overflow-x:
      auto !important;

    overflow-y:
      hidden !important;

    overscroll-behavior-inline:
      contain;

    scroll-snap-type:
      x proximity;

    scrollbar-width:
      none;

    -webkit-overflow-scrolling:
      touch;
  }


  .wc-hub-nav.fbb-league-stats-nav::-webkit-scrollbar {
    display:none;
  }


  .wc-hub-nav.fbb-league-stats-nav a {
    flex:
      0 0 auto !important;

    min-width:
      max-content !important;

    min-height:
      41px !important;

    padding:
      9px 13px !important;

    font-size:
      10px !important;

    scroll-snap-align:
      start;
  }


  #fbbLeagueIntelligence,
  #fbbLeagueStandingsTarget,
  #fbbLast5Averages,
  #fbbRecentFormTarget,
  #fbbPlayersTarget {
    scroll-margin-top:
      78px;
  }
}