/* ==========================================================================
   CANLI ÇEKİLİŞ — yeni site diliyle UYUM katmanı (07.10.2026)
   --------------------------------------------------------------------------
   Kullanıcı: "eski tasarım güzel, sadece yeni tasarımla uyumlu hâle getir".
   Top haznesi, oluk, tepsi, takvim ve bütün metin/işlev lottery.php'deki
   <style> bloğunda olduğu gibi kalır; bu dosya ondan SONRA yüklenir ve yalnız
   şunları değiştirir: yazı tipi (Titillium), lacivert/siyah zeminler (mor
   palet --rs-*), arduvaz gri metinler (soğuk beyaz), pembe/camgöbeği vurgular
   (altın/mor), sayfa genişliği (1310px). Bütün seçiciler .lot-page altında.
   ========================================================================== */

/* Titillium takma adı: eski kuralların 800/900 ağırlıkları mevcut dosyalara eşlenir */
@font-face{font-family:'CK Sans';font-style:normal;font-weight:100 499;font-display:swap;src:url('vendor/fonts/titillium-web-latin-ext-400.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'CK Sans';font-style:normal;font-weight:100 499;font-display:swap;src:url('vendor/fonts/titillium-web-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'CK Sans';font-style:normal;font-weight:500 649;font-display:swap;src:url('vendor/fonts/titillium-web-latin-ext-600.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'CK Sans';font-style:normal;font-weight:500 649;font-display:swap;src:url('vendor/fonts/titillium-web-latin-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'CK Sans';font-style:normal;font-weight:650 879;font-display:swap;src:url('vendor/fonts/titillium-web-latin-ext-700.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'CK Sans';font-style:normal;font-weight:650 879;font-display:swap;src:url('vendor/fonts/titillium-web-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'CK Sans';font-style:normal;font-weight:880 1000;font-display:swap;src:url('vendor/fonts/titillium-web-latin-ext-900.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'CK Sans';font-style:normal;font-weight:880 1000;font-display:swap;src:url('vendor/fonts/titillium-web-latin-900.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- yazı tipi + sayfa genişliği (diğer sayfalarla aynı konteyner) ---------- */
.max-w-6xl.lot-page{
  --font-sans:'CK Sans',var(--rs-f); --font-display:'CK Sans',var(--rs-f);
  font-family:'CK Sans',var(--rs-f);
  max-width:1310px; width:100%; margin:0 auto;
  padding-left:0; padding-right:0; padding-bottom:0; /* kabuğun main boşluğu yeter: mobilde çift boşluk vardı */
}
.lot-page :is(h1,h2,h3,button,select){font-family:inherit}
.lot-page .hr-alt{margin-top:36px}

/* ---------- sayfa başlığı: lacivert şerit yerine mor panel + altın vurgu ---------- */
.lot-page .hub-page-head{
  --page-accent:var(--rs-vurgu);
  border-color:rgba(245,196,81,.2);
  background:
    radial-gradient(70% 140% at 92% 50%, rgba(139,92,246,.3), transparent 62%),
    radial-gradient(45% 110% at 0% 0%, rgba(245,196,81,.1), transparent 60%),
    linear-gradient(100deg,#160c36 0%,var(--rs-panel) 45%,#24154f 75%,#2c1862 100%);
  box-shadow:0 26px 70px -46px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.06);
}
.lot-page .hub-page-head::before{background:#8b5cf6}
.lot-page .hub-page-head p{color:rgba(255,255,255,.62)}
.lot-page .hub-chip-link{background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.1); color:rgba(255,255,255,.85); font-weight:700}

/* ---------- sahne + hazne: siyah/lacivert yerine derin mor ---------- */
.lot-page .lottery-stage{
  background:
    radial-gradient(circle at 50% 12%, rgba(168,85,247,.22), transparent 38%),
    linear-gradient(180deg,#1d1244 0%,#150c34 58%,#0f0822 100%);
  box-shadow:0 30px 80px -40px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.05);
}
.lot-page .lot-drum{background:radial-gradient(circle at 33% 26%,rgba(255,255,255,.20),rgba(168,85,247,.10) 42%,rgba(15,8,34,.94) 76%)}
/* canlı çekiliş: pembe parıltı yerine sitenin altını (oluktaki akış zaten altın) */
.lot-page .lot-drum.is-live{
  border-color:rgba(245,196,81,.7);
  box-shadow:inset 0 0 85px rgba(168,85,247,.34), inset -20px -26px 70px rgba(0,0,0,.6), 0 0 95px rgba(245,196,81,.28);
}
.lot-page .lot-ball-face{font-family:'CK Sans',var(--rs-f); font-variant-numeric:tabular-nums; letter-spacing:0}
.lot-page .lot-hole{background:linear-gradient(180deg,rgba(15,8,34,.85),#0f0822 72%)}
.lot-page .lot-tray{background:linear-gradient(180deg,rgba(28,18,64,.92),rgba(15,8,34,.94))}
.lot-page .lot-tray-empty{color:rgba(255,255,255,.4)}

/* kazanan toplar */
.lot-page .lot-win-ball .face{font-family:'CK Sans',var(--rs-f); font-variant-numeric:tabular-nums}
.lot-page .lot-win-ball .rank{font-family:'CK Sans',var(--rs-f); background:linear-gradient(135deg,#a78bfa,#7c3aed); border-color:#0f0822}
.lot-page .lot-win-ball .who{color:rgba(255,255,255,.9)}
.lot-page .lot-win-ball .amt{color:var(--rs-vurgu)}

/* durum yazıları */
.lot-page .lot-status-sub{color:rgba(255,255,255,.5)}

/* sonuç kartları: sarı sıra rozeti sitenin altınına */
.lot-page .lot-result .bg-yellow-400{background:var(--rs-vurgu); color:var(--rs-vurgu-yazi)}
.lot-page .text-yellow-400{color:var(--rs-vurgu)}

/* ---------- takvim kartları ---------- */
.lot-page .lot-schedule-card{
  background:linear-gradient(150deg,#24154f,var(--rs-panel) 55%,#170d38);
  border-color:var(--rs-cizgi);
  box-shadow:0 18px 44px -32px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.05);
}
.lot-page .lot-schedule-card:hover{border-color:rgba(245,196,81,.38)}
.lot-page #lotSchedule .border-dashed{border-color:var(--rs-cizgi)}

/* arduvaz gri yardımcı yazılar ve rozetler -> soğuk beyaz tonları */
.lot-page .text-slate-500{color:rgba(255,255,255,.5)}
.lot-page .text-slate-400{color:rgba(255,255,255,.62)}
.lot-page .bg-slate-500\/10{background-color:rgba(255,255,255,.06)}
.lot-page .border-slate-500\/20{border-color:rgba(255,255,255,.12)}

/* yönetici kutusu (yalnız yönetici görür) */
.lot-page #lotAdmin{background:rgba(28,18,64,.95)}

/* Titillium Black (900) küçük boyda harfleri birbirine yapıştırıyor: etiket,
   kart başlığı ve tutarlar kabuktaki gibi 700; yalnız büyük etkinlik adı,
   geri sayım ve top numaraları Black kalır */
.lot-page .font-black,
.lot-page :is(.hub-page-eyebrow,.lot-status-label,.lot-win-ball .who,.lot-win-ball .amt){font-weight:700}
.lot-page #lotEventName{font-weight:900}