/* Team Logo Styles */

/* Universal rule for all team logo images */
img[src*="/teams/"] {
    max-width: 24px !important;
    max-height: 24px !important;
    width: auto !important;
    height: auto !important;
}

.team-logo {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain;
    background-color: transparent;
    max-width: 24px !important;
    max-height: 24px !important;
}

.team-logo-sm {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain;
    background-color: transparent;
    max-width: 20px !important;
    max-height: 20px !important;
}

.team-logo-lg {
    width: 32px !important;
    height: 32px !important;
    object-fit: contain;
    background-color: transparent;
    max-width: 32px !important;
    max-height: 32px !important;
}

.team-logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* Team logos in prediction cards */
.prediction-card .team-logo {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
}

/* Team logos in standings tables */
.standings-table .team-logo {
    width: 18px !important;
    height: 18px !important;
    margin-right: 5px;
    max-width: 18px !important;
    max-height: 18px !important;
}

/* Team logos in bracket */
.bracket-team .team-logo {
    width: 16px !important;
    height: 16px !important;
    margin-right: 3px;
    max-width: 16px !important;
    max-height: 16px !important;
}