/*
 * FBB normal prediction refinements
 * Classification, recent form and Match Center.
 */


/* =========================================================
   COMPACT CLASSIFICATION
   ========================================================= */

#fbbStandingsTable,
.fbb-standings-table-wrap {
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  overflow:visible !important;
}


.fbb-standings-table-compact {
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  table-layout:fixed !important;
  border-collapse:collapse;
}


.fbb-standings-table-compact .fbb-col-rank {
  width:32px;
}

.fbb-standings-table-compact .fbb-col-team {
  width:auto;
}

.fbb-standings-table-compact .fbb-col-form {
  width:108px;
}

.fbb-standings-table-compact .fbb-col-gf {
  width:42px;
}

.fbb-standings-table-compact .fbb-col-points {
  width:46px;
}


.fbb-standings-table-compact th,
.fbb-standings-table-compact td {
  padding:9px 5px !important;

  overflow:hidden;

  border-bottom:
    1px solid rgba(255,255,255,.07);

  font-size:11px !important;
  text-align:center;
}


.fbb-standings-table-compact th {
  color:#00b1ff !important;
  background:#181818 !important;
  font-weight:900;
}


.fbb-standings-table-compact th:nth-child(2),
.fbb-standings-table-compact td:nth-child(2) {
  text-align:left !important;
}


.fbb-standings-table-compact
.fbb-standings-team {
  min-width:0;

  display:flex;
  align-items:center;
  gap:6px;
}


.fbb-standings-table-compact
.fbb-standings-team img {
  width:20px !important;
  height:20px !important;
  min-width:20px !important;

  flex:0 0 20px;

  object-fit:contain;
}


.fbb-standings-table-compact
.fbb-standings-team span {
  min-width:0;

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;

  color:#ffffff;
  font-weight:800;
}


.fbb-standings-table-compact
.fbb-current-team td {
  background:
    rgba(0,177,255,.12) !important;
}


.fbb-standing-form {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;

  white-space:nowrap;
}


.fbb-standing-form-chip {
  width:18px !important;
  height:18px !important;
  min-width:18px !important;

  padding:0 !important;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  border:0 !important;
  border-radius:5px !important;

  font-size:9px !important;
  font-weight:950 !important;
  line-height:1 !important;
}


.fbb-form-empty {
  color:#7f8a94;
}


/* =========================================================
   WORLD CUP FORM PALETTE
   ========================================================= */

.normal-fbb-layout
.fbb-form-result.win,

.normal-fbb-layout
.fbb-form-result.chip-win,

.normal-fbb-layout
.fbb-standing-form-chip.chip-win {
  color:#06130c !important;

  background:#00ff87 !important;
  border-color:#00ff87 !important;
}


.normal-fbb-layout
.fbb-form-result.draw,

.normal-fbb-layout
.fbb-form-result.chip-draw,

.normal-fbb-layout
.fbb-standing-form-chip.chip-draw {
  color:#181000 !important;

  background:#ffbf3f !important;
  border-color:#ffbf3f !important;
}


.normal-fbb-layout
.fbb-form-result.loss,

.normal-fbb-layout
.fbb-form-result.chip-loss,

.normal-fbb-layout
.fbb-standing-form-chip.chip-loss {
  color:#ffffff !important;

  background:#e94f64 !important;
  border-color:#e94f64 !important;
}


.normal-fbb-layout
.fbb-form-result {
  width:30px !important;
  height:30px !important;
  min-width:30px !important;

  padding:0 !important;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  border:0 !important;
  border-radius:8px !important;

  font-size:12px !important;
  font-weight:950 !important;
  line-height:1 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:600px) {
  .fbb-standings-table-compact .fbb-col-rank {
    width:28px;
  }

  .fbb-standings-table-compact .fbb-col-form {
    width:86px;
  }

  .fbb-standings-table-compact .fbb-col-gf {
    width:35px;
  }

  .fbb-standings-table-compact .fbb-col-points {
    width:39px;
  }

  .fbb-standings-table-compact th,
  .fbb-standings-table-compact td {
    padding:8px 3px !important;
    font-size:10px !important;
  }

  .fbb-standing-form {
    gap:2px;
  }

  .fbb-standing-form-chip {
    width:15px !important;
    height:15px !important;
    min-width:15px !important;

    font-size:8px !important;
  }

  .fbb-standings-table-compact
  .fbb-standings-team img {
    width:18px !important;
    height:18px !important;
    min-width:18px !important;

    flex-basis:18px;
  }
}