@import url("/football-premium-v8.css?v=20260826-5");

/* Match discovery and stronger visual separation between fixtures. */
html[data-theme] .competition-search {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 10px 12px;
  border: 1px solid #acd7e8;
  border-radius: 15px;
  background: linear-gradient(145deg, #ffffff 0%, #eaf7fc 100%);
  box-shadow: 0 1px 0 #ffffff inset, 0 10px 24px rgba(28, 102, 134, 0.09);
}

html[data-theme] .competition-search-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 11px;
  background: #dff3fb;
  color: #0879aa;
  font-size: 1.12rem;
  font-weight: 800;
}

html[data-theme] .competition-search-input {
  width: 100%;
  min-width: 0;
  padding: 9px 2px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #0b344a;
  font-size: 0.98rem;
  font-weight: 650;
}

html[data-theme] .competition-search-input::placeholder {
  color: #688595;
  opacity: 1;
}

html[data-theme] .competition-search-count {
  color: #527386;
  font-size: 0.76rem;
  font-weight: 720;
  white-space: nowrap;
}

html[data-theme] .competition-search-clear {
  padding: 8px 12px;
  border: 1px solid #b8ddea;
  border-radius: 10px;
  background: #f5fbfe;
  color: #0875a4;
  font-weight: 720;
}

html[data-theme] .competition-search-clear:hover {
  border-color: #168fc4;
  background: #e0f3fb;
}

html[data-theme] .match-search-empty {
  margin: 18px;
  padding: 34px 20px;
  border: 1px dashed #acd6e6;
  border-radius: 16px;
  background: #f2fafd;
  color: #46697b;
  font-weight: 680;
  text-align: center;
}

html[data-theme] .match-list {
  display: grid;
  gap: 24px;
  padding: 20px;
}

html[data-theme] .match-list > :is(.match-card, .match-row) {
  --fixture-accent: #168fc4;
  --fixture-soft: rgba(22, 143, 196, 0.1);
  margin: 0;
  border: 1px solid #acd7e7;
  border-left: 5px solid var(--fixture-accent);
  border-radius: 20px;
  background: radial-gradient(circle at 7% 10%, var(--fixture-soft), transparent 21rem), linear-gradient(145deg, #ffffff 0%, #f2fafe 100%);
  box-shadow: 0 1px 0 #ffffff inset, 0 10px 22px rgba(31, 101, 132, 0.08), 0 28px 56px rgba(31, 101, 132, 0.09);
}

html[data-theme] .match-list > :is(.match-card, .match-row):nth-of-type(3n + 2) {
  --fixture-accent: #159779;
  --fixture-soft: rgba(21, 151, 121, 0.09);
}

html[data-theme] .match-list > :is(.match-card, .match-row):nth-of-type(3n) {
  --fixture-accent: #e09b36;
  --fixture-soft: rgba(224, 155, 54, 0.1);
}

html[data-theme] .match-list > :is(.match-card, .match-row)::before {
  background: linear-gradient(90deg, var(--fixture-accent), rgba(255, 255, 255, 0));
  opacity: 0.9;
}

html[data-theme] .match-list > :is(.match-card, .match-row) .match-top {
  padding-inline: 18px;
  background: linear-gradient(90deg, var(--fixture-soft), rgba(255, 255, 255, 0.86) 58%);
  border-bottom: 1px solid #bcdfea;
}

html[data-theme] .match-list > :is(.match-card, .match-row) .match-league strong {
  color: var(--fixture-accent);
}

html[data-theme] .match-list > :is(.match-card, .match-row) .market {
  margin: 0 14px 14px;
  border: 1px solid #c4e1ec;
  border-radius: 14px;
  background: rgba(245, 251, 254, 0.9);
}

html[data-theme] .match-list > :is(.match-card, .match-row) .market-name {
  padding: 11px 14px 8px;
  border-bottom: 1px solid #d4e9f1;
}

@media (max-width: 720px) {
  html[data-theme] .competition-search {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
    margin-bottom: 12px;
  }

  html[data-theme] .competition-search-count {
    display: none;
  }

  html[data-theme] .competition-search-clear {
    padding-inline: 9px;
  }

  html[data-theme] .match-list {
    gap: 18px;
    padding: 14px 10px;
  }

  html[data-theme] .match-list > :is(.match-card, .match-row) {
    border-left-width: 4px;
    border-radius: 17px;
  }
}