/* ==========================================================================
   analytical-match-card-2.css — widok analityczny, 2 opcje (BTTS itd.)
   Wymaga: variables.css, match-form-strip.css, match-card-info.css
   ========================================================================== */

.category-leagues[data-match-layout="analytical-2"] {
  --a2-logo-size: 26px;
  --a2-h2h-logo: 28px;
  --a2-date-col: 4.75rem;
  --a2-social-col: 4.25rem;
  --a2-teams-full: minmax(10rem, 1.4fr);
  --a2-teams-no-btts: minmax(10rem, 1.65fr);
  --a2-teams-no-btts-avg: minmax(10rem, 1.8fr);
  --a2-teams-no-btts-avg-wdl: minmax(10rem, 2fr);
  --a2-teams-no-btts-avg-wdl-form: minmax(10rem, 2.25fr);

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

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

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

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

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

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

.match-card-info__grid--a2 {
  grid-template-columns: var(--a2-grid-cols-full);
  width: 100%;
  min-width: 0;
}

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

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

.analytical-match-card-2 {
  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-2"][data-view="analytical"] .match-card-slot--analytical:not(:last-child) .analytical-match-card-2 {
  margin-bottom: 0;
}

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

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

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

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

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

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

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

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

.analytical-match-card-2__logo-wrap {
  width: var(--a2-logo-size);
  height: var(--a2-logo-size);
}

.analytical-match-card-2__logo {
  flex: 0 0 auto;
  width: var(--a2-logo-size);
  height: var(--a2-logo-size);
  object-fit: contain;
}

.category-leagues[data-match-layout="analytical-2"] .match-btts-h2h {
  --btts-h2h-logo: var(--a2-h2h-logo, 28px);
}

.category-leagues[data-match-layout="analytical-2"] .match-team-h2h-goals {
  --team-h2h-logo: var(--a2-h2h-logo, 28px);
}

.analytical-match-card-2__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-2__cell--form,
.analytical-match-card-2__cell--wdl,
.analytical-match-card-2__cell--avg {
  align-items: center;
  text-align: center;
}

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

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

.analytical-match-card-2__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-2__cell--score {
  display: flex;
  flex-direction: column;
  gap: var(--a2-row-gap);
  min-height: var(--a2-block-h);
  justify-content: center;
  min-width: 0;
}

.analytical-match-card-2__cell--score .match-score-stack {
  gap: var(--a2-row-gap);
}

.analytical-match-card-2__cell--score .match-score-stack__row {
  min-height: var(--a2-row-h);
}

.analytical-match-card-2__cell--pick {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: var(--a2-grid-h);
}

.analytical-match-card-2__cell--btts {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--a2-block-h);
  min-width: 0;
}

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

.category-leagues[data-view="analytical"] .match-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

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

.analytical-match-card-2__placeholder {
  margin: 0;
  font-size: var(--fs-13);
  color: var(--muted);
}