/* Матч-центр (sgw-plugin) и таблица выигрышей (v2-dynamic-table) */

/* ---------- матч-центр ---------- */
/* Плагин светлый и темизируется переменными --sgw-plugin-* на :root.
   html:root сильнее по специфичности, переменные используются только плагином. */
html:root {
  --sgw-plugin-card-bg: #213545;
  --sgw-plugin-card-stroke: #2B4254;
  --sgw-plugin-card-text: #ECF3F9;
  --sgw-plugin-card-text-secondary: #A1BFD6;
  --sgw-plugin-divider: #2B4254;
  --sgw-plugin-line-main: #2DE01C;
  --sgw-plugin-line-secondary: #2B4254;
  --sgw-plugin-button-bg: #2DE01C;
  --sgw-plugin-button-color: #0E202D;
  --sgw-plugin-button-bg-hover: #25C016;
  --sgw-plugin-button-color-hover: #0E202D;
  --sgw-plugin-button-bg-secondary: #1C3040;
  --sgw-plugin-button-color-secondary: #ECF3F9;
  --sgw-plugin-contrast-bg: #2DE01C;
  --sgw-plugin-contrast-color: #0E202D;
  --sgw-plugin-odds-bg-default: #172B39;
  --sgw-plugin-odds-text-default: #ECF3F9;
  --sgw-plugin-odds-text-secondary: #7E9CB4;
  --sgw-plugin-odds-bg-hover: #2DE01C;
  --sgw-plugin-odds-text-hover: #0E202D;
  --sgw-plugin-odds-bg-up: rgba(45, 224, 28, 0.14);
  --sgw-plugin-odds-bg-down: rgba(229, 72, 77, 0.14);
  --sgw-plugin-game-color: #A1BFD6;
  --sgw-plugin-radius-card: 16px;
}

/* заголовки и описания секций плагин красит в чёрный напрямую */
html body .mc-section-matches__title,
html body .mc-section-matches__title h2,
html body .mc-section-matches__title h3 {
  color: var(--sa-text);
}

html body .mc-section-matches__description,
html body .mc-catalog__description { color: var(--sa-text-muted); }

html body .mc-section-matches__title__icon {
  background: var(--sa-accent-soft);
  color: var(--sa-accent);
}

html body .ks-match-card {
  border: 1px solid var(--sa-line);
  transition: border-color var(--sa-mid) var(--sa-ease);
}

html body .ks-match-card:hover { border-color: rgba(45, 224, 28, 0.3); }

html body .ks-team__name { color: var(--sa-text); }
html body .ks-schedule,
html body .ks-schedule__date,
html body .ks-schedule__time,
html body .ks-team__score,
html body .ks-match-card__heading-list { color: var(--sa-text-dim); }

html body .ks-match-card__odd { border: 1px solid var(--sa-line); }
html body .ks-match-card__odd-value { color: var(--sa-text); font-variant-numeric: tabular-nums; }

/* фильтры и модалка выбора турниров */
html body .ks-filters__item,
html body .ks-filters-actions__btn,
html body .ks-calendar__item-btn,
html body .ks-calendar__item-input {
  background: var(--sa-surface);
  color: var(--sa-text-muted);
  border: 1px solid var(--sa-line);
}

html body .ks-filters-modal__content-title,
html body .ks-filters-tournaments__item-label,
html body .ks-filters-tournaments__item-label-name { color: var(--sa-text); }

html body .ks-filters-modal__tabs-btn.is-active {
  background: var(--sa-accent);
  color: var(--sa-accent-ink);
}

/* ---------- таблица выигрышей ---------- */

/* Шаблон рисует у ставки иконку криптовалюты (bitcoin, usdt...).
   В аргентинской версии криптовалют нет - иконку убираем. */
html body .v2-dynamic-table__bet-ico { display: none; }

/* строка "Updated:" зашита в шаблон по-английски, без перевода - скрываем */
html body .v2-dynamic-table__update { display: none; }

html body .v2-dynamic-table__content {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-variant-numeric: tabular-nums;
}

html body .v2-dynamic-table__content thead th {
  background: var(--sa-surface);
  color: var(--sa-text);
  font-weight: 600;
  text-align: left;
}

html body .v2-dynamic-table__content thead th:first-child { border-radius: var(--sa-r-md) 0 0 var(--sa-r-md); }
html body .v2-dynamic-table__content thead th:last-child { border-radius: 0 var(--sa-r-md) var(--sa-r-md) 0; }

html body .v2-dynamic-table__content tbody td { border-bottom: 1px solid var(--sa-line); }
html body .v2-dynamic-table__nickname { color: var(--sa-text-dim); }
html body .v2-dynamic-table__bet-currency { color: var(--sa-text-dim); margin-right: 4px; }
html body .v2-dynamic-table__bet-value { color: var(--sa-text); }

/* гейм-центр: плагин пишет заголовок подборки через capitalize ("Originals Para Probar"),
   в испанском заглавная только в начале */
html body .gc-section__title-content { text-transform: none; }