/* ─────────────────────────────────────────
   Баскетбол — таблица чемпионата
───────────────────────────────────────── */

/* Подключаем стили rfs для общих блоков (заголовок, плей-офф, ближайшие матчи) */
@import url('/assets/rfs.css');

/* Заголовки колонок */
.bsk-cell-hdr {
    font-size: calc(16 * 100vw / 1920);
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    color: #000;
}

/* Колонка "Клуб" */
.bsk-cell-club {
    font-weight: 500;
    font-size: calc(24 * 100vw / 1920);
    color: #000;
}

.bsk-cell-hdr + .bsk-cell-club {
   text-transform: none;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    color: #000;
}

/* Числовые ячейки */
.bsk-cell-num {
    font-size: calc(24 * 100vw / 1920);
    font-weight: 700;
    color: #000;
}

/* Ячейка "Очки" — красная */
.bsk-cell-pts {
    font-size: calc(24 * 100vw / 1920);
    font-weight: 700;
    color: #e80024;
}

/* Ячейка с последними 5 матчами */
.bsk-cell-last5 {
    white-space: nowrap;
    text-align: center;
    width: calc(100 * 100vw / 1920);
}

.bsk-cell-last5 svg {
    display: inline-block;
    width: calc(80 * 100vw / 1920);
    height: calc(12 * 100vw / 1920);
}

/* Секция таблицы */
.bsk-table-section {
    padding-top: 0;
    padding-bottom: calc(20 * 100vw / 1920);
}

.bsk-table-section .table__wrapper {
    margin-top: 0;
}

/* Двойной заголовок МУЖСКАЯ / ЖЕНСКАЯ ЛИГА */
.bsk-dual-header {
    display: flex;
    align-items: center;
    gap: calc(24 * 100vw / 1920);
    flex-wrap: wrap;
    margin: 0 calc(-40 * 100vw / 1920);
    padding-left: calc(80 * 100vw / 1920);
    padding-right: calc(80 * 100vw / 1920);
}

.bsk-league-group {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.bsk-league-title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap;
}

.bsk-league-divider {
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .bsk-dual-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .bsk-league-divider { display: none; }
    .bsk-league-title { font-size: 18px; }
}

/* Одиночный заголовок (без женской лиги) — растянуть на всю ширину как таб-контейнеры */
.bsk-solo-header {
    margin: 0 calc(-40 * 100vw / 1920);
    padding-left: calc(80 * 100vw / 1920);
    padding-right: calc(80 * 100vw / 1920);
}

/* Неактивная (disabled) кнопка переключателя */
.rfs-header__buttons .button:disabled,
.rfs-header__buttons .button[disabled] {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
}

.bsk-table-section + .bsk-table-section {
    padding-top: calc(10 * 100vw / 1920);
}

/* Плей-ин — горизонтальный ряд карточек */
.bsk-bracket--playin {
    display: flex;
    flex-wrap: wrap;
    gap: calc(16 * 100vw / 1920);
    padding: 0 0 calc(20 * 100vw / 1920);
}

.bsk-bracket--playin .rfs-bracket__match {
    flex: 1 1 calc(280 * 100vw / 1920);
    max-width: calc(400 * 100vw / 1920);
}

/* Таб-контейнеры — белый фон как в rfs */
#bsk-tab-standings,
#bsk-tab-playoff,
#bsk-tab-w-standings,
#bsk-tab-w-playoff {
    background: #fff;
    margin: 0 calc(-40 * 100vw / 1920);
    padding: 0 calc(40 * 100vw / 1920) calc(40 * 100vw / 1920);
}

#bsk-tab-standings .rfs-header,
#bsk-tab-playoff .rfs-header,
#bsk-tab-w-standings .rfs-header,
#bsk-tab-w-playoff .rfs-header {
    margin: 0 calc(-40 * 100vw / 1920);
    padding-left: calc(80 * 100vw / 1920);
    padding-right: calc(80 * 100vw / 1920);
}

.bsk-playoff, .bsk-bracket--playoff {
    padding-bottom: 0;
}

#bsk-tab-standings, #bsk-tab-w-standings {
    padding-top: calc(40 * 100vw / 1920);
}

@media (max-width: 1024px) {
    .bsk-solo-header {
        margin: 0 calc(-10 * 100vw / 1920);
        padding-left: calc(10 * 100vw / 1920);
        padding-right: calc(10 * 100vw / 1920);
    }

    .bsk-cell-hdr { font-size: 11px; }
    .bsk-cell-club { font-size: 13px; }
    .bsk-cell-num { font-size: 13px; }
    .bsk-cell-pts { font-size: 13px; }

    .bsk-cell-last5 {
        width: 70px;
    }
    .bsk-cell-last5 svg {
        width: 56px;
        height: 9px;
    }

    #bsk-tab-standings,
    #bsk-tab-playoff,
    #bsk-tab-w-standings,
    #bsk-tab-w-playoff {
        margin: 0 calc(-10 * 100vw / 1920);
        padding: 0 calc(10 * 100vw / 1920) 24px;
    }

    #bsk-tab-standings .rfs-header,
    #bsk-tab-playoff .rfs-header,
    #bsk-tab-w-standings .rfs-header,
    #bsk-tab-w-playoff .rfs-header {
        margin: 0 calc(-10 * 100vw / 1920);
        padding-left: calc(10 * 100vw / 1920);
        padding-right: calc(10 * 100vw / 1920);
    }

    .bsk-bracket--playin {
        flex-direction: column;
    }

    .bsk-bracket--playin .rfs-bracket__match {
        max-width: 100%;
    }

    /* table-layout auto — колонки по контенту */
    .bsk-table-section table {
        table-layout: auto;
    }
    /* Колонка № */
    .bsk-table-section td:nth-child(1) {
        width: 1px;
        min-width: 20px;
        white-space: nowrap;
    }
    /* Числовые колонки — минимальная ширина */
    .bsk-table-section td.bsk-cell-num,
    .bsk-table-section td.bsk-cell-pts {
        width: 1px;
        min-width: 28px;
        white-space: nowrap;
    }
    /* Клуб — ellipsis */
    .bsk-table-section td.bsk-cell-club,
    .bsk-table-section th.bsk-cell-club {
        max-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    /* Скрыть: % (6), Последние 5 (7), Забито (8), Пропущено (9), +/- (10) */
    .bsk-table-section table tr td:nth-child(6),
    .bsk-table-section table tr td:nth-child(7),
    .bsk-table-section table tr td:nth-child(8),
    .bsk-table-section table tr td:nth-child(9),
    .bsk-table-section table tr td:nth-child(10) {
        display: none;
    }
    /* Отступ сверху у вкладок */
    #bsk-tab-standings,
    #bsk-tab-playoff,
    #bsk-tab-w-standings,
    #bsk-tab-w-playoff {
        padding-top: 18px;
    }
}

/* ─────────────────────────────────────────
   Карточка «Финал за 3 место»
   Структура идентична rfs-bracket__match:
   grid 1fr auto 1fr, команда = column (лого + название)
───────────────────────────────────────── */
.bsk-pcards {
    padding: calc(20 * 100vw / 1920) 0 calc(30 * 100vw / 1920);
}

.bsk-pcard {
    display: flex;
    flex-direction: column;
    gap: calc(10 * 100vw / 1920);
    width: calc(100% / 3 - 15px);
}

.bsk-pcard__title {
    font-size: calc(24 * 100vw / 1920);
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Карточка — точно как rfs-bracket__match */
.bsk-pcard__body {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: calc(16 * 100vw / 1920);
    border: calc(4 * 100vw / 1920) solid #000;
    border-radius: calc(32 * 100vw / 1920);
    padding: calc(20 * 100vw / 1920) calc(24 * 100vw / 1920);
}

/* Команда — точно как rfs-bracket__team */
.bsk-pcard__team {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(8 * 100vw / 1920);
}

/* Лого — точно как rfs-bracket__logo */
.bsk-pcard__logo {
    width: calc(65 * 100vw / 1920);
    height: calc(65 * 100vw / 1920);
    object-fit: contain;
}

.bsk-pcard__logo-placeholder {
    width: calc(65 * 100vw / 1920);
    height: calc(65 * 100vw / 1920);
    border-radius: 50%;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(14 * 100vw / 1920);
    font-weight: 700;
    color: #666;
}

.bsk-pcard__logo-placeholder--unknown {
    font-size: calc(32 * 100vw / 1920);
    color: rgba(0, 0, 0, 0.2);
    background: transparent;
}

/* Название — точно как rfs-bracket__team-name */
.bsk-pcard__team-name {
    font-size: calc(18 * 100vw / 1920);
    font-weight: 500;
    color: #000;
    text-align: center;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    max-width: calc(200 * 100vw / 1920);
}

.bsk-pcard__team-name--unknown {
    color: rgba(0, 0, 0, 0.2);
}

/* Центральная колонка: дата/время */
.bsk-pcard__center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: calc(80 * 100vw / 1920);
}

.bsk-pcard__date {
    font-size: calc(22 * 100vw / 1920);
    font-weight: 400;
    font-style: normal;
    color: #000;
    line-height: calc(22 * 100vw / 1920);
    text-align: center;
    text-transform: uppercase;
}

.bsk-pcard__time {
    font-size: calc(16 * 100vw / 1920);
    font-weight: 500;
    color: #000;
}

@media (max-width: 1024px) {
    .bsk-pcards {
        padding: 16px 0 20px;
    }

    .bsk-pcard {
        width: 100%;
        gap: 8px;
    }

    .bsk-pcard__title {
        font-size: 14px;
    }

    .bsk-pcard__body {
        border-radius: 16px;
        border-width: 2px;
        padding: 12px 14px;
        gap: 10px;
    }

    .bsk-pcard__logo,
    .bsk-pcard__logo-placeholder {
        width: 36px;
        height: 36px;
    }

    .bsk-pcard__logo-placeholder--unknown {
        font-size: 20px;
    }

    .bsk-pcard__team-name {
        font-size: 12px;
        width: 100%;
        max-width: none;
    }

    .bsk-pcard__date {
        font-size: 22px;
        line-height: 22px;
    }

    .bsk-pcard__time {
        font-size: 10px;
    }
    .bsk-pcard__title {
        text-align: center;
    }
}