/**
 * Temas por jogo — aplicados em .wiki-topic-card e links .wiki-ul (legado).
 * Contraste de texto: ver wiki.css (.wiki-topic-card--on-*)
 */

.wiki-topic-card.red-green,
.wiki-ul li a.red-green {
  background: linear-gradient(135deg, #f65a5a 50%, #7ae859 50%) !important;
}

.wiki-topic-card.red-green:hover,
.wiki-ul li a.red-green:hover {
  background: linear-gradient(
    135deg,
    hsl(0, 90%, 46%) 50%,
    hsl(106, 76%, 43%) 50%
  ) !important;
}

.wiki-topic-card.black-sky,
.wiki-ul li a.black-sky {
  background: linear-gradient(
    250deg,
    rgba(212, 212, 212, 1) 0%,
    rgba(0, 0, 0, 1) 48%
  );
}

.wiki-topic-card.black-sky:hover,
.wiki-ul li a.black-sky:hover {
  background: linear-gradient(250deg, hsl(0, 0%, 63%) 0%, hsl(0, 0%, 20%) 48%);
}

.wiki-topic-card.radial-orange,
.wiki-ul li a.radial-orange {
  background: radial-gradient(
    circle,
    hsl(57, 69%, 68%) 0%,
    hsl(31, 100%, 46%) 54%
  );
}

.wiki-topic-card.radial-orange:hover,
.wiki-ul li a.radial-orange:hover {
  background: radial-gradient(
    circle,
    hsl(57, 69%, 78%) 0%,
    hsl(31, 100%, 46%) 94%
  );
}

.wiki-topic-card.diagonal-strip-green-white,
.wiki-ul li a.diagonal-strip-green-white {
  background-image: repeating-linear-gradient(
    45deg,
    hsl(0, 0%, 100%),
    hsl(0, 0%, 100%) 100px,
    hsl(97, 100%, 25%) 100px,
    hsl(97, 100%, 25%) 200px
  );
  box-shadow: inset 0 0 0 3px black;
}

.wiki-topic-card.diagonal-strip-green-white:hover,
.wiki-ul li a.diagonal-strip-green-white:hover {
  background-image: repeating-linear-gradient(
    45deg,
    hsl(0, 0%, 90%),
    hsl(0, 0%, 90%) 100px,
    hsl(97, 100%, 35%) 100px,
    hsl(97, 100%, 35%) 200px
  );
}

.wiki-topic-card.light-blue,
.wiki-ul li a.light-blue {
  background-color: hsl(202, 73%, 65%) !important;
}

.wiki-topic-card.light-blue:hover,
.wiki-ul li a.light-blue:hover {
  background-color: hsl(202, 50%, 55%) !important;
}

/* Cabeçalhos de tópico/página wiki (hero do jogo) */
header.light-blue { background-color: hsl(202, 73%, 65%) !important; color: #0f172a; }
header.red-green { background: linear-gradient(135deg, #f65a5a 50%, #7ae859 50%) !important; color: #fff; }
header.black-sky { background: linear-gradient(250deg, #d4d4d4 0%, #000 48%); color: #fff; }
header.radial-orange { background: radial-gradient(circle, hsl(57, 69%, 68%) 0%, hsl(31, 100%, 46%) 54%); color: #111; }
header.diagonal-strip-green-white {
  background-image: repeating-linear-gradient(45deg, #fff, #fff 100px, hsl(97, 100%, 25%) 100px, hsl(97, 100%, 25%) 200px);
  color: #111;
  box-shadow: inset 0 0 0 3px #000;
}

/* Cards com capa: fundo neutro no card; blur na body (wiki.css) */
.wiki-topic-card--has-cover.red-green,
.wiki-topic-card--has-cover.black-sky,
.wiki-topic-card--has-cover.radial-orange,
.wiki-topic-card--has-cover.diagonal-strip-green-white,
.wiki-topic-card--has-cover.light-blue {
  background: var(--bg-surface) !important;
  box-shadow: none;
}

.wiki-topic-card--has-cover.red-green:hover,
.wiki-topic-card--has-cover.black-sky:hover,
.wiki-topic-card--has-cover.radial-orange:hover,
.wiki-topic-card--has-cover.diagonal-strip-green-white:hover,
.wiki-topic-card--has-cover.light-blue:hover {
  background: var(--bg-surface) !important;
}