/* ==========================================================================
   SENZA PREMIUM — CUSTOM CSS
   ==========================================================================
   İÇİNDEKİLER
   -----------
   1. DEĞİŞKENLER (:root)
   2. HEADER (masaüstü)
   3. KATEGORİ BARI (slider altı)
   4. AUTH MODAL (giriş / kayıt)
   5. FOOTER
   6. SAYFA YÜKLEYİCİ (loader)
   7. MOBİL ALT NAVİGASYON
   8. OYUN KARTLARI
   9. CANLI DESTEK WIDGET'I
   10. "BAHİS ÖNER" BUTONU
   11. GENEL / DİĞER FIX'LER (badge vb.)
   ========================================================================== */


/* ==========================================================================
   1. DEĞİŞKENLER
   ========================================================================== */

:root{
  /* Ana marka rengi (altın). RGB bileşenleri ayrı tutulur ki
     rgba(var(--senza-gold-rgb), alpha) ile farklı opaklıklarda
     kullanılabilsin. */
  --senza-gold-rgb: 217, 198, 143;
  --senza-gold: rgb(var(--senza-gold-rgb));      /* #d9c68f */
  --senza-gold-hover: #e4d3a4;                    /* hover/focus tonu */
}


/* ==========================================================================
   2. HEADER (masaüstü)
   ========================================================================== */

@media (min-width:1024px){

/* HEADER */
header.sticky{
    height:118px!important;
    background:linear-gradient(180deg,#292929 0%,#171717 100%)!important;
    border-bottom:4px solid var(--senza-gold)!important;
    box-shadow:0 8px 25px rgba(0,0,0,.45)!important;
}

header .container{
    max-width:100%!important;
    padding:0 32px!important;
}

/* HEADER İÇ */
header .h-16{
    height:118px!important;
    position:relative!important;
    align-items:flex-start!important;
}

/* LOGO */
header a[href="/"] img{
    height:56px!important;
    max-height:56px!important;
    width:auto!important;
    object-fit:contain!important;
    margin-top:23px!important;
    filter:drop-shadow(0 0 8px rgba(var(--senza-gold-rgb),.25));
}

/* SAĞ ÜST */
header .flex.items-center.gap-3{
    position:absolute!important;
    right:0!important;
    top:16px!important;
    height:48px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
}

/* GİRİŞ */
header button{
    height:46px!important;
    padding:0 24px!important;
    border-radius:8px!important;
    font-size:15px!important;
    font-weight:700!important;
}

/* MENÜ */
header nav.hidden.lg\:flex{
    position:absolute!important;
    right:0!important;
    bottom:0!important;
    height:48px!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
}

header nav ul{
    display:flex!important;
    align-items:center!important;
    gap:22px!important;
    height:48px!important;
}

/* MENÜ LİNK */
header nav ul li a{
    height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    color:#ffffff!important;
    font-size:18px!important;
    font-weight:400!important;
    letter-spacing:.2px!important;
    text-transform:none!important;   /* önceden uppercase veya capitalize idi */
    background:none!important;
    border:none!important;
    position:relative!important;
    transition:.25s;
    text-shadow:0 1px 2px rgba(0,0,0,.35);
}

/* HOVER */
header nav ul li a:hover{
    color:var(--senza-gold)!important;
}

/* ALT ÇİZGİ */
header nav ul li a::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:4px;
    border-radius:10px;
    background:linear-gradient(90deg,#937e4a,#dfd1a1,#937e4a);
    opacity:0;
    transition:.25s;
    box-shadow:0 0 10px rgba(var(--senza-gold-rgb),.30);
}

header nav ul li a:hover::after{
    opacity:1;
}

/* MOBİL BUTON */
header button.w-10.h-10{
    width:48px!important;
    height:48px!important;
    border-radius:8px!important;
    border:2px solid var(--senza-gold)!important;
    background:rgba(var(--senza-gold-rgb),.08)!important;
    color:var(--senza-gold)!important;
}

}

/* Header profil ikon butonu fix (header bileşenine ait, aşağıdan taşındı) */
header button.w-10.h-10,
header button:has(.lucide-user){
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

header button.w-10.h-10 svg,
header button:has(.lucide-user) svg{
  width:22px !important;
  height:22px !important;
  color:var(--senza-gold) !important;
  stroke:var(--senza-gold) !important;
  flex:0 0 auto !important;
  display:block !important;
}


/* ==========================================================================
   3. KATEGORİ BARI (slider altı)
   ========================================================================== */

@media (min-width:1024px){

  .senza-casino-bar{
    width:100%;
    height:64px;
    margin:0 auto 28px auto;
    background:linear-gradient(180deg,#333 0%,#252525 100%);
    border-top:1px solid rgba(var(--senza-gold-rgb),.35);
    border-bottom:1px solid rgba(var(--senza-gold-rgb),.60);
    box-shadow:0 8px 22px rgba(0,0,0,.35);
    display:flex;
    align-items:center;
    position:relative;
    z-index:20;
  }

  .senza-casino-scroll{
    flex:1;
    height:64px;
    display:flex;
    align-items:center;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    scroll-behavior:smooth;
    padding:0 14px;
  }

  .senza-casino-scroll::-webkit-scrollbar{
    display:none;
  }

  .senza-cat{
    height:64px;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#f5f5f5;
    font-size:15px;
    font-weight:700;
    text-decoration:none;
    position:relative;
    transition:.22s ease;
  }

  .senza-cat:hover,
  .senza-cat.active{
    color:var(--senza-gold);
    background:rgba(var(--senza-gold-rgb),.06);
  }

  .senza-cat.active::after,
  .senza-cat:hover::after{
    content:"";
    position:absolute;
    left:16px;
    right:16px;
    bottom:0;
    height:4px;
    background:var(--senza-gold);
    box-shadow:0 0 10px rgba(var(--senza-gold-rgb),.35);
  }

  .senza-quick-action{
    height:64px;
    min-width:150px;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:rgba(var(--senza-gold-rgb),.10);
    border-left:1px solid rgba(var(--senza-gold-rgb),.35);
    border-right:1px solid rgba(var(--senza-gold-rgb),.25);
    color:var(--senza-gold);
    text-decoration:none;
    font-size:15px;
    font-weight:800;
    transition:.2s ease;
  }

  .senza-quick-action:hover{
    background:rgba(var(--senza-gold-rgb),.18);
    color:#fff;
  }

  .senza-quick-action span{
    font-size:19px;
  }

  .senza-quick-action b{
    font-weight:800;
  }

  .senza-arrow{
    width:48px;
    height:64px;
    border:0;
    outline:0;
    background:rgba(0,0,0,.22);
    color:var(--senza-gold);
    font-size:34px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.2s ease;
  }

  .senza-arrow:hover{
    background:rgba(var(--senza-gold-rgb),.12);
  }

}

/* Kategori barı: sabitlenme (sticky) durumu — orijinalde FOOTER'dan
   sonra iki ayrı bloktaydı, burada kategori barı bölümüyle birleştirildi. */
@media (min-width:1024px){
  .senza-casino-placeholder{
    display:none;
    height:64px;
  }

  .senza-casino-placeholder.active{
    display:block;
  }

  .senza-casino-bar.is-fixed{
    position:fixed !important;
    top:118px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:49 !important;
    margin:0 !important;
    box-shadow:0 12px 28px rgba(0,0,0,.55) !important;
  }
}

@media (min-width:1024px){

  .senza-casino-bar.is-fixed{
    left:0 !important;
    right:auto !important;
    width:calc(100vw - 17px) !important;
    max-width:calc(100vw - 17px) !important;
  }

  .senza-casino-bar{
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .senza-quick-action{
    min-width:130px !important;
    flex:0 0 130px !important;
  }

  .senza-arrow{
    flex:0 0 44px !important;
    width:44px !important;
    min-width:44px !important;
  }

}

@media (max-width:1023px){
  .senza-casino-bar,
  .senza-casino-marker,
  .senza-casino-placeholder{
    display:none !important;
  }
}


/* ==========================================================================
   4. AUTH MODAL (giriş / kayıt)
   ========================================================================== */

/* Modal */
div[role="dialog"]{
    background:#121212 !important;
    border:1px solid rgba(var(--senza-gold-rgb),.22)!important;
    border-radius:18px!important;
    box-shadow:
    0 25px 80px rgba(0,0,0,.70),
    0 0 35px rgba(var(--senza-gold-rgb),.10)!important;
    z-index:99999 !important;
}

/* İç alan */
div[role="dialog"] > div{
    background:#121212!important;
}

/* Header */
div[role="dialog"] .sticky{
    background:#181818!important;
    border-bottom:1px solid rgba(var(--senza-gold-rgb),.14)!important;
    backdrop-filter:blur(18px);
}

/* Başlıklar */
div[role="dialog"] h2{
    color:#ffffff!important;
}

div[role="dialog"] p{
    color:#b8b8b8!important;
}

/* Input */
div[role="dialog"] input{
    height:50px!important;
    border-radius:10px!important;
    background:#1d1d1d!important;
    border:1px solid rgba(var(--senza-gold-rgb),.14)!important;
    color:#fff!important;
    transition:.2s;
}

/* Focus */
div[role="dialog"] input:focus{
    border-color:var(--senza-gold)!important;
    box-shadow:0 0 0 3px rgba(var(--senza-gold-rgb),.12)!important;
}

/* Placeholder */
div[role="dialog"] input::placeholder{
    color:#8b8b8b!important;
}

/* Checkbox */
div[role="dialog"] input[type="checkbox"]{
    background:#1d1d1d!important;
    border:1px solid rgba(var(--senza-gold-rgb),.30)!important;
}

/* Ana Buton */
div[role="dialog"] button[type="submit"]{
    background:var(--senza-gold)!important;
    color:#000!important;
    border-radius:10px!important;
    height:50px!important;
    font-weight:800!important;
    transition:.25s;
}

div[role="dialog"] button[type="submit"]:hover{
    background:var(--senza-gold-hover)!important;
}

/* Kayıt butonu üst */
div[role="dialog"] .px-4.h-8{
    background:var(--senza-gold)!important;
    color:#000!important;
    border-radius:8px!important;
}

/* Destek */
div[role="dialog"] .text-center button{
    color:#000000!important;
}

/* Bonus Kutusu */
div[role="dialog"] .rounded-xl{
    background:
    linear-gradient(
    135deg,
    rgba(var(--senza-gold-rgb),.18),
    rgba(var(--senza-gold-rgb),.08),
    #171717)!important;

    border:1px solid rgba(var(--senza-gold-rgb),.15)!important;
}

/* Bonus Icon Glow */
div[role="dialog"] [style*="radial-gradient"]{
    background:
    radial-gradient(circle,
    rgba(var(--senza-gold-rgb),.28) 0%,
    transparent 70%)!important;
}

/* SABİT badge */
div[role="dialog"] span[style*="253, 224, 71"]{
    background:var(--senza-gold)!important;
    color:#000!important;
}

/* Mor Tailwind sınıflarını ez */
div[role="dialog"] [class*="bg-\\[\\#1a0d2e\\]"],
div[role="dialog"] [class*="bg-\\[\\#2a1a47\\]"]{
    background:#121212!important;
}

/* Hover */
div[role="dialog"] button:hover{
    transition:.25s;
}

/* Scroll */
div[role="dialog"]::-webkit-scrollbar{
    width:6px;
}

div[role="dialog"]::-webkit-scrollbar-thumb{
    background:var(--senza-gold);
    border-radius:20px;
}

/* Auth modal giriş/kayıt ana buton yazısı */
div[role="dialog"] button[type="submit"],
div[role="dialog"] button[type="submit"] *{
  color:#000000 !important;
  opacity:1 !important;
  text-shadow:none !important;
}

div[role="dialog"] button[type="submit"]{
  background:var(--senza-gold) !important;
  border:0 !important;
}

/* Modal açıkken mobil alt navigasyonu gizle (mobil nav bölümüyle ilişkili
   ama modal'a bağlı olduğu için burada tutuldu) */
body:has(div[role="dialog"][data-state="open"]) .senza-mobile-nav,
body:has(div[role="dialog"][data-state="open"]) .senza-mobile-panel{
  display:none !important;
}


/* ==========================================================================
   5. FOOTER
   ========================================================================== */

footer{
  background:#050505 !important;
  border-top:1px solid rgba(var(--senza-gold-rgb),.18) !important;
  color:#fff !important;
}

/* Ana footer arka plan */
footer.bg-gradient-to-b{
  background:
    radial-gradient(circle at 10% 0%, rgba(var(--senza-gold-rgb),.07), transparent 28%),
    linear-gradient(180deg,#090909 0%,#050505 100%) !important;
}

/* Container boşluk */
footer .container{
  max-width:1600px !important;
}

/* İlk kolon alanı */
footer .grid.grid-cols-2{
  padding-top:10px !important;
}

/* Başlıklar */
footer h4{
  color:var(--senza-gold) !important;
  font-size:15px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.3px !important;
}

/* Linkler */
footer a{
  color:#b8b8b8 !important;
  font-size:13px !important;
  transition:.2s ease !important;
}

footer a:hover{
  color:var(--senza-gold) !important;
  opacity:1 !important;
}

/* Border çizgiler */
footer .border-t{
  border-color:rgba(var(--senza-gold-rgb),.14) !important;
}

/* Özellik kartları */
footer .grid.grid-cols-2.md\:grid-cols-4 > div{
  padding:14px 16px !important;
  border:1px solid rgba(var(--senza-gold-rgb),.12) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)) !important;
}

/* Renkli ikon kutularını gold yap */
footer .bg-green-600\/20,
footer .bg-blue-600\/20,
footer .bg-purple-600\/20,
footer .bg-yellow-600\/20{
  background:rgba(var(--senza-gold-rgb),.10) !important;
  border:1px solid rgba(var(--senza-gold-rgb),.18) !important;
}

/* SVG ikon renkleri */
footer svg,
footer .text-green-500,
footer .text-blue-500,
footer .text-purple-500,
footer .text-yellow-500{
  color:var(--senza-gold) !important;
  stroke:var(--senza-gold) !important;
}

/* Özellik başlıkları */
footer .text-white.font-semibold.text-sm{
  color:#ffffff !important;
  font-weight:800 !important;
}

/* Açıklamalar */
footer .text-gray-500,
footer .text-gray-400{
  color:#9b9b9b !important;
}

/* Alt copyright */
footer p{
  color:#9b9b9b !important;
}

/* 18+ badge */
footer .bg-red-600{
  background:var(--senza-gold) !important;
  color:#000 !important;
  border-radius:999px !important;
  padding:4px 9px !important;
}

/* En alt satır */
footer .py-4{
  padding-top:18px !important;
  padding-bottom:18px !important;
}

/* Footer başlıklarındaki emoji ikonlarını kaldır
   (Not: orijinal dosyada bu kuraldan önce aynı selector'a emoji'yi
   grayscale+sepia yapan bir kural daha vardı; display:none onu zaten
   tamamen geçersiz kılıyordu, o yüzden buradan çıkarıldı — görünüm
   birebir aynı.) */
footer h4 span{
    display:none !important;
}


/* ==========================================================================
   6. SAYFA YÜKLEYİCİ (loader)
   ========================================================================== */

#SenzaPageLoader{
  position:fixed;
  inset:0;
  z-index:999999;
  background:
    radial-gradient(circle at center, rgba(var(--senza-gold-rgb),.10), transparent 34%),
    #070707;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:opacity .55s ease, visibility .55s ease;
}

#SenzaPageLoader.hide{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.senza-eclipse{
  width:230px;
  height:230px;
  border-radius:50%;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#2c2c2c;
  box-shadow:
    0 0 24px rgba(var(--senza-gold-rgb),.35),
    0 0 70px rgba(var(--senza-gold-rgb),.28),
    0 0 140px rgba(var(--senza-gold-rgb),.12);
}

.senza-eclipse::before{
  content:"";
  position:absolute;
  inset:-9px;
  border-radius:50%;
  background:
    conic-gradient(
      from 0deg,
      transparent 0deg,
      rgba(var(--senza-gold-rgb),.25) 80deg,
      #fff4c8 130deg,
      rgba(var(--senza-gold-rgb),.35) 170deg,
      transparent 240deg,
      transparent 360deg
    );
  animation:senzaEclipseSpin 1.45s linear infinite;
  filter:blur(.4px);
  z-index:-1;
}

.senza-eclipse::after{
  content:"";
  position:absolute;
  inset:-20px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(var(--senza-gold-rgb),.35), transparent 68%);
  filter:blur(14px);
  z-index:-2;
}

.senza-eclipse-logo{
  width:250px;
  max-width:none;
  object-fit:contain;
  filter:drop-shadow(0 0 8px rgba(var(--senza-gold-rgb),.25));
}

@keyframes senzaEclipseSpin{
  to{transform:rotate(360deg);}
}
   /* ========================================================================== 
    7. MOBİL ALT NAVİGASYON
   ========================================================================== */

@media(max-width:1023px){
  .senza-mobile-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    height:72px;
    z-index:9000;
    background:linear-gradient(180deg,#333,#202020);
    border-top:1px solid rgba(var(--senza-gold-rgb),.35);
    display:flex;
    align-items:center;
    justify-content:space-around;
    box-shadow:0 -10px 28px rgba(0,0,0,.55);
  }

  .senza-mobile-item{
    width:20%;
    height:72px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    text-decoration:none;
    color:#fff;
    font-size:10px;
    font-weight:800;
  }

  .senza-mobile-item img{
    width:25px;
    height:25px;
    object-fit:contain;
  }

  .senza-mobile-center{
    width:72px;
    height:72px;
    margin-top:-34px;
    border-radius:50%;
    border:4px solid #202020;
    background:var(--senza-gold);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 0 24px rgba(var(--senza-gold-rgb),.35);
  }

  .senza-mobile-center img{
    width:38px;
    height:38px;
    object-fit:contain;
  }

  .senza-mobile-panel{
    position:fixed;
    left:12px;
    right:12px;
    bottom:88px;
    z-index:9001;
    background:rgba(20,20,20,.96);
    border:1px solid rgba(var(--senza-gold-rgb),.25);
    border-radius:18px;
    padding:14px;
    display:none;
    box-shadow:0 20px 60px rgba(0,0,0,.7);
    backdrop-filter:blur(14px);
  }

  .senza-mobile-panel.open{
    display:block;
  }

  .senza-panel-handle{
    width:38px;
    height:4px;
    border-radius:20px;
    background:rgba(var(--senza-gold-rgb),.45);
    margin:0 auto 12px;
  }

  .senza-mobile-panel-title{
    color:var(--senza-gold);
    text-align:center;
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:12px;
  }

  .senza-mobile-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:9px;
  }

  .senza-mobile-grid a{
    height:46px;
    border-radius:10px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(var(--senza-gold-rgb),.13);
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
  }

@media(max-width:1023px) {
  body.senza-mobile-nav-visible {
    padding-bottom:72px !important;
  }

  body:not(.senza-mobile-nav-visible) {
    padding-bottom:0 !important;
  }
}
}

@media (min-width:1024px){
  .senza-mobile-nav,
  .senza-mobile-panel{
    display:none !important;
  }
}


   /* ========================================================================== 
   8. OYUN KARTLARI
   ========================================================================== */

/* CARD BASIC FIX */
a[href*="/casino/game"]{
  position:relative;
  text-decoration:none !important;
}

/* REMOVE BAD BORDER COLORS */
a[href*="/casino/game"]:hover{
  border-color: rgba(var(--senza-gold-rgb),.35) !important;
}

/* IMAGE SMOOTH */
a[href*="/casino/game"] img{
  transition:transform .35s ease !important;
  will-change: transform;
}

/* HOVER ZOOM */
a[href*="/casino/game"]:hover img{
  transform:scale(1.05);
}

/* OVERLAY CLEAN (NO BLUR) */
a[href*="/casino/game"] .absolute.inset-0{
  background:rgba(0,0,0,.35) !important;
  backdrop-filter:none !important;
}

/* PLAY BUTTON UPGRADE */
.senza-play-btn{
  width:54px;
  height:54px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--senza-gold),#bfa45f);
  color:#111;
  font-size:18px;
  font-weight:900;
  box-shadow:0 10px 25px rgba(var(--senza-gold-rgb),.25);
  transition:.2s ease;
}

/* hover effect */
a[href*="/casino/game"]:hover .senza-play-btn{
  transform:scale(1.1);
}

/* TITLE FIX */
a[href*="/casino/game"] p:first-of-type{
  color:#fff !important;
  font-weight:700;
}

/* PROVIDER FIX */
a[href*="/casino/game"] p:last-of-type{
  color:rgba(255,255,255,.45) !important;
}

.senza-hide {
  display: none !important;
}


/* ==========================================================================
   9. CANLI DESTEK WIDGET'I
   ========================================================================== */
 
.fixed.bottom-0.md\:bottom-6.right-0{
  background:#101010 !important;
  border:1px solid rgba(var(--senza-gold-rgb),.20) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.60) !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0 .bg-gradient-to-r{
  background:linear-gradient(180deg,#1b1b1b 0%,#111 100%) !important;
  border-bottom:1px solid rgba(var(--senza-gold-rgb),.18) !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0 .bg-white{
  background:#151515 !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0 h4,
.fixed.bottom-0.md\:bottom-6.right-0 .text-gray-900{
  color:#ffffff !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0 .text-gray-500{
    color:#b8b8b8 !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0 h3{
  color:var(--senza-gold) !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0 p.text-white\/70{
  color:#b8b8b8 !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0 .bg-white\/20{
  background:rgba(var(--senza-gold-rgb),.12) !important;
  border:1px solid rgba(var(--senza-gold-rgb),.22) !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0 input{
  background:#0f0f0f !important;
  border:1px solid rgba(var(--senza-gold-rgb),.18) !important;
  color:#ffffff !important;
  caret-color:var(--senza-gold) !important;
  box-shadow:none !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0 input::placeholder{
  color:#8f8f8f !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0 input:focus,
.fixed.bottom-0.md\:bottom-6.right-0 input:focus-visible{
  outline:none !important;
  border-color:var(--senza-gold) !important;
  box-shadow:0 0 0 3px rgba(var(--senza-gold-rgb),.14) !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0 button.bg-green-600,
.fixed.bottom-0.md\:bottom-6.right-0 button.hover\:bg-green-700{
  background:var(--senza-gold) !important;
  color:#000000 !important;
  font-weight:900 !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0 button.bg-green-600:hover{
  background:var(--senza-gold-hover) !important;
}
 
@media(max-width:1023px){
  .fixed.bottom-0.md\:bottom-6.right-0{
    bottom:72px !important;
    height:calc(100dvh - 72px) !important;
  }
}
 
div.bg-green-600.text-white.rounded-br-md{
  background:var(--senza-gold) !important;
  color:#000 !important;
}
 
div.bg-green-600.text-white.rounded-br-md > p.text-white,
div.bg-green-600.text-white.rounded-br-md > p.whitespace-pre-wrap{
  color:#000 !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0 .flex-1.overflow-y-auto.bg-gray-50{
  background:#f4f4f2 !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0 .bg-amber-50{
  background:#f3efe4 !important;
  border-bottom:1px solid rgba(var(--senza-gold-rgb),.25) !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0 .bg-amber-50 .text-amber-700{
  color:#111 !important;
  font-weight:700 !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0 div.bg-green-600.text-white.rounded-br-md p:last-child{
  color:#111 !important;
  opacity:1 !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0 .text-center.py-8 p,
.fixed.bottom-0.md\:bottom-6.right-0 .text-center.py-8 p.text-gray-500,
.fixed.bottom-0.md\:bottom-6.right-0 .flex-1 .text-center.py-8 p{
  color:#111 !important;
  opacity:1 !important;
  font-weight:600 !important;
}
 
.fixed.bottom-20 button svg {
  display: none !important;
}



/* --------------------------------------------------------------------------
   CMS / ADMİN MESAJI AYRIMI (YENİ — SORUNUN ÇÖZÜMÜ)
   -------------------------------------------------------------------------- */
 
.fixed.bottom-0.md\:bottom-6.right-0.fixed div:has(> p.text-green-600.font-medium){
  background:#232323 !important;
  border:1px solid rgba(var(--senza-gold-rgb),.30) !important;
  color:#ffffff !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0.fixed div:has(> p.text-green-600.font-medium) p{
  color:#ffffff !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0.fixed div:has(> p.text-green-600.font-medium) p.text-green-600{
  color:#4ade80 !important;
  font-weight:700 !important;
}
 
.fixed.bottom-0.md\:bottom-6.right-0.fixed div:has(> p.text-green-600.font-medium) p:last-child{
  color:rgba(255,255,255,.55) !important;
  opacity:1 !important;
}
 
/* Admin/cms mesajını KONUM olarak da sola al (kullanıcı sağda, admin
   solda dursun — böylece renk + konum birlikte net ayırt edilsin).
   Dıştaki sarmalayıcı div'in "justify-end" class'ını, içinde cms
   etiketi olduğunda "flex-start"a çeviriyoruz. */
.fixed.bottom-0.md\:bottom-6.right-0 div.flex.justify-end:has(p.text-green-600.font-medium){
  justify-content:flex-start !important;
}
 
.fixed.bottom-20.md\:bottom-6.right-4.md\:right-6 button{
    width:62px !important;
    height:62px !important;
 
    background:linear-gradient(180deg,#e8d59f 0%,var(--senza-gold) 55%,#bda35f 100%) !important;
 
    border:2px solid rgba(255,255,255,.08);
 
    box-shadow:
        0 12px 35px rgba(0,0,0,.45),
        0 0 25px rgba(var(--senza-gold-rgb),.35);
 
    transition:.25s ease;
 
    animation:senzaSupportPulse 2.8s infinite;
}
 
.fixed.bottom-20.md\:bottom-6.right-4.md\:right-6 button:hover{
    transform:translateY(-4px) scale(1.08) !important;
 
    box-shadow:
        0 18px 45px rgba(0,0,0,.55),
        0 0 35px rgba(var(--senza-gold-rgb),.55);
}
 
.fixed.bottom-20.md\:bottom-6.right-4.md\:right-6 svg{
    color:#111 !important;
    width:28px !important;
    height:28px !important;
}
 
.fixed.bottom-20.md\:bottom-6.right-4.md\:right-6 span{
    background:#171717 !important;
    color:var(--senza-gold) !important;
    border:1px solid rgba(var(--senza-gold-rgb),.25);
    border-radius:12px;
    padding:8px 14px;
    font-weight:700;
}
 
@keyframes senzaSupportPulse{
0%{
box-shadow:
0 12px 35px rgba(0,0,0,.45),
0 0 0 rgba(var(--senza-gold-rgb),0);
}
50%{
box-shadow:
0 12px 35px rgba(0,0,0,.45),
0 0 24px rgba(var(--senza-gold-rgb),.45);
}
100%{
box-shadow:
0 12px 35px rgba(0,0,0,.45),
0 0 0 rgba(var(--senza-gold-rgb),0);
}
}

.fixed.bottom-20.md\:bottom-6.right-4.md\:right-6 button{
  width: 88px !important;
  height: 88px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 9999px !important;

  background-image: url("https://i.ibb.co/ZphPF717/photo-5933607219507171002-y.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;

  /* 🔥 KRİTİK: büyüttük */
  background-size: 85px 85px !important;
}

/* SVG varsa tamamen kapat */
.fixed.bottom-20.md\:bottom-6.right-4.md\:right-6 svg{
  display: none !important;
}
/* ==========================================================================
   10. "BAHİS ÖNER" BUTONU
   ========================================================================== */

button[title="Bahis Öner"]{
    background:linear-gradient(180deg,#e8d59f 0%,var(--senza-gold) 55%,#bfa35f 100%) !important;
    color:#111 !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:
        0 12px 35px rgba(0,0,0,.45),
        0 0 18px rgba(var(--senza-gold-rgb),.28) !important;
    border-radius:999px !important;
    font-weight:800 !important;
    transition:.25s ease !important;
}

button[title="Bahis Öner"]:hover{
    transform:translateY(-3px) scale(1.05) !important;
    box-shadow:
        0 16px 45px rgba(0,0,0,.55),
        0 0 28px rgba(var(--senza-gold-rgb),.45) !important;
}

button[title="Bahis Öner"] svg{
    color:#111 !important;
}

/* Canlı destek açıkken "Bahis Öner" butonu üst üste binmesin diye gizlenir */
body:has(.fixed.bottom-0.md\:bottom-6.right-0){
    button[title="Bahis Öner"]{
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
    }
}


/* ==========================================================================
   11. GENEL / DİĞER FIX'LER
   ========================================================================== */

/* SENZA BADGE FIX */
span[style*="rgba(217, 198, 143"] {
  background-color: rgba(var(--senza-gold-rgb), 0.28) !important;
  color: var(--senza-gold) !important;
  border: 1px solid rgba(var(--senza-gold-rgb), 0.35) !important;
  text-shadow: 0 0 10px rgba(var(--senza-gold-rgb), 0.15);
}

/* Eğer tamamen kayboluyorsa (override garanti) */
span.text-\[9px\],
span.text-\[10px\] {
  color: var(--senza-gold) !important;
}

@media(min-width:1024px){

/* ===========================
   RECENT WINNERS
=========================== */

.senza-recent-winners{
    position:absolute!important;
    right:0;
    left:auto;
    bottom:1px;
    width:56%;
    height:68px;
    z-index:20;
    overflow:hidden;

    background:linear-gradient(
        90deg,
        rgba(18,18,18,0) 0%,
        rgba(18,18,18,.05) 8%,
        rgba(18,18,18,.16) 18%,
        rgba(18,18,18,.34) 30%,
        rgba(18,18,18,.52) 42%,
        rgba(18,18,18,.58) 100%
    );

    backdrop-filter:blur(5px);

    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(214,187,103,.18);

    clip-path:polygon(
        62px 0,
        100% 0,
        100% 100%,
        0 100%,
        26px 50%
    );

    pointer-events:none;
}

.senza-winners-title{
    display:none!important;
}

.senza-winners-track{
    height:68px;
    overflow:hidden;
    padding-left:48px;

    -webkit-mask-image:linear-gradient(
        to right,
        transparent 0,
        rgba(0,0,0,.15) 28px,
        rgba(0,0,0,.45) 55px,
        #000 90px,
        #000 100%
    );

    mask-image:linear-gradient(
        to right,
        transparent 0,
        rgba(0,0,0,.15) 28px,
        rgba(0,0,0,.45) 55px,
        #000 90px,
        #000 100%
    );
}

.senza-winners-move{
    display:flex;
    align-items:center;
    width:max-content;
    height:68px;
    animation:senzaWinnersMove var(--senza-winner-speed, 90s) linear infinite;
}

/* ===========================
   CARD
=========================== */

.senza-winner-card{
    position:relative;
    width:270px;
    height:68px;

    display:flex;
    align-items:center;
    gap:10px;

    padding:0 18px;

    background:none;
}

/* Elite tarzı diagonal divider */

/* ===========================
   ICON
=========================== */

.senza-winner-icon{

    width:52px;
    height:34px;

    flex:0 0 52px;

    border-radius:5px;

    background:linear-gradient(
        135deg,
        #d7bf74,
        #8c7132
    );

    color:#111;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:18px;
    font-weight:900;
}

/* ===========================
   TEXT
=========================== */

.senza-winner-row{

    display:flex;
    align-items:center;
    gap:6px;
}

.senza-winner-row span{

    color:rgba(255,255,255,.42);

    font-size:11px;
    font-weight:800;
}

.senza-winner-row b{

    color:#fff;

    font-size:16px;
    font-weight:900;
}

.senza-winner-game{

    margin-top:3px;

    color:#fff;

    font-size:12px;
    font-weight:700;

    opacity:.88;

    max-width:165px;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

@keyframes senzaWinnersMove{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}

}

@media(max-width:1023px){

.senza-recent-winners{
display:none!important;
}

}

/* =====================================================
   PROMOSYON POPUP - 700x450 GÖRSEL
===================================================== */

@media (min-width:1024px){

/* Popup */
div[role="dialog"][data-state="open"]{
    width:90vw !important;
    max-width:1120px !important;
    padding:0 !important;
    overflow:hidden !important;
}

/* Ana kutu */
div[role="dialog"][data-state="open"] > div.relative{
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;

    width:100% !important;
    height:450px !important;
    max-height:450px !important;

    overflow:hidden !important;
    border-radius:16px !important;
}

/* =========================
   SOL GÖRSEL (700x450)
========================= */

div[role="dialog"][data-state="open"] > div.relative > div:first-of-type{

    flex:0 0 700px !important;
    width:700px !important;
    min-width:700px !important;
    max-width:700px !important;

    height:450px !important;
    overflow:hidden !important;
}

div[role="dialog"][data-state="open"] > div.relative > div:first-of-type img{

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;
    object-position:center center !important;

    display:block !important;
}

/* =========================
   SAĞ YAZI
========================= */

div[role="dialog"][data-state="open"] > div.relative > div:last-of-type{

    flex:1 !important;

    height:450px !important;
    max-height:450px !important;

    overflow-y:auto !important;
    overflow-x:hidden !important;

    padding:28px 30px !important;
    box-sizing:border-box !important;
}

/* Başlık */
div[role="dialog"][data-state="open"] h2{
    font-size:26px !important;
    line-height:1.15 !important;
    margin-bottom:16px !important;
}

/* Metin */
div[role="dialog"][data-state="open"] .text-gray-300{
    font-size:13px !important;
    line-height:1.6 !important;
}

/* Buton */
div[role="dialog"][data-state="open"] button:last-child{
    height:52px !important;
    font-size:15px !important;
}

}