/* Табличный список матчей */

.match-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.match-table tbody td { background: var(--bg_color_2, #1d1f29); }
.match-table tbody tr + tr td { border-top: 1px solid var(--color-border); }
.match-table thead th {
  position: sticky; top: 0; z-index: 1;
  background: var(--body_color_2, #262832);
  color: var(--txt_color_2, #bebebe);
  font-weight: 600; font-size: .75rem;
  text-transform: uppercase; letter-spacing: .03em;
  border-bottom: 1px solid var(--color-border);
  padding: .5rem .5rem;
      text-align: center;
          min-width: 60px;
}



.match-table thead th.mt-teams {
      text-align: left;
}

.match-table td { padding: .5rem; vertical-align: middle; }

.match_list .accordion-button {
  font-size: 0.9rem;
  text-transform: uppercase;
}

.match_list .badge  {
    position: absolute;
    right: 10px;
}

.accordion-button::after {display: none;}

.col-icon { width: 28px; text-align: left; }
.col-icon .sport-icon { width: 18px; height: 18px; object-fit: contain; opacity: .95; }

.mt-teams { min-width: 220px; }
.mt-teams .title { font-weight: 400; font-size: .85rem; }
.mt-teams .title a { color: var(--line_txt_1, #f3f2ef); }
.mt-teams .teams .team { display: block; }
.mt-teams .meta { color: #CDDC39; font-size: .6rem; }

.mt-odd { text-align: center; }
.mt-odd .btn { padding: 0; font-weight: 700; }
.mt-odd .btn-secondary { opacity: .7; }



/* Заглушка «-» */
.mt-dash { color: var(--txt_color_2, #bebebe); font-weight: 700; }

/* Column widths synced via colgroup and CSS vars */
#tournamentsAccordion { --col-teams: 45%; }
.match-table col.col-teams { width: var(--col-teams, 45%); }
.match-table col.col-odd { width: calc((100% - var(--col-teams, 45%)) / 8); }

/* Мобильная версия: скрываем все, кроме 1X2 */
@media (max-width: 991.98px) {
  .match-table thead .col-dc,
  .match-table thead .col-total,
  .match-table thead .col-hc,
  .match-table tbody .col-dc,
  .match-table tbody .col-total,
  .match-table tbody .col-hc,
  .match-table thead .col-time,
  .match-table tbody .col-time { display: none; }

  .mt-teams { min-width: 0; }
  .mt-odd .btn { min-width: 0; width: 100%; }
}

/* Оформление заголовков аккордеона турниров, убираем голубой фон Bootstrap */
#tournamentsAccordion .accordion-button {
  background: var(--bg_color_6, #2c2e3a);
  color: var(--txt_color_1, #fff);
  padding-left: 10px;
}
#tournamentsAccordion .accordion-button.collapsed {
  background: var(--bg_color_3, #151721);
  color: var(--txt_color_1, #fff);
}
#tournamentsAccordion .accordion-button:focus { box-shadow: none; }
#tournamentsAccordion .accordion-item { border-color: var(--color-border); }

/* Tournament header grid in accordion button */
.tm-grid { display: grid; grid-template-columns: var(--col-teams, 45%) 1fr; align-items: center; width: 100%; gap: .75rem; }
.tm-left { display: inline-flex; align-items: center; gap: .5rem; font-weight: 700;     font-size: 0.7rem;}
.tm-left .flags-icon { width: 20px; height: 14px; object-fit: cover;   }
.tm-cols { display: grid; grid-template-columns: repeat(8, calc((100% - 0px) / 8)); gap: .25rem; font-weight: 700; color: var(--txt_color_2, #bebebe); text-transform: uppercase; font-size: .78rem; }
.tm-cols .col { text-align: center; }
.tm-badge { margin-left: auto; }

@media (max-width: 991.98px) {
  .tm-grid { grid-template-columns: 1fr; }
  .tm-cols { display: none; }
}
