/*
 * FindBestBet universal prediction palette.
 * Removes country-specific visual colours.
 */

:root {
  --fbb-universal-primary:#72d5f7;
  --fbb-universal-secondary:#a78bfa;
  --fbb-universal-accent:#63e6be;

  --fbb-universal-primary-rgb:
    114,213,247;

  --fbb-universal-secondary-rgb:
    167,139,250;

  --fbb-universal-accent-rgb:
    99,230,190;

  --fbb-universal-surface:
    #151a24;

  --fbb-universal-surface-soft:
    #1a202d;

  --fbb-universal-border:
    rgba(148,163,184,.15);

  /*
   * Override variables used by the league unifier.
   */
  --fbb-league-primary:
    var(--fbb-universal-primary) !important;

  --fbb-league-secondary:
    var(--fbb-universal-secondary) !important;

  --fbb-league-accent:
    var(--fbb-universal-accent) !important;

  --fbb-league-primary-rgb:
    var(--fbb-universal-primary-rgb) !important;

  --fbb-league-secondary-rgb:
    var(--fbb-universal-secondary-rgb) !important;

  --fbb-league-accent-rgb:
    var(--fbb-universal-accent-rgb) !important;
}


/* Universal premium card */

.fbb-league-themed-card {
  position:relative;

  border:
    1px solid
    var(--fbb-universal-border) !important;

  border-top:
    1px solid
    rgba(
      var(--fbb-universal-primary-rgb),
      .38
    ) !important;

  background:
    linear-gradient(
      145deg,
      rgba(
        var(--fbb-universal-primary-rgb),
        .055
      ) 0%,
      rgba(21,26,36,.985) 31%,
      rgba(21,26,36,.985) 68%,
      rgba(
        var(--fbb-universal-secondary-rgb),
        .055
      ) 100%
    ) !important;

  box-shadow:
    0 20px 58px
    rgba(0,0,0,.22) !important;
}


.fbb-league-themed-card::before {
  content:"";

  position:absolute;
  z-index:0;
  top:0;
  left:24px;
  right:24px;

  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(
        var(--fbb-universal-primary-rgb),
        .7
      ),
      rgba(
        var(--fbb-universal-secondary-rgb),
        .65
      ),
      transparent
    );
}


.fbb-league-themed-card::after {
  width:200px !important;
  height:145px !important;

  opacity:.68;

  background:
    radial-gradient(
      circle at top right,
      rgba(
        var(--fbb-universal-secondary-rgb),
        .12
      ),
      transparent 68%
    ) !important;
}


/* Competition label */

.fbb-league-identity {
  padding:
    7px 11px !important;

  gap:
    8px !important;

  border:
    1px solid
    rgba(
      var(--fbb-universal-primary-rgb),
      .24
    ) !important;

  color:
    #dbeafe !important;

  background:
    linear-gradient(
      90deg,
      rgba(
        var(--fbb-universal-primary-rgb),
        .10
      ),
      rgba(
        var(--fbb-universal-secondary-rgb),
        .08
      )
    ) !important;

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

  letter-spacing:
    .055em;
}


.fbb-league-identity-flag {
  display:none !important;
}


.fbb-universal-identity-mark {
  width:7px;
  height:7px;
  min-width:7px;

  display:inline-block;

  border-radius:999px;

  background:
    linear-gradient(
      135deg,
      var(--fbb-universal-primary),
      var(--fbb-universal-secondary)
    );

  box-shadow:
    0 0 12px
    rgba(
      var(--fbb-universal-primary-rgb),
      .52
    );
}


/* Team position comparison */

#fbbCanonicalPositionSummary {
  border:
    1px solid
    rgba(
      var(--fbb-universal-primary-rgb),
      .15
    ) !important;

  background:
    linear-gradient(
      135deg,
      rgba(8,12,20,.64),
      rgba(20,25,36,.74)
    ) !important;

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


.fbb-position-versus {
  color:
    var(--fbb-universal-primary) !important;
}


/* Classification tables */

.fbb-canonical-league-table th,
.fbb-standings-table-compact th {
  color:
    #bae6fd !important;

  background:
    linear-gradient(
      180deg,
      rgba(
        var(--fbb-universal-primary-rgb),
        .07
      ),
      rgba(8,12,20,.44)
    ) !important;
}


.fbb-canonical-league-table th,
.fbb-canonical-league-table td,
.fbb-standings-table-compact th,
.fbb-standings-table-compact td {
  border-bottom:
    1px solid
    rgba(148,163,184,.09) !important;
}


.fbb-canonical-current-team td,
.fbb-standings-table-compact
.fbb-current-team td {
  background:
    linear-gradient(
      90deg,
      rgba(
        var(--fbb-universal-primary-rgb),
        .12
      ),
      rgba(
        var(--fbb-universal-secondary-rgb),
        .07
      )
    ) !important;
}


.fbb-canonical-current-team
.fbb-canonical-team span,

.fbb-standings-table-compact
.fbb-current-team
.fbb-standings-team span {
  color:
    var(--fbb-universal-accent) !important;
}


/* Keep result meaning consistent */

.fbb-canonical-form-chip.is-win,
.fbb-standing-form-chip.chip-win,
.fbb-form-result.win {
  color:#042f2e !important;
  background:#63e6be !important;
}


.fbb-canonical-form-chip.is-draw,
.fbb-standing-form-chip.chip-draw,
.fbb-form-result.draw {
  color:#251800 !important;
  background:#fbbf24 !important;
}


.fbb-canonical-form-chip.is-loss,
.fbb-standing-form-chip.chip-loss,
.fbb-form-result.loss {
  color:#ffffff !important;
  background:#f43f5e !important;
}


/* Ranking title */

.fbb-canonical-ranking-heading h2 {
  background:
    linear-gradient(
      90deg,
      #ffffff,
      #bae6fd,
      #ddd6fe
    ) !important;

  -webkit-background-clip:
    text !important;

  background-clip:
    text !important;

  color:
    transparent !important;
}


.fbb-canonical-ranking-source {
  color:
    #94a3b8 !important;
}


/* FBB COUNTRY FLAG IDENTITY */

.fbb-league-identity
.fbb-universal-identity-mark,

.fbb-league-identity
.fbb-league-identity-mark,

.fbb-league-identity
.fbb-league-identity-flag {
  display:none !important;
}


.fbb-league-country-flag {
  width:20px;
  min-width:20px;
  height:20px;

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

  overflow:hidden;

  border:
    1px solid
    rgba(148,163,184,.16);

  border-radius:
    6px;

  background:
    rgba(255,255,255,.035);

  box-shadow:
    0 3px 12px
    rgba(0,0,0,.18);

  font-size:
    15px;

  line-height:
    1;

  letter-spacing:
    normal;

  text-transform:
    none;

  filter:
    saturate(.92);
}


.fbb-league-identity-name {
  min-width:0;

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


@media(max-width:620px) {
  .fbb-league-country-flag {
    width:18px;
    min-width:18px;
    height:18px;

    border-radius:5px;

    font-size:13px;
  }
}



/* =========================================================
   REAL API-SPORTS COUNTRY FLAG
   ========================================================= */

.fbb-league-identity
img.fbb-league-country-flag {
  width:22px !important;
  min-width:22px !important;
  max-width:22px !important;

  height:16px !important;
  min-height:16px !important;
  max-height:16px !important;

  display:block !important;
  flex:0 0 22px !important;

  margin:0 8px 0 0 !important;
  padding:0 !important;

  overflow:visible !important;

  border:
    1px solid
    rgba(148,163,184,.20) !important;

  border-radius:
    3px !important;

  background:
    transparent !important;

  object-fit:cover !important;

  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;

  transform:none !important;

  box-shadow:
    0 2px 8px
    rgba(0,0,0,.25) !important;
}


.fbb-league-identity {
  display:flex !important;
  align-items:center !important;
}


@media(max-width:620px) {
  .fbb-league-identity
  img.fbb-league-country-flag {
    width:20px !important;
    min-width:20px !important;
    max-width:20px !important;

    height:14px !important;
    min-height:14px !important;
    max-height:14px !important;

    flex-basis:20px !important;

    margin-right:6px !important;
  }
}