/* ================================
   GAME CARD LIST – CLEAN REDESIGN
================================ */

/* Grid düzeltme */
.game-card-list{
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)) !important;
  gap: 16px !important;
  align-items: start !important;
}

/* Kart gövdesi */
.game-card-list .game-card{
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #f24afd1a !important;
  border: 1px solid #f24afd33 !important;
  display: flex !important;
  flex-direction: column !important;
  transition: all .18s ease;
}

.game-card-list .game-card:hover{
  transform: translateY(-3px);
  border-color: rgba(228,66,252,.35) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.5) !important;
}

/* Görsel oranını kısalt -> dikeylik azalır */
.game-card-list .game-image-wrapper{
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  overflow: hidden !important;
  position: relative;
}

.game-card-list .game-image{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
}

/* Alt gradient okunabilirlik */
.game-card-list .game-image-wrapper::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0) 60%,
    rgba(8,4,25,.85) 100%
  );
  pointer-events: none;
}

/* İçerik */
.game-card-list .game-content{
  padding: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* Meta alanı düzen */
.game-card-list .game-meta{
  display: grid !important;
  gap: 6px !important;
}

.game-card-list .game-meta > p{
  margin: 0 !important;
  padding: 7px 10px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.06) !important;

  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
}

/* Label (sol) */
.game-card-list .game-meta > p > span:first-child{
  font-size: 11px !important;
  color: rgba(255,255,255,.60) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Value (sağ) */
.game-card-list .game-meta > p > span:last-child{
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  white-space: nowrap;
}

/* Icon küçült */
.instrument-icon-wrapper.small{
  width: 16px !important;
  height: 16px !important;
}

.instrument-icon-wrapper.small svg{
  width: 16px !important;
  height: 16px !important;
}

/* Yazı kısaltma – HTML’e dokunmadan */
.game-card-list .game-meta > p:nth-child(1) > span:first-child{
  font-size: 0 !important;
}
.game-card-list .game-meta > p:nth-child(1) > span:first-child::before{
  content: "Min. Bahis";
  font-size: 11px;
  color: rgba(255,255,255,.60);
}

.game-card-list .game-meta > p:nth-child(3) > span:first-child{
  font-size: 0 !important;
}
.game-card-list .game-meta > p:nth-child(3) > span:first-child::before{
  content: "Ödül";
  font-size: 11px;
  color: rgba(255,255,255,.60);
}

/* Mobile kompakt */
@media (max-width: 768px){
  .game-card-list{
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)) !important;
    gap: 12px !important;
  }

  .game-card-list .game-image-wrapper{
    aspect-ratio: 1 / 1.15 !important;
  }
}