/* ==================================================================
   GECCEBET · LIVE CASINO
   app.css ve casino.css'ten SONRA yuklenir. Filtre cubugu, sonuc
   satiri, "daha fazla" ve bos durum casino.css'ten geliyor - lobi
   iskeleti ayni, DEGISEN SEY KART.
   ================================================================== */


/* ==================================================================
   CANLI MASA KARTI  (.tcard)

   Sablon v2 (2026-09-23): canli masa karti ORTAK DIKEY KARTA gecti -
   kap, ad/saglayici seridi, kalp ve hover arsenal.css'te ("ORTAK DIKEY
   OYUN KARTI"), oyun kartiyla (.gcard) AYNI kurallar. Eski "masa
   plakasi" (4:3 kapak + panel zeminli bilgi kutusu) kurallari buradan
   KALKTI: bu dosya arsenal.css'ten SONRA yuklendigi icin ayni
   ozgullukteki eski kurallar dikey karti eziyordu.

   Burada yalniz canliya ozgu olan kaldi: izgara, limit satiri
   (tcard-foot) ve veri gelirse basilacak koltuk/host parcalari.
   ================================================================== */

/* Sablonun canli izgarasi gibi alti sutun, 11px aralik
   (Desktop/index/live-casino.css 11). 6 / 4 <=980 / 3 <=560. */
.grid-tb {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 11px;
}

/* Alt satir: limit araligi. Dikey kartta ad/saglayicinin altinda ince
   bir cizgiyle ayrilmis kucuk bir satir - "bu bilgi masanin kendisine
   ait" demenin en sessiz yolu. Yazi boyu kartin alt satiri
   (.tcard-sub) olcusunde. */
.tcard-foot {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 0;
  padding-top: 5px;
  border-top: 1px solid rgba(255, 255, 255, .07);
}
.tcard-lim {
  flex: 1;
  min-width: 0;
  font-size: 8px;
  font-weight: 700;
  color: rgba(245, 244, 236, .8);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Host adi bir kisi adi: kimligi belli olsun diye kucuk bir rozet,
   ama sessiz. Masayi secen sey host degil limit. */
.tcard-host {
  flex: none;
  padding: 3px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .05);
  font-size: 11.5px;
  font-weight: 600;
  color: rgba(245, 244, 236, .72);
  white-space: nowrap;
}

/* ---------------- Koltuk durumu ----------------
   Gorselin ust kosesinde, LIVE rozetinin karsisinda.

   UC AYRI DURUM ve ucu de farkli bir sey soyluyor:
     sayi   kalan koltuk var, azaliyor        -> "Take a seat"
     Open   koltuk siniri YOK (rulet, sov)    -> "Join table"
     Full   koltuk kalmadi                    -> "Join waitlist"
   Rulette "12 seats left" yazmak yanlis: orada koltuk diye bir sey
   yok, herkes ayni carka oynuyor. Sayi yazan bir alan uydurmaktansa
   durumu soyleyen bir kelime dogru. */
.tcard-seat {
  position: absolute;
  top: 12px; inset-inline-end: 12px;
  z-index: 2;
  display: flex;
  align-items: baseline;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 999px;
  /* .72 idi: acik renkli bir masa gorselinin uzerinde zemin
     37,103,107'ye kadar aciliyordu ve "Open" yazisi 3.62:1'e
     dusuyordu. Rozet ne kadar seffafsa arkasindaki gorsel o kadar
     karar veriyor - burada karari gorsele birakamayiz. */
  background: rgba(23, 10, 7, .88);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  font-size: 12px;
  font-weight: 700;
  color: var(--tx);
  font-variant-numeric: tabular-nums;
}
.tcard-seat i {
  font-style: normal;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .04em;
  color: rgba(245, 244, 236, .66);
}
.tcard-seat.is-open { color: var(--aqua-soft); font-weight: 600; letter-spacing: .04em; }
.tcard-seat.is-full { color: #ffb59f; font-weight: 600; letter-spacing: .04em; }

/* Dolu masa GIZLENMIYOR, SONUYOR. Listeden dusurmek kullaniciyi
   "masa nerede" diye aratiyor; ayni parlaklikta birakmak da bos
   yere tiklatiyor. */
.tcard.is-full .tcard-art { filter: saturate(.35) brightness(.72); }
.tcard.is-full:hover .tcard-art { filter: saturate(.5) brightness(.82); }
.tcard.is-full .tcard-name { color: rgba(245, 244, 236, .78); }

/* Karti bastan basa kaplayan link. Oyun kartindaki ile ayni sebep:
   <a> icinde <button> gecersiz, o yuzden link kardes eleman. */
.tcard .gcard-link { z-index: 3; }


/* ---------------- Uyenin son masalari ----------------
   Katalogdan once duran kucuk ray. Dar ekranda izgara degil ray
   oluyor: dikey izgara ekrani yiyor. Kart dikey (sablon v2): ana
   izgarayla ayni alti sutun. */
.grid-tb-rail { grid-template-columns: repeat(6, minmax(0, 1fr)); }

/* Bahis araligi filtresinin (.fbar-lim) kurallari kalkti: controller
   'stake'i hic okumuyordu, form sablon v2'de (Gorev 6) basilmiyor. */


/* ==================================================================
   DAR EKRAN
   ================================================================== */

@media (max-width: 980px) {
  .grid-tb { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .grid-tb-rail {
    display: flex;
    gap: 7px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
  }
  /* Anasayfa seridiyle ayni: ekranda uc dikey kart. */
  .grid-tb-rail > * { flex: 0 0 calc((100% - 14px) / 3); scroll-snap-align: start; }
}

@media (max-width: 560px) {
  /* Uc sutun, sablonun dar ekran araligi. Eski yatay "masa plakasi"
     burada TEK SUTUNA dusuyordu (limit satiri kesilmesin diye); dikey
     kartta limit, kartin alt satiri boyunda ve uc sutuna sigiyor. */
  .grid-tb { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
}