/* Pokémon Champions — layered on series-page (types.css + series.css) */

/* Hero + CTA + box art — khoảng đệm đều hai phía nút Pokédex */
.champions-hero-boxart {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.champions-page .champions-hero-boxart .series-hero {
  margin-bottom: 0;
}

.champions-page .champions-hero-boxart .za-pokedex-cta.champions-hero-boxart__cta {
  margin: 0 auto;
  padding: clamp(20px, 4vw, 36px) 0;
  width: 100%;
  justify-content: center;
}

.champions-page .champions-hero-boxart .series-boxart {
  margin-top: 0;
}

/* Box art — neon xanh (gần palette Z-A / modal) */
.champions-page .boxart-item.boxart-champions:hover {
  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.45),
    0 0 24px rgba(0, 200, 255, 0.42),
    0 0 48px rgba(40, 150, 255, 0.22);
}

.champions-dossier-block + .champions-dossier-block {
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.champions-dossier-row--reverse {
  flex-direction: row-reverse;
}

/* Flex + width:100% on the img collapsed the figure to 0 width; use intrinsic sizing + contain */
.champions-dossier .dossier-gameplay-bw-img {
  flex: 0 1 auto;
  min-width: 0;
  max-width: min(420px, 100%);
}

.champions-dossier-img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: contain;
  box-shadow:
    0 16px 40px rgba(0, 0, 0, 0.45),
    0 0 0 1px rgba(255, 255, 255, 0.08);
}

.champions-dossier .dossier-text--spaced {
  margin-top: 12px;
}

.img-neon-champions::before {
  background: radial-gradient(
    circle,
    rgba(100, 180, 255, 0.45) 0%,
    rgba(80, 140, 220, 0.22) 45%,
    transparent 72%
  );
  box-shadow: 0 0 24px rgba(100, 170, 255, 0.28);
  opacity: 0.5;
}

@media (max-width: 640px) {
  .champions-dossier-row--reverse {
    flex-direction: column;
  }
}