/* ==========================================================================
   match-htft-stats.css — statystyki HT/FT: logo + X/Meczy per drużyna
   Wymaga: variables.css, analytical-match-card-2.css
   ========================================================================== */

.match-htft-stats {
  --htft-stats-logo: 28px;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  gap: var(--space-12);
  width: 100%;
  min-width: 0;
  min-height: var(--a2-block-h, calc(22px * 2 + var(--space-10)));
  padding: 0 var(--space-0) 0 var(--space-10);
  border-left: 1px solid var(--border);
}

html[data-theme="dark"] .match-htft-stats {
  border-left-color: rgba(255, 255, 255, 0.12);
}

.match-htft-stats__col {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-12);
  min-width: 0;
}

.match-htft-stats__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--htft-stats-logo);
  height: var(--htft-stats-logo);
}

.match-htft-stats__logo-wrap {
  width: var(--htft-stats-logo);
  height: var(--htft-stats-logo);
}

.match-htft-stats__logo-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.match-htft-stats__ratio {
  font-size: var(--fs-14);
  font-weight: var(--fw-500);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  text-align: center;
  color: var(--fg);
  white-space: nowrap;
}

.match-htft-stats__empty {
  font-size: var(--fs-12);
  font-weight: var(--fw-500);
  line-height: 1.2;
  text-align: center;
  color: var(--muted-2);
}