/* Fixtures Hub lineup pitch containment fix - 2026-08-11.
 * Formation rows size themselves from the actual number of players so no
 * marker can exceed the pitch boundary, including 5- and 6-player lines.
 */
.lineup-pitch-row {
    --lineup-player-count: 1;
    display: grid;
    grid-template-columns: repeat(var(--lineup-player-count), minmax(0, 1fr));
    align-items: center;
    width: 100%;
    min-width: 0;
    gap: clamp(0.125rem, 0.6vw, 0.5rem);
    padding-inline: clamp(0.2rem, 0.8vw, 0.55rem);
}

.lineup-pitch-player {
    justify-self: center;
    width: 100%;
    min-width: 0;
    max-width: 6.5rem;
}

.lineup-pitch-avatar {
    width: clamp(2rem, 9vw, 3rem);
    max-width: min(100%, 3rem);
}

.lineup-pitch-name {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 420px) {
    .lineup-pitch-row {
        gap: 0.125rem;
        padding-inline: 0.2rem;
    }

    .lineup-pitch-avatar {
        width: clamp(1.75rem, 9vw, 2.35rem);
    }

    .lineup-pitch-name {
        padding-inline: 0.2rem;
        font-size: 0.45rem;
        line-height: 0.75rem;
    }
}
[data-fast-tab-button]{border-color:transparent;color:var(--color-navy-400)}
[data-fast-tab-button]:hover{color:var(--color-navy-700)}
[data-fast-tab-button].is-active{border-color:var(--color-pitch-500);color:var(--color-pitch-600)}
.dark [data-fast-tab-button]:hover{color:var(--color-navy-200)}
.dark [data-fast-tab-button].is-active{color:var(--color-pitch-400)}