﻿:root {
  --table-border-color: #808080;
  --red-color: #F77104
}
.price-table {
  width: 99%;
  margin: 16px auto;
  border-collapse: collapse
}
.price-table th, .price-table td {
  border: 1px solid var(--table-border-color);
  vertical-align: middle
}
.price-table td {
  padding: 2px;
  font-size: var(--font-size);
  text-align: center
}
.price-table th {
  background-color: var(--header-bg, var(--tile));
  color: var(--header-color, var(--ink));
  font-size: var(--font-size)
}
.price-table tr:first-child th, .price-table tr:first-child td {
  line-height: 1.3;
  font-weight: normal
}
.price-table:not(.center-all-cells) th:first-child, .price-table:not(.center-all-cells) td:first-child {
  text-align: left;
  padding-left: 4px
}
.price-table.tab-1x th:nth-child(1) {
  width: 21%
}
.price-table.tab-1x th:nth-child(n+2):nth-child(-n+10) {
  width: 8.78%
}
.price-table.tab-2 td, .price-table.tab-2 th {
  width: 21%
}
.price-table.tab-2 td:nth-child(5), .price-table.tab-2 th:nth-child(5) {
  width: 16%
}
.price-table.tab-3 td, .price-table.tab-3 th {
  width: 63%
}
.price-table.tab-3 td:nth-child(2), .price-table.tab-3 th:nth-child(2) {
  width: 21%
}
.price-table.tab-3 td:nth-child(3), .price-table.tab-3 th:nth-child(3) {
  width: 16%
}
.price-table th.nowrap {
  white-space: nowrap
}
.price-table tr:first-child td.content {
  color: var(--header-color)!important
}
.price-table a {
  text-decoration: none;
  color: inherit
}
.price-table a:hover {
  text-decoration: underline;
  color: #808080
}
.price-table td[style*="color:"] {
  color: inherit!important
}
.center-all-cells td, .center-all-cells th {
  text-align: center!important
}
.center-all-cells .content {
  text-align: center
}
.hn {
  color: var(--red-color)
}

/* Shinka: табличный канон 4 колонки (без радиусов)
   1-я колонка = как у матрицы (21%)
   3 следующие колонки делят остаток поровну (по 26.33%)
   => ширина одной такой колонки = ширине 3 радиусных колонок матрицы
*/
.price-table.tab-2u th:nth-child(1),
.price-table.tab-2u td:nth-child(1){ width: 21%; }

.price-table.tab-2u th:nth-child(2),
.price-table.tab-2u td:nth-child(2),
.price-table.tab-2u th:nth-child(3),
.price-table.tab-2u td:nth-child(3),
.price-table.tab-2u th:nth-child(4),
.price-table.tab-2u td:nth-child(4){ width: 26.33%; }

.price-table.tab-2u{ table-layout: fixed; }

.price-table .vulk-note{
  text-align: center;
  padding: 10px 6px;
  opacity: 0.9;
}


/* tab-3m: 2 колонки (прочие услуги) — цена = ширине 1 колонки из vulk (26.33%), остаток под услугу */
.price-table.tab-3m{ table-layout: fixed; }
.price-table.tab-3m th:nth-child(1),
.price-table.tab-3m td:nth-child(1){ width: 73.67%; }
.price-table.tab-3m th:nth-child(2),
.price-table.tab-3m td:nth-child(2){ width: 26.33%; }
