/* Official hues: liga.kozts.pl, td.league a[style], season 2026/2027.
   MLM has no published color yet; it uses the site's neutral gold. */
.league-badge {
  --league-color: #cfb53b;
  --league-ink: #08162b;
  --league-border: #dfcd79;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: 33px;
  min-height: 24px;
  padding: 3px 7px;
  border: 1px solid var(--league-border);
  border-radius: 4px;
  background: var(--league-color);
  color: var(--league-ink);
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .025em;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.league-badge[data-league="2M"] { --league-color: #d71920; --league-ink: #fff; --league-border: #ff777d; }
.league-badge[data-league="3M"] { --league-color: #000080; --league-ink: #fff; --league-border: #777bd7; }
.league-badge[data-league="4W"] { --league-color: #008080; --league-ink: #fff; --league-border: #4db7b7; }
.league-badge[data-league="4Z"] { --league-color: #00a0f0; --league-border: #73cbf7; }
.league-badge[data-league="5K"] { --league-color: #cb89ed; --league-border: #e0b3f6; }
.league-badge[data-league="5NS"] { --league-color: #ff8413; --league-border: #ffb169; }
.league-badge[data-league="5NTA"], .league-badge[data-league="5NTB"] { --league-color: #cfb53b; --league-border: #dfcd79; }
.league-badge[data-league="5T"] { --league-color: #008000; --league-ink: #fff; --league-border: #69b36a; }
.league-badge[data-league="6KA"], .league-badge[data-league="6KB"] { --league-color: #800080; --league-ink: #fff; --league-border: #c279c2; }
#active-league-badge { display: flex; flex: none; }
#active-league-badge .league-badge { min-width: 40px; min-height: 30px; font-size: 12px; }
.team-league-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.fixture-context .league-badge { min-width: 31px; min-height: 20px; padding: 2px 5px; font-size: 9px; }
.match-top .league-badge { min-height: 21px; padding: 2px 6px; font-size: 10px; }
#match-league-tag:empty { display: none; }
#match-league-tag .league-badge { min-height: 22px; font-size: 10px; }
@media (max-width: 600px) {
  .compact-ui .league-control { display: flex; flex-direction: row; gap: 7px; width: 100%; }
  .compact-ui select.league-toggle { flex: 1; min-width: 0; width: 0; padding-left: 9px; }
  #active-league-badge .league-badge { min-width: 36px; min-height: 30px; padding: 4px 5px; font-size: 11px; }
  .fixture-context .league-badge { min-width: 29px; min-height: 19px; font-size: 9px; }
  .match-summary-header { flex-direction: row; align-items: center; }
  .match-summary-header #match-modal-date { flex-basis: 100%; }
}