/*
 Theme Name:   Twenty Twenty-One Child
 Description:  Дочерняя тема для Twenty Twenty-One
 Template:     twentytwentyone
 Version:      1.0.0
*/


body.single-tournaments {
    background-color: #1D1D1B;
    color: #fff;
}


/* Обертка всей секции таблицы (чтобы ограничить ширину) */
.tm-table-section {
    max-width: 800px; /* Установи ширину согласно макету */
    margin: 30px auto;
    font-family: 'Montserrat', sans-serif; /* Постарайся подключить похожий шрифт */
    color: #fff;
}

/* Общий Grid для заголовка и строк (определяем ширину колонок) */
.tm-front-grid {
    display: grid;
    /* 1.Место | 2.Игрок (занимает всё место) | 3.Очки */
    grid-template-columns: 80px 1fr 100px;
    gap: 15px; /* Отступы между колонками */
    align-items: center;
}

/* --- Заголовок Таблицы --- */
.tm-grid-header {
    margin-bottom: 20px;
}

/* Синие ячейки заголовка */
.tm-header-cell {
    background-color: #0099b2; /* Голубой цвет из рендера */
    padding: 12px 20px;
    border-radius: 8px; /* Скругление, как на рендере */
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 0.1em;
}

/* --- Строки с Данными --- */
.tm-grid-row {
    margin-bottom: 12px; /* Отступы между строками */
}

/* Ячейки строк */
.tm-cell {
    background-color: #2c2c2c; /* Темный фон ячейки из рендера */
    color: #fff;
    padding: 15px 20px;
    border-radius: 8px; /* Скругление */
    font-size: 0.95rem;
    min-height: 50px;
    display: flex;
    align-items: center;
}

/* Специфичное выравнивание текста для ячеек */
.tm-cell-left {
    justify-content: flex-start;
}

.tm-cell-right {
    justify-content: center; /* Очки центрируем, как на рендере */
    font-weight: 400; /* Делаем цифры тоньше */
}

/* Ячейка с номером места */
.tm-rank-cell {
    justify-content: center; /* Центрируем номер */
    color: #aaa; /* Делаем номер места чуть тусклее */
    font-size: 0.9rem;
}

/* Респонсивность для мобилок */
@media (max-width: 600px) {
    .tm-front-grid {
        grid-template-columns: 60px 1fr 70px; /* Уменьшаем боковые колонки */
        gap: 10px;
    }
    .tm-header-cell, .tm-cell {
        padding: 10px 15px;
        font-size: 0.8rem;
    }
}