/* Турнирные таблицы */

.div-tabl {
  display: inline-block;
  margin: 0 auto; /* Центрирование div */
  text-align: center;
  justify-content: center;
  background-color: var(--color-01);
  border: 1px solid var(--color-03);
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  margin-top: 1vw;
  margin-bottom: 1vw;
  padding: 1vw;
}

/* Таблицы */

.table-tabl {
  margin: auto;
  border-collapse: collapse;
  font-size: 3vmin;
  line-height: 120%;
}

.table-tabl tr { height: 5vw; }


.table-tabl tr.tr-8vw { max-height: 8vw; }

.table-tabl td, th {
  padding: 0.5vw;
  line-height: 4vw; /* Установка высоты строки */
  text-align: center; /* Центрирование по горизонтали */
  vertical-align: middle; /* Центрирование по вертикали */
}

.table-tabl th{
  font-weight: bold;
}

.th-ramka {
  border: 1px solid var(--color-03);
  width: 5vw;
}

.th-ramka-6vw {
  border: 1px solid var(--color-03);
  width: 6vw;
}

.th-ramka-8vw {
  border: 1px solid var(--color-03);
  width: 8vw;
}

.th-1 { width: 1vw; }
.th-4 { width: 4vw; }
.th-6 { width: 6vw; }
.th-8 { width: 8vw; }

.th-team {
  width: 25vmin;
  text-align: left;
}

.th-team2 {
  width: 32vmin;
  text-align: left;
}

.img-td-logo {
  width: 100%; /* Изображение будет занимать 100% ширины ячейки */
  height: auto; /* Высота будет автоматически подстраиваться */
  display: block; /* Убедитесь, что изображение отображается как блочный элемент */
  margin: 0 auto; /* Центрируем изображение по горизонтали */
  border-radius: 0px;
}

.table-tabl .td-logo {
  width: 4vw;
  padding: 0;
  margin: 0;
  text-align: center;
}

.table-tabl .td-team {
  text-align: left;
}

.td-ramka {
  border: 1px solid var(--color-03);
}

.td-no {
  border: 1px solid var(--color-03);
  background-color: var(--color-09);
}

.td-ball {
  font-size: 2vmin;
  padding: 0px;
}

.td-draw {
  border: 1px solid var(--color-03);
  font-size: 2vmin;
  padding: 0px;
}

.td-win {
  color:  var(--color-07);
  border: 1px solid var(--color-03);
  font-size: 2vmin;
  padding: 0px;
}

.td-loss {
  color:  var(--color-08);
  border: 1px solid var(--color-03);
  font-size: 2vmin;
  padding: 0px;
}


/* Таблица Турнирная сетка начало */

.div-tabl-setka {
  display: inline-block;
  margin: 0 auto; /* Центрирование div */
  text-align: center;
  background-color: var(--color-01);
  border: 1px solid var(--color-02);
  font-size: 3vmin;
  line-height: 120%;
  justify-content: center;
  margin-top: 1vw;
  margin-bottom: 1vw;
}

.table-setka {
  border: 2px solid var(--color-02); /* Устанавливаем цвет границы таблицы */
  border-collapse: collapse; /* Убираем двойные границы между ячейками */
  table-layout: fixed;
}

.table-setka tr { height: 5vw; }

.table-setka .tr-setka-4vmin {
  height: 4vmin;
  border: 0;
  margin: 0;
  padding: 0;
  line-height: 1;
}

.table-setka .tr-setka-7vmin {
  height: 7vmin;
  border: 0;
  margin: 0;
  padding: 0;
  line-height: 1;
}

.table-setka .tr-setka-v0 {
  height: 0px;
  border: 0;
  margin: 0;
  padding: 0;
  line-height: 1;
}

.tr-setka-win {
  color: var(--color-07);
}

.tr-setka-loss {
  color: var(--color-08);
}

th.th-setka-1 {
  width: 5vw;
  border: 0px;
  overflow: hidden; /* Скрыть переполнение */
  white-space: nowrap; /* Запретить перенос текста */
}

th.th-setka-2 {
  width: 10vw;
  border: 0px;
  overflow: hidden; /* Скрыть переполнение */
  white-space: nowrap; /* Запретить перенос текста */
}

th.th-setka-3 {
  width: 15vw;
  border: 0px;
  overflow: hidden; /* Скрыть переполнение */
  white-space: nowrap; /* Запретить перенос текста */
}

th.th-setka-3vmin {
  width: 3vmin;
  border: 0px;
  overflow: hidden; /* Скрыть переполнение */
  white-space: nowrap; /* Запретить перенос текста */
}

th.th-setka-7vmin {
  width: 7vmin;
  border: 0px;
  overflow: hidden; /* Скрыть переполнение */
  white-space: nowrap; /* Запретить перенос текста */
}

.table-setka th {
  height: 0px;
  border: 0;
  margin: 0;
  padding: 0;
  line-height: 1;
}

.table-setka td {
  overflow: hidden; /* Скрыть переполнение */
  white-space: nowrap; /* Запретить перенос текста */
  text-overflow: ellipsis; /* добавить многоточие, если текст обрезан */
  text-align: center; /* Центрирование содержимого в ячейках */
  padding: 0vw;
}


/* Таблица mfl6 */

.svg-div_mfl6 {
  display: inline-block;
  margin: 0 auto; /* Центрирование div */
  text-align: center;
  padding: 1vw;  
  width: 100%;
  max-width: 640px;
  background-color: var(--color-01);
  border: 1px solid var(--color-03);
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  margin-top: 1vw;
  margin-bottom: 1vw;
}

.svg-line__line_mfl6 {
  stroke: var(--color-03);
  stroke-width: 0.4;
}

.svg-rect__blok_mfl6 {
  fill: var(--color-02);
  stroke: var(--color-03);
  stroke-width: 0.3;
}

.svg-div__blok-div_mfl6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.svg-div_mfl6 p {
		  padding: 0;
		  text-align: justify;
          font-size: 10px;
          font-weight: normal;
          line-height: 120%;
		  box-sizing: border-box;
		  color: var(--color-03);
	}

.svg-div_mfl6 .svg-div__blok-div_mfl6 .svg-div__p-round_mfl6 {
    padding: 2px 0;
	text-align: center;
	width: 100%;
    color: var(--color-01);
    background-color: var(--color-09);
font-family: 'Verdana';
	font-weight: 700;
	box-sizing: border-box; /* Правильный расчет размеров */
}

.svg-div_mfl6 .svg-div__blok-div_mfl6 .svg-div__p-team_mfl6 {
    padding: 3px 0 1px 0;
	text-align: center;
	width: 100%;
    color: var(--color-03);
	font-weight: 500;
	box-sizing: border-box; /* Правильный расчет размеров */
}

.svg-rect__kvadrat_mfl-cup-2025 {
  fill: var(--color-01);
  stroke: var(--color-03);
  stroke-width: 0.3;
}

.svg-line__line-win_mfl-cup-2025 {
  stroke: var(--color-07);
  stroke-width: 0.4;
}

.svg-line__line-loss_mfl-cup-2025 {
  stroke: var(--color-08);
  stroke-width: 0.4;
}

.table-mfl6 {
  margin: auto;
  border-collapse: collapse;
  font-size: 3vmin;
  line-height: 120%;
}

.table-mfl6 th { font-weight: normal; }

.table-mfl6 th, td {
  padding: 1px;
  text-align: center;
  vertical-align: middle;
  height: 6vmin;
  font-size: 12px;
  line-height: 1.2;
}

.table-mfl6 .th-team { width: 7vmin; font-size: 3vmin; }
.table-mfl6 .th-chet { width: 6vmin; font-size: 3vmin; font-weight: bold; }
.table-mfl6 .th-otstup { width: 1vmin; font-size: 1vmin; }
.table-mfl6 .th-ishod-win { width: 4vmin; font-size: 3vmin; font-weight: bold; color: var(--color-07); }
.table-mfl6 .th-ishod-bwin { width: 4vmin; font-size: 2vmin; color: var(--color-09); }
.table-mfl6 .th-ishod-bloss { width: 4vmin; font-size: 2vmin; color: var(--color-03); }
.table-mfl6 .th-ishod-loss { width: 4vmin; font-size: 3vmin; font-weight: bold; color: var(--color-08); }
.table-mfl6 .th-ball { width: 7vmin; font-size: 2vmin; }
.table-mfl6 .th-ochki { width: 4vmin; font-size: 3vmin; font-weight: bold;}
.table-mfl6 .th-mesto { width: 4vmin; font-size: 3vmin;}

.table-mfl6 .td-team { font-size: 3vmin; }
.table-mfl6 .td-chet { font-size: 2.5vmin; }

/* надо избавиться */
.table-mfl6 .td-ishod-p { font-size: 3vmin; }
.table-mfl6 .td-ishod-n { font-size: 3vmin; }

.table-mfl6 .td-itog-win { font-size: 3vmin; color: var(--color-07); }
.table-mfl6 .td-itog-bwin { font-size: 3vmin; color: var(--color-09); }
.table-mfl6 .td-itog-bloss { font-size: 3vmin; color: var(--color-03);}
.table-mfl6 .td-itog-loss { font-size: 3vmin; color: var(--color-08); }

.table-mfl6 .td-ball { font-size: 2vmin; }
.table-mfl6 .td-ochki { font-size: 3vmin; font-weight: bold; }

.table-mfl6 td[mfl6-ramka="1"] { border: 1px solid var(--color-03); }
.table-mfl6 td[mfl6-no="0"] { border: 1px solid var(--color-03); background-color: var(--color-09); }
.table-mfl6 .td-chet[mfl6-ishod="win"] { color: var(--color-07); }
.table-mfl6 .td-chet[mfl6-ishod="bwin"] { color: var(--color-09); font-size: 2vmin; }
.table-mfl6 .td-chet[mfl6-ishod="bloss"] { color: var(--color-03); font-size: 2vmin; }
.table-mfl6 .td-chet[mfl6-ishod="loss"] { color: var(--color-08); }
.table-mfl6 .td-chet[mfl6-ishod="win-67"] { color: var(--color-07); font-size: 2vmin; line-height: 120%;}
.table-mfl6 .td-chet[mfl6-ishod="bwin-67"] { color: var(--color-09); font-size: 1.7vmin; line-height: 100%;}
.table-mfl6 .td-chet[mfl6-ishod="bloss-67"] { color: var(--color-03); font-size: 1.7vmin; line-height: 100%;}
.table-mfl6 .td-chet[mfl6-ishod="loss-67"] { color: var(--color-08); font-size: 2vmin; line-height: 120%;}

/* Конец Таблица mfl6 */


td.td-setka-1 {
  border-top: 1px solid var(--color-03);
  border-right: 0px solid var(--color-03);
  border-bottom: 0px solid var(--color-03);
  border-left: 0px solid var(--color-03);
}

td.td-setka-12 {
  border-top: 1px solid var(--color-03);
  border-right: 1px solid var(--color-03);
  border-bottom: 0px solid var(--color-03);
  border-left: 0px solid var(--color-03);
}

td.td-setka-123 {
  border-top: 1px solid var(--color-03);
  border-right: 1px solid var(--color-03);
  border-bottom: 1px solid var(--color-03);
  border-left: 0px solid var(--color-03);
}

td.td-setka-1234 {
  border-top: 1px solid var(--color-03);
  border-right: 1px solid var(--color-03);
  border-bottom: 1px solid var(--color-03);
  border-left: 1px solid var(--color-03);
  
  color: var(--color-01);
  background-color: var(--color-04);
 /* Скрыть переполнение  background: linear-gradient(to bottom, var(--color-09), var(--color-03), var(--color-09));  */
}

td.td-setka-13 {
  border-top: 1px solid var(--color-03);
  border-right: 0px solid var(--color-03);
  border-bottom: 1px solid var(--color-03);
  border-left: 0px solid var(--color-03);
}

td.td-setka-134 {
  border-top: 1px solid var(--color-03);
  border-right: 0px solid var(--color-03);
  border-bottom: 1px solid var(--color-03);
  border-left: 1px solid var(--color-03);
}

td.td-setka-14 {
  border-top: 1px solid var(--color-03);
  border-right: 0px solid var(--color-03);
  border-bottom: 0px solid var(--color-03);
  border-left: 1px solid var(--color-03);
}

td.td-setka-2 {
  border-top: 0px solid var(--color-03);
  border-right: 1px solid var(--color-03);
  border-bottom: 0px solid var(--color-03);
  border-left: 0px solid var(--color-03);
}

td.td-setka-23 {
  border-top: 0px solid var(--color-03);
  border-right: 1px solid var(--color-03);
  border-bottom: 1px solid var(--color-03);
  border-left: 0px solid var(--color-03);
}

td.td-setka-24 {
  border-top: 0px solid var(--color-03);
  border-right: 1px solid var(--color-03);
  border-bottom: 0px solid var(--color-03);
  border-left: 1px solid var(--color-03);
}

td.td-setka-3 {
  border-top: 0px solid var(--color-03);
  border-right: 0px solid var(--color-03);
  border-bottom: 1px solid var(--color-03);
  border-left: 0px solid var(--color-03);
}

td.td-setka-34 {
  border-top: 0px solid var(--color-03);
  border-right: 0px solid var(--color-03);
  border-bottom: 1px solid var(--color-03);
  border-left: 1px solid var(--color-03);
}

td.td-setka-4 {
  border-top: 0px solid var(--color-03);
  border-right: 0px solid var(--color-03);
  border-bottom: 0px solid var(--color-03);
  border-left: 1px solid var(--color-03);
}

td.td-setka-b1 {
  border-top: 2px solid var(--color-03);
  border-right: 0px solid var(--color-03);
  border-bottom: 0px solid var(--color-03);
  border-left: 0px solid var(--color-03);
}

td.td-setka-b12 {
  border-top: 2px solid var(--color-03);
  border-right: 2px solid var(--color-03);
  border-bottom: 0px solid var(--color-03);
  border-left: 0px solid var(--color-03);
}

td.td-setka-b1234 {
  border-top: 2px solid var(--color-03);
  border-right: 2px solid var(--color-03);
  border-bottom: 2px solid var(--color-03);
  border-left: 2px solid var(--color-03);
  
  color: var(--color-01);
  background-color: var(--color-09);
}

td.td-setka-b2 {
  border-top: 0px solid var(--color-03);
  border-right: 2px solid var(--color-03);
  border-bottom: 0px solid var(--color-03);
  border-left: 0px solid var(--color-03);
}

td.td-setka-b23 {
  border-top: 0px solid var(--color-03);
  border-right: 2px solid var(--color-03);
  border-bottom: 2px solid var(--color-03);
  border-left: 0px solid var(--color-03);
}

td.td-setka-b24 {
  border-top: 0px solid var(--color-03);
  border-right: 2px solid var(--color-03);
  border-bottom: 0px solid var(--color-03);
  border-left: 2px solid var(--color-03);
}

td.td-setka-b3 {
  border-top: 0px solid var(--color-03);
  border-right: 0px solid var(--color-03);
  border-bottom: 2px solid var(--color-03);
  border-left: 0px solid var(--color-03);
}

td.td-setka-b34 {
  border-top: 0px solid var(--color-03);
  border-right: 0px solid var(--color-03);
  border-bottom: 2px solid var(--color-03);
  border-left: 2px solid var(--color-03);
}

td.td-setka-b4 {
  border-top: 0px solid var(--color-03);
  border-right: 0px solid var(--color-03);
  border-bottom: 0px solid var(--color-03);
  border-left: 2px solid var(--color-03);
}

td[data-padding="1"] { padding: 0.3vw; }

td[data-color="1"] {
  color: var(--color-01);
  background-color: var(--color-09);
}

td[data-color="win"] {
  color: var(--color-07);
}

td[data-color="loss"] {
  color: var(--color-08);
}

td[border-color="win"] {
  border-color: var(--color-07);
}

td[border-color="loss"] {
  border-color: var(--color-08);
}

td[background-color="fon"] {
  background-color: var(--color-02);
}