/* Bolão 2026 — Knockout bracket (horizontal scroll on mobile) */

.football-pool-tournament-page,
.football-pool-bracket {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: var(--space-4) 0;
    white-space: nowrap;
}

.football-pool-bracket .round {
    display: inline-block;
    vertical-align: top;
    min-width: 240px;
    margin-right: var(--space-4);
    white-space: normal;
}
.football-pool-bracket .round h3 {
    font-family: var(--font-display);
    color: var(--brand-blue);
    text-align: center;
    margin-bottom: var(--space-3);
}
.football-pool-bracket .match-card {
    background: #fff;
    border-radius: var(--radius-md);
    padding: var(--space-3);
    margin-bottom: var(--space-2);
    box-shadow: var(--shadow-sm);
    font-size: var(--size-sm);
}
.football-pool-bracket .match-card.user-alive {
    border-left: 4px solid var(--color-success);
}
.football-pool-bracket .match-card.user-dead {
    border-left: 4px solid var(--color-danger);
    opacity: 0.7;
}

/* Bracket aligned to design tokens — base font on the bracket roots so any
   plugin/theme markup variant (real DOM is .football-pool-bracket) inherits
   the redesign sans face instead of a UA default. Knockout stage may not be
   rendered yet; this is surface-only and adds no layout. */
.football-pool-tournament-page,
.football-pool-bracket,
.bolao-bracket,
.footballpool .bracket {
    font-family: var(--font-sans);
}
.bolao-bracket .team,
.footballpool .bracket .team {
    border-radius: var(--radius-md);
}