/* Match-specific card branding (match_logo / match_bg from Rosetta). */
.sch-card {
  position: relative;
}

.sch-card--has-match-bg {
  background-color: transparent;
  border: none;
  color: #fff;
  --sch-text: #fff;
  --sch-text-secondary: rgba(255, 255, 255, 0.84);
  --sch-border: rgba(255, 255, 255, 0.16);
  --sch-card: transparent;
  --sch-card-shadow: none;
}

.sch-card--has-match-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.28) 0%,
    rgba(0, 0, 0, 0.12) 18%,
    rgba(0, 0, 0, 0) 32%
  );
}

.sch-card--has-match-bg > * {
  position: relative;
  z-index: 1;
}

.sch-card--has-match-bg .sch-card-meta,
.sch-card--has-match-bg .sch-card-body {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.14);
}

.sch-card--has-match-bg .sch-card-footer {
  background: transparent;
  border-top-color: rgba(255, 255, 255, 0.22);
}

.sch-card--has-match-bg .sch-card-meta-date,
.sch-card--has-match-bg .sch-card-meta-time,
.sch-card--has-match-bg .sch-card-meta-round,
.sch-card--has-match-bg .sch-card-name,
.sch-card--has-match-bg .sch-card-time,
.sch-card--has-match-bg .sch-card-venue,
.sch-card--has-match-bg .sch-card-record,
.sch-card--has-match-bg .sch-card-score,
.sch-card--has-match-bg .sch-card-status,
.sch-card--has-match-bg .sch-card-action,
.sch-card--has-match-bg .sch-bc-on {
  color: #fff;
}

.sch-card--has-match-bg .sch-card-meta-round {
  color: rgba(255, 255, 255, 0.88);
}

.sch-card--has-match-bg .sch-card-action {
  background: transparent;
  color: #fff;
  border: none;
}

.sch-card--has-match-bg .sch-card-action + .sch-card-action {
  border-left-color: rgba(255, 255, 255, 0.22);
}

.sch-card--has-match-bg .sch-card-action:hover {
  background: rgba(255, 255, 255, 0.08);
}

.sch-card--has-match-bg .sch-card-action svg {
  color: rgba(255, 255, 255, 0.85);
}

.sch-card--has-match-bg .sch-card-status.is-final {
  background: rgba(242, 101, 34, 0.92);
  color: #fff;
}

.sch-card--has-match-bg .sch-card-status.is-live {
  background: #093;
  color: #fff;
}

.sch-card--has-match-bg .sch-card-score.is-loser {
  color: rgba(255, 255, 255, 0.55);
}

.sch-card--has-match-bg .sch-card-form .sch-form-w,
.sch-card--has-match-bg .sch-card-form .sch-form-l {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.55rem;
  font-weight: 800;
  color: #fff;
  box-shadow: var(--sch-card-form-shadow, 0 1px 3px rgba(0, 0, 0, 0.35));
}

.sch-card--has-match-bg .sch-card-form .sch-form-w {
  background: var(--sch-card-form-w, var(--sch-win, #087a3a));
}

.sch-card--has-match-bg .sch-card-form .sch-form-l {
  background: var(--sch-card-form-l, var(--sch-loss, #b01824));
}

.sch-card--has-match-bg .sch-card-sponsor img,
.sch-card--has-match-bg .sch-card-odds-dabble img {
  filter: brightness(0) invert(1);
}

/* Centre competition logo (Ignite Cup, etc.) */
.sch-card-center-match-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: min(100%, 168px);
  min-height: clamp(36px, 5.5cqw, 44px);
  margin: 0 auto clamp(2px, 0.5cqw, 6px);
}

.sch-card-center-match-logo-img {
  display: block;
  width: auto;
  height: clamp(36px, 5.5cqw, 44px);
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}

.sch-card--has-match-logo:not(:has(.sch-card-scores)) .sch-card-center > .sch-card-time {
  display: none;
}

.sch-card--has-match-logo .sch-card-center {
  justify-content: flex-start;
  padding-top: clamp(6px, 1cqw, 10px);
}

.sch-card--has-match-logo .sch-card-venue {
  color: rgba(255, 255, 255, 0.92);
}

.sch-card--has-match-bg.sch-card--has-match-logo .sch-card-venue {
  color: #fff;
}

@media (max-width: 720px) {
  .sch-card-center-match-logo {
    max-width: min(100%, 140px);
    min-height: clamp(32px, 9vw, 44px);
  }

  .sch-card-center-match-logo-img {
    height: clamp(32px, 9vw, 44px);
  }
}