/* ========================
   LTE4D - HALAMAN RTP
   ======================== */

/* Toolbar provider di atas grid game */
.provider-menu{
  display:flex;
  gap:.5rem;
  overflow:auto;
  padding:.25rem .5rem;
  margin:.5rem 0;
}
.provider-chip{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:.35rem;
  padding:.42rem .65rem;
  border:1px solid var(--chip-bd);
  border-radius:999px;
  background:rgba(0,0,0,.55);
  font-size:.86rem;
  cursor:pointer;
  white-space:nowrap;
}
.provider-chip .count{
  /* disembunyikan di semua device */
  display:none !important;
  opacity:.7;
  margin-left:.15rem;
  font-size:.8em;
}
.provider-chip.active{
  background:var(--gold);
  color:#121212;
  border-color:var(--gold);
  font-weight:700;
}

/* Kartu game */
.card{
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.75) 0%,
    rgba(0,0,0,.90) 60%,
    rgba(0,0,0,.95) 100%
  );
  border-radius:.75rem;
  box-shadow:0 6px 18px rgba(0,0,0,.55);
}
.card:hover{
  border-color:rgba(255,255,255,.35);
  box-shadow:0 10px 26px rgba(0,0,0,.75);
}

/* TEKS DALAM CARD – dasar terang, tapi warna inline tetap jalan */
.card .card-body{
  color:#f9fafb;              /* default kalau tidak di-set sendiri */
}
/* hanya text-muted yang kita terangin */
.card .card-body .text-muted{
  color:#9fb3c8 !important;
}

/* judul game */
.card .card-body .fw-bold{
  color:#fefefe !important;
}

/* teks peringatan / rekomendasi di dalam card */
.card .recommendation-text{
  color:#4ade80 !important; /* hijau terang */
}

.img-game-fix{
  aspect-ratio:1/1;
  border-top-left-radius:.75rem;
  border-top-right-radius:.75rem;
  object-fit:cover;
}
.vip-label{
  position:absolute;
  top:.45rem;
  right:.45rem;
  width:35px;
  height:auto;
  z-index:3;
  pointer-events:none;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));
}
@media (min-width:992px){
  .vip-label{width:35px}
}
.progress{
  height:18px;
  background:rgba(255,255,255,.10);
}
.progress-bar{
  font-weight:800;
}
.badge-soft{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  color:#e2e8f0;
}

/* Skeleton loading */
.skeleton{
  position:relative;
  overflow:hidden;
  background:rgba(255,255,255,.06);
  border-radius:.75rem;
  border:1px solid var(--card-bd);
}
.skeleton::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
  animation:shimmer 1.2s infinite;
}
@keyframes shimmer{
  100%{transform:translateX(100%)}
}

/* Modal CTA sticky di bawah modal pola */
.modal-cta{
  position:sticky;
  bottom:0;
  background:rgba(0,0,0,.7);
  backdrop-filter:blur(6px);
  padding:.5rem;
  border-top:1px solid var(--card-bd);
}

/* ==== OVERRIDE TEKS GLOBAL DI HALAMAN INI ==== */

/* Semua .text-muted biar nggak gelap di bg merah */
.text-muted{
  color:rgba(226,232,240,.85) !important;
}

/* Counter "0 game", dsb. */
#gameCount{
  color:#e2e8f0 !important;
}