/* ==========================================================================
   analytical-match-card-2-htft.css — siatka HT/FT (2× Ø goli w połowach)
   Data | Zespoły | Wynik | Forma | W-D-L | Ø 1.P | Ø 2.P | Gospo. | Goście | Statystyki
   ========================================================================== */

.category-leagues[data-category="htft"] {
  --a2-htft-date-col: 4.75rem;
  --a2-htft-social-col: 4.25rem;
  --a2-htft-teams-full: minmax(9rem, 1.25fr);
  --a2-htft-teams-no-stats: minmax(9rem, 1.45fr);
  --a2-htft-teams-no-avg2: minmax(9rem, 1.6fr);
  --a2-htft-teams-no-avg: minmax(9rem, 1.75fr);
  --a2-htft-teams-no-wdl: minmax(9rem, 1.95fr);
  --a2-htft-teams-no-form: minmax(9rem, 2.15fr);

  --a2-htft-grid-cols-full:
    var(--a2-htft-date-col)
    var(--a2-htft-teams-full)
    4.5rem
    minmax(5.5rem, 0.85fr)
    minmax(4.25rem, 0.7fr)
    minmax(3.5rem, 0.58fr)
    minmax(3.5rem, 0.58fr)
    repeat(2, minmax(3.25rem, 0.55fr))
    minmax(6.25rem, 1fr)
    var(--a2-htft-social-col);

  --a2-htft-grid-cols-no-stats:
    var(--a2-htft-date-col)
    var(--a2-htft-teams-no-stats)
    4.5rem
    minmax(5.5rem, 0.85fr)
    minmax(4.25rem, 0.7fr)
    minmax(3.5rem, 0.58fr)
    minmax(3.5rem, 0.58fr)
    repeat(2, minmax(3.25rem, 0.55fr))
    var(--a2-htft-social-col);

  --a2-htft-grid-cols-no-avg2:
    var(--a2-htft-date-col)
    var(--a2-htft-teams-no-avg2)
    4.5rem
    minmax(5.5rem, 0.85fr)
    minmax(4.25rem, 0.7fr)
    minmax(3.5rem, 0.58fr)
    repeat(2, minmax(3.25rem, 0.55fr))
    var(--a2-htft-social-col);

  --a2-htft-grid-cols-no-avg:
    var(--a2-htft-date-col)
    var(--a2-htft-teams-no-avg)
    4.5rem
    minmax(5.5rem, 0.85fr)
    minmax(4.25rem, 0.7fr)
    repeat(2, minmax(3.25rem, 0.55fr))
    var(--a2-htft-social-col);

  --a2-htft-grid-cols-no-wdl:
    var(--a2-htft-date-col)
    var(--a2-htft-teams-no-wdl)
    4.5rem
    minmax(5.5rem, 0.85fr)
    repeat(2, minmax(3.25rem, 0.55fr))
    var(--a2-htft-social-col);

  --a2-htft-grid-cols-no-form:
    var(--a2-htft-date-col)
    var(--a2-htft-teams-no-form)
    4.5rem
    repeat(2, minmax(3.25rem, 0.55fr))
    var(--a2-htft-social-col);
}

.category-leagues[data-category="htft"] .match-card-info__grid--a2-htft,
.category-leagues[data-category="htft"] .analytical-match-card-2__grid--htft {
  grid-template-columns: var(--a2-htft-grid-cols-full);
}

.category-leagues[data-category="htft"] .analytical-match-card-2__cell--avg-1h,
.category-leagues[data-category="htft"] .analytical-match-card-2__cell--avg-2h {
  display: flex;
  flex-direction: column;
  gap: var(--a2-row-gap, var(--space-10));
  min-height: var(--a2-block-h, calc(22px * 2 + var(--space-10)));
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: var(--fs-12);
  line-height: 1.2;
  min-width: 0;
}

.category-leagues[data-category="htft"] .match-card-info__cell--avg-1h,
.category-leagues[data-category="htft"] .match-card-info__cell--avg-2h {
  font-size: var(--fs-12);
  line-height: 1.2;
}

.category-leagues[data-category="htft"] .analytical-match-card-2__split-line--avg-high {
  color: #6cd896;
  font-weight: var(--fw-600);
}

.category-leagues[data-category="htft"] .analytical-match-card-2__split-line--avg-low {
  color: #f1757f;
  font-weight: var(--fw-600);
}

.simple-match-card--htft {
  --htft-simple-avg-col-w: 30px;
  --htft-simple-avg-label-w: 3.75rem;
  --htft-simple-avg-sep-w: 0.75rem;
  --htft-setup-accent: #ff7b7b;
  --htft-setup-fire-badge: 20px;
  --htft-setup-fire-icon: 13px;
}

.simple-match-card--htft .simple-match-card__teams-grid {
  grid-template-columns: minmax(0, 1fr) minmax(9rem, max-content) 58px;
}

.simple-match-card--htft .simple-match-card__form-row {
  justify-content: flex-end;
  width: 100%;
  min-width: 6.75rem;
}

/* Wąskie ekrany: bez kolumny Ø — inaczej pusta ~9rem przycina nazwę drużyny */
@media (max-width: 814px) {
  .simple-match-card--htft .simple-match-card__teams-grid {
    grid-template-columns: minmax(0, 1fr) 58px;
  }

  .simple-match-card--htft .simple-match-card__form-row {
    display: none;
  }

  .simple-match-card--htft .simple-match-card__score {
    grid-area: 1 / 2 / 3 / 3;
  }
}

.simple-match-card--htft .simple-match-card__avg-goals {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-8);
  width: auto;
  max-width: 100%;
  margin-left: auto;
  font-size: var(--fs-14);
  line-height: 1.2;
  white-space: nowrap;
}

.simple-match-card--htft .simple-match-card__avg-label {
  flex: 0 0 var(--htft-simple-avg-label-w);
  font-weight: var(--fw-500);
  color: var(--muted-2);
  text-align: left;
}

.simple-match-card--htft .simple-match-card__avg-label::after {
  content: ":";
}

.simple-match-card--htft .simple-match-card__avg-value.simple-match-card__avg-pair {
  display: grid;
  grid-template-columns: var(--htft-simple-avg-col-w) var(--htft-simple-avg-sep-w) var(--htft-simple-avg-col-w);
  column-gap: var(--space-4);
  align-items: center;
  flex: 0 0 auto;
  width: calc(
    var(--htft-simple-avg-col-w) * 2 + var(--htft-simple-avg-sep-w) + var(--space-4) * 2
  );
  font-variant-numeric: tabular-nums;
  overflow: visible;
}

.simple-match-card--htft .simple-match-card__avg-part {
  min-width: 0;
  width: 100%;
}

.simple-match-card--htft .simple-match-card__avg-part:first-child {
  justify-self: end;
  text-align: right;
}

.simple-match-card--htft .simple-match-card__avg-part:last-child {
  justify-self: end;
  text-align: right;
}

.simple-match-card--htft .simple-match-card__avg-sep {
  justify-self: center;
  text-align: center;
  color: var(--muted-2);
}

.simple-match-card--htft .simple-match-card__avg-part--high {
  color: #6cd896;
  font-weight: var(--fw-600);
}

.simple-match-card--htft .simple-match-card__avg-part--low {
  color: #f1757f;
  font-weight: var(--fw-600);
}

/* --- HT/FT perfect setup --- */
.category-leagues[data-category="htft"] {
  --htft-setup-accent: #ff7b7b;
  --htft-setup-fire-badge: 20px;
  --htft-setup-fire-icon: 13px;
}

.category-leagues[data-category="htft"] .analytical-match-card-2__cell--avg-1h,
.category-leagues[data-category="htft"] .analytical-match-card-2__cell--avg-2h {
  overflow: visible;
}

.category-leagues[data-category="htft"] .analytical-match-card-2__cell--avg-1h .analytical-match-card-2__split-line,
.category-leagues[data-category="htft"] .analytical-match-card-2__cell--avg-2h .analytical-match-card-2__split-line {
  position: relative;
  display: inline-flex;
  width: auto;
  max-width: 100%;
  align-self: center;
  justify-content: center;
  flex: 0 0 auto;
  overflow: visible;
  z-index: 0;
}

.category-leagues[data-category="htft"] .match-pick-prob--setup-hint,
.simple-match-card--htft .match-pick-prob--setup-hint {
  overflow: visible;
}

.category-leagues[data-category="htft"] .htft-setup-fire,
.simple-match-card--htft .htft-setup-fire {
  display: none;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: var(--htft-setup-fire-badge);
  height: var(--htft-setup-fire-badge);
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: none;
  background: transparent;
  pointer-events: none;
  transform: translate(-24%, 2%);
}

.category-leagues[data-category="htft"] .htft-setup-fire__icon,
.simple-match-card--htft .htft-setup-fire__icon {
  display: block;
  font-size: var(--htft-setup-fire-icon);
  line-height: 1;
  color: #333333;
}

html[data-theme="dark"] .category-leagues[data-category="htft"] .htft-setup-fire__icon,
html[data-theme="dark"] .simple-match-card--htft .htft-setup-fire__icon {
  color: #ffffff;
}

.category-leagues[data-category="htft"] .match-pick-prob--setup-hint .htft-setup-fire,
.simple-match-card--htft .match-pick-prob--setup-hint .htft-setup-fire {
  display: flex;
}