/* Container for team logo */
.teamLogo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  vertical-align: middle;
}

/* Media query for smaller screens 
@media (max-width: 600px) {
  .teamLogo { width: 28px; height: 28px; }
}*/

/* Base element that draws the SVG background */
.teamLogo .logo {
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Winner state: subtle blue glow (reduced) */
.teamLogo.is-winner .logo {
  filter: drop-shadow(0 0 1px #0e8bf1)
          drop-shadow(0 0 3px rgba(14, 139, 241, 0.45))
          saturate(1.03)
          brightness(1.02);
}

/* Loser state: grayscale and dimmed */
.teamLogo.is-loser .logo {
  filter: grayscale(100%);
  opacity: 0.4;
}

/* Results page-specific logo sizing */
.results-page .teamLogo { width: 28px; height: 28px; }

@media (max-width: 600px) {
  .results-page .teamLogo { width: 18px; height: 18px; }
}


/* Team-specific logo settings */
.ARI .logo { background-image: url("../graphics/teams/ARI.svg"); }
.ATL .logo { background-image: url("../graphics/teams/ATL.svg"); }
.BAL .logo { background-image: url("../graphics/teams/BAL.svg"); }
.BUF .logo { background-image: url("../graphics/teams/BUF.svg"); }
.CAR .logo { background-image: url("../graphics/teams/CAR.svg"); }
.CHI .logo { background-image: url("../graphics/teams/CHI.svg"); }
.CIN .logo { background-image: url("../graphics/teams/CIN.svg"); }
.CLE .logo { background-image: url("../graphics/teams/CLE.svg"); }
.DAL .logo { background-image: url("../graphics/teams/DAL.svg"); }
.DEN .logo { background-image: url("../graphics/teams/DEN.svg"); }
.DET .logo { background-image: url("../graphics/teams/DET.svg"); }
.GB .logo  { background-image: url("../graphics/teams/GB.svg"); }
.HOU .logo { background-image: url("../graphics/teams/HOU.svg"); }
.IND .logo { background-image: url("../graphics/teams/IND.svg"); }
.JAX .logo { background-image: url("../graphics/teams/JAX.svg"); }
.KC .logo  { background-image: url("../graphics/teams/KC.svg"); }
.LA .logo  { background-image: url("../graphics/teams/LA.svg"); }
.LAC .logo { background-image: url("../graphics/teams/LAC.svg"); }
.LV .logo  { background-image: url("../graphics/teams/LV.svg"); }
.MIA .logo { background-image: url("../graphics/teams/MIA.svg"); }
.MIN .logo { background-image: url("../graphics/teams/MIN.svg"); }
.NE .logo  { background-image: url("../graphics/teams/NE.svg"); }
.NO .logo  { background-image: url("../graphics/teams/NO.svg"); }
.NYG .logo { background-image: url("../graphics/teams/NYG.svg"); }
.NYJ .logo { background-image: url("../graphics/teams/NYJ.svg"); }
.PHI .logo { background-image: url("../graphics/teams/PHI.svg"); }
.PIT .logo { background-image: url("../graphics/teams/PIT.svg"); }
.SEA .logo { background-image: url("../graphics/teams/SEA.svg"); }
.SF .logo  { background-image: url("../graphics/teams/SF.svg"); }
.TB .logo  { background-image: url("../graphics/teams/TB.svg"); }
.TEN .logo { background-image: url("../graphics/teams/TEN.svg"); }
.WAS .logo { background-image: url("../graphics/teams/WAS.svg"); }