/*
 * Shared card badge — a small soccer-card silhouette with no text.
 * Used by every place that surfaces a Soee\League\Domain\Model\Card
 * (frontend MatchSquads / MatchCards, backend match edit / show).
 * Colour alone communicates the type; tooltip carries the verbose
 * label for keyboard / screen-reader users.
 */

.league-card-badge {
    display: inline-block;
    width: 14px;
    height: 20px;
    margin-left: 3px;
    border-radius: 2px;
    vertical-align: middle;
    cursor: help;
}

.league-card-badge--yellow {
    background-color: #f1c40f;
}

.league-card-badge--red {
    background-color: #e74c3c;
}

.league-card-badge--second-yellow {
    background: linear-gradient(90deg, #f1c40f 50%, #e74c3c 50%);
}