/* ==========================================================================
   analytical-match-card-3.css — widok analityczny, 3 opcje (1X2 itd.)
   Wymaga: variables.css, match-form-strip.css, match-card-info.css (--analytical-3-grid-cols)
   ========================================================================== */

/* Wspólna definicja kolumn siatki a3 */
.category-leagues[data-match-layout="analytical-3"] {
  --a3-date-col: 4.75rem;
  --a3-social-col: 4.25rem;
  --a3-teams-full: minmax(10rem, 1.4fr);
  --a3-teams-no-h2h: minmax(10rem, 1.65fr);
  --a3-teams-no-h2h-avg: minmax(10rem, 1.8fr);
  --a3-teams-no-h2h-avg-wdl: minmax(10rem, 2fr);
  --a3-teams-no-h2h-avg-wdl-form: minmax(10rem, 2.25fr);

  --a3-grid-cols-full:
    var(--a3-date-col)
    var(--a3-teams-full)
    2.75rem
    minmax(5.5rem, 0.85fr)
    minmax(4.25rem, 0.7fr)
    minmax(4rem, 0.65fr)
    repeat(3, minmax(3.25rem, 0.55fr))
    minmax(6.25rem, 1fr)
    var(--a3-social-col);

  --a3-grid-cols-no-h2h:
    var(--a3-date-col)
    var(--a3-teams-no-h2h)
    2.75rem
    minmax(5.5rem, 0.85fr)
    minmax(4.25rem, 0.7fr)
    minmax(4rem, 0.65fr)
    repeat(3, minmax(3.25rem, 0.55fr))
    var(--a3-social-col);

  --a3-grid-cols-no-h2h-avg:
    var(--a3-date-col)
    var(--a3-teams-no-h2h-avg)
    2.75rem
    minmax(5.5rem, 0.85fr)
    minmax(4.25rem, 0.7fr)
    repeat(3, minmax(3.25rem, 0.55fr))
    var(--a3-social-col);

  --a3-grid-cols-no-h2h-avg-wdl:
    var(--a3-date-col)
    var(--a3-teams-no-h2h-avg-wdl)
    2.75rem
    minmax(5.5rem, 0.85fr)
    repeat(3, minmax(3.25rem, 0.55fr))
    var(--a3-social-col);

  --a3-grid-cols-no-h2h-avg-wdl-form:
    var(--a3-date-col)
    var(--a3-teams-no-h2h-avg-wdl-form)
    2.75rem
    repeat(3, minmax(3.25rem, 0.55fr))
    var(--a3-social-col);

  /* alias wsteczny */
  --analytical-3-grid-cols: var(--a3-grid-cols-full);
}

.category-leagues[data-match-layout="analytical-3"] .match-list {
  container-type: inline-size;
  container-name: a3-panel;
  width: 100%;
  min-width: 0;
}

.analytical-match-card-3__grid {
  --a3-row-h: 22px;
  --a3-row-gap: var(--space-10);
  --a3-block-h: calc(var(--a3-row-h) * 2 + var(--a3-row-gap));

  display: grid;
  grid-template-columns: var(--a3-grid-cols-full);
  align-items: center;
  column-gap: var(--space-10);
  width: 100%;
  min-width: 0;
}

/* --- Karta meczu --- */
.analytical-match-card-3 {
  min-width: 0;
  padding: var(--space-0) var(--space-12);
  border: 1px solid var(--border);
  border-radius: var(--radius-10);
  background: var(--surface-1);
  color: var(--fg);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.category-leagues[data-match-layout="analytical-3"][data-view="analytical"] .match-card-slot--analytical:not(:last-child) .analytical-match-card-3 {
  margin-bottom: 0;
}

html[data-theme="dark"] .analytical-match-card-3 {
  background: #1f1f1f;
  border-color: rgba(255, 255, 255, 0.12);
}

.analytical-match-card-3__cell--date {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-height: var(--a3-block-h);
  justify-content: center;
  align-items: flex-end;
  text-align: right;
}

.analytical-match-card-3__date,
.analytical-match-card-3__time {
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  text-align: right;
}

.analytical-match-card-3__date {
  font-size: var(--fs-12);
  color: var(--muted);
}

.analytical-match-card-3__time {
  font-size: var(--fs-13);
  font-weight: var(--fw-600);
  color: var(--fg);
}

.analytical-match-card-3__cell--teams,
.analytical-match-card-3__cell--form,
.analytical-match-card-3__cell--wdl,
.analytical-match-card-3__cell--avg {
  display: flex;
  flex-direction: column;
  gap: var(--a3-row-gap);
  min-height: var(--a3-block-h);
  justify-content: center;
  min-width: 0;
}

.analytical-match-card-3__team,
.analytical-match-card-3__form-row,
.analytical-match-card-3__split-line {
  display: flex;
  align-items: center;
  min-height: var(--a3-row-h);
  min-width: 0;
}

.analytical-match-card-3__team {
  gap: var(--space-8);
}

.analytical-match-card-3__logo {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.analytical-match-card-3__team-name {
  font-size: var(--fs-14);
  font-weight: var(--fw-500);
  line-height: var(--lh-tight);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.analytical-match-card-3__cell--form,
.analytical-match-card-3__cell--wdl,
.analytical-match-card-3__cell--avg {
  align-items: center;
  text-align: center;
}

.analytical-match-card-3__form-row {
  justify-content: center;
  width: 100%;
}

.analytical-match-card-3__cell--wdl,
.analytical-match-card-3__cell--avg {
  font-size: var(--fs-12);
  line-height: 1.2;
}

.analytical-match-card-3__split-line {
  font-size: var(--fs-14);
  font-variant-numeric: tabular-nums;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-content: center;
  width: 100%;
}

.analytical-match-card-3__cell--pick {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(var(--a3-block-h) + 34px);
}

.analytical-match-card-3__cell--social {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--a3-block-h);
  min-width: 0;
  height: 100%;
}

/* Tylko widok analityczny — siatka kolumn */
.category-leagues[data-view="analytical"] .match-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.category-leagues[data-view="analytical"] .analytical-match-card-3 {
  width: 100%;
}