/* v2 polish for the tournament list. Shared rules live in /css/tournaments-list.css. */

.tl-filter-bar select {
    background: var(--v2-surface-2);
    border-color: var(--v2-border);
    color: var(--v2-text);
    border-radius: var(--v2-radius-sm);
}

.tl-closed-header {
    background: var(--v2-surface-2);
    border-color: var(--v2-border);
    color: var(--v2-text);
    border-radius: var(--v2-radius-md);
}

.tl-tournament-card {
    background: var(--v2-surface-2);
    border-color: var(--v2-border);
    border-radius: var(--v2-radius-lg);
}

@media (max-width: 767px) {
    .tl-filter-bar {
        flex-direction: column;
        align-items: stretch;
    }

    .tl-filter-bar .form-group,
    .tl-filter-bar select {
        min-width: 0;
        width: 100%;
    }

    .tl-toolbar .v2-btn,
    .tl-toolbar .btn {
        width: 100%;
    }
}