/* games-slider.css — game cards carousel */
.games-slider { position: relative; }
.games-slider__swiper { overflow: hidden; padding-block: 0.5rem; }
/* Fallback row layout before Swiper initialises (prevents stacked cards) */
.games-slider__swiper > .swiper-wrapper { display: flex; gap: 20px; overflow-x: auto; }
.swiper-initialized .swiper-wrapper { overflow: visible; gap: 0; }
.games-slider__slide { width: 180px; flex: 0 0 auto; height: auto; }

.game-card {
  display: flex;
  flex-direction: column;
  background: var(--color-card);
  clip-path: var(--clip-cut);
  overflow: hidden;
  height: 100%;
}
.game-card__img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
}
.game-card__body {
  display: grid;
  gap: 0.6rem;
  padding: 0.85rem;
}
.game-card__name {
  color: var(--color-white);
  font-weight: var(--fw-btn);
  font-size: 0.95rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.game-card__btn { width: 100%; padding: 0.6rem 1rem; font-size: 0.8rem; }

/* Nav arrows */
.games-slider__nav {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  margin-top: 1rem;
}
.games-slider__prev, .games-slider__next {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  color: var(--color-white);
  background: var(--btn-secondary);
  clip-path: var(--clip-cut);
  transition: filter var(--transition-fast);
}
.games-slider__prev:hover, .games-slider__next:hover { filter: brightness(1.2); }
.games-slider__prev svg, .games-slider__next svg { flex: 0 0 auto; }
.swiper-button-disabled { opacity: 0.4; pointer-events: none; }

@media (min-width: 768px) {
  .games-slider__slide { width: 200px; }
}