/* ================================================================
   BETASUS DESKTOP — sadece body.pp-desktop altında geçerli.
   Mobil (body.pp-mobile) bu kurallardan HİÇ etkilenmez.
   Tema değişkenleri :root'ta betasus-footer.css'te tanımlı.
   ================================================================ */

/* ---- HEADER ---- */
body.pp-desktop .bd-header{position:relative;z-index:900;background:#0b0b0e;border-bottom:1px solid rgba(var(--hero),.25);font-family:Roboto,Arial,sans-serif}
body.pp-desktop .bd-top{position:relative;display:flex;align-items:center;gap:16px;max-width:1500px;margin:0 auto;padding:14px 20px;min-height:74px;background:radial-gradient(circle at 50% -40%,rgba(var(--hero),.14),transparent 55%)}
body.pp-desktop .bd-logo img{height:42px;width:auto;display:block}
body.pp-desktop .bd-right{margin-inline-start:auto;display:flex;align-items:center;gap:9px}
/* sosyal/kontrol ikon butonları */
body.pp-desktop .bd-ic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:rgba(var(--b-sc),.06);color:rgba(var(--b-sc),.85);font-size:18px;text-decoration:none;cursor:pointer;border:0;transition:background .15s}
body.pp-desktop .bd-ic:hover{background:rgba(var(--b-sc),.12)}
body.pp-desktop .bd-ic.tg{color:#29a9eb}
body.pp-desktop .bd-ic.wa{color:#25d366}
body.pp-desktop .bd-ic.cl{color:rgba(var(--hero),1)}
body.pp-desktop .bd-ic .badge{position:absolute;top:-4px;right:-4px;min-width:15px;height:15px;padding:0 3px;background:rgba(var(--hero),1);color:rgba(var(--hero-sc),1);border-radius:50%;font-size:9px;font-weight:700;line-height:15px;text-align:center}
body.pp-desktop .bd-ic{position:relative}
/* giriş / kayıt */
body.pp-desktop .bd-giris{height:38px;padding:0 22px;border-radius:8px;background:transparent;border:1px solid rgba(var(--hero),1);color:rgba(var(--hero),1);font-size:13px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.3px}
body.pp-desktop .bd-giris:hover{background:rgba(var(--hero),.12)}
body.pp-desktop .bd-kayit{height:38px;display:inline-flex;align-items:center;padding:0 22px;border-radius:8px;background:#2fa84f;color:#fff;font-size:13px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;text-decoration:none}
body.pp-desktop .bd-kayit:hover{background:#37bd5a}
/* giriş yapılınca: bakiye + hesap */
body.pp-desktop .bd-bal{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:8px;background:rgba(var(--b-sc),.06);color:#fff;font-size:14px;font-weight:700;text-decoration:none}
body.pp-desktop .bd-bal .cur{color:rgba(var(--hero),1)}
body.pp-desktop .bd-bal .add{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:rgba(var(--hero),1);color:rgba(var(--hero-sc),1);font-size:11px}
body.pp-desktop .bd-acc{width:38px;height:38px;border-radius:50%;background:rgba(var(--b-sc),.1);color:#fff;border:0;font-size:19px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
body.pp-desktop .bd-acc:hover{background:rgba(var(--b-sc),.16)}
/* dil / saat */
body.pp-desktop .bd-lang{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:8px;background:rgba(var(--b-sc),.06);color:rgba(var(--b-sc),.85);font-size:12px;font-weight:600;cursor:pointer}
body.pp-desktop .bd-lang .flag-bc{width:22px;height:14px}
body.pp-desktop .bd-lang .chev{font-size:9px;opacity:.7}
body.pp-desktop .bd-clock{display:inline-flex;align-items:center;height:38px;padding:0 12px;border-radius:8px;background:rgba(var(--b-sc),.06);color:rgba(var(--b-sc),.75);font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.5px}

/* ---- NAV ---- */
body.pp-desktop .bd-nav{background:#050506;border-top:1px solid rgba(var(--b-sc),.05)}
body.pp-desktop .bd-nav-in{display:flex;align-items:stretch;gap:6px;max-width:1500px;margin:0 auto;padding:8px 20px;overflow-x:auto}
body.pp-desktop .bd-nav-in::-webkit-scrollbar{height:0}
body.pp-desktop .bd-nav a{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px;border-radius:8px;background:#151517;border:1px solid rgba(var(--b-sc),.06);color:rgba(var(--b-sc),.85);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;position:relative;transition:background .15s,color .15s}
body.pp-desktop .bd-nav a i.nic{font-size:17px;color:rgba(var(--b-sc),.7)}
body.pp-desktop .bd-nav a:hover{background:#1e1e21;color:#fff}
body.pp-desktop .bd-nav a.on{background:rgba(var(--hero),.14);border-color:rgba(var(--hero),.5);color:#fff}
body.pp-desktop .bd-nav a.on i.nic{color:rgba(var(--hero),1)}
/* promosyonlar vurgulu */
body.pp-desktop .bd-nav a.promo{background:linear-gradient(180deg,rgba(var(--hero),1),#9d7f2b);border-color:rgba(var(--hero),1);color:rgba(var(--hero-sc),1);font-weight:800}
body.pp-desktop .bd-nav a.promo i.nic{color:rgba(var(--hero-sc),1)}
/* sıcak rozeti */
body.pp-desktop .bd-nav a .hot{position:absolute;top:-7px;right:6px;background:#e1243b;color:#fff;font-size:8px;font-weight:800;padding:1px 5px;border-radius:8px;letter-spacing:.3px;text-transform:uppercase}

/* ---- ALT NAV (ANA SAYFA / Turnuvalar) ---- */
body.pp-desktop .bd-subnav{background:#0b0b0e;border-bottom:1px solid rgba(var(--b-sc),.06)}
body.pp-desktop .bd-subnav-in{display:flex;align-items:center;gap:26px;max-width:1500px;margin:0 auto;padding:0 20px;height:42px}
body.pp-desktop .bd-subnav a{display:inline-flex;align-items:center;height:100%;color:rgba(var(--b-sc),.5);font-size:13px;font-weight:700;text-decoration:none;border-bottom:2px solid transparent}
body.pp-desktop .bd-subnav a.on{color:#fff;border-bottom-color:rgba(var(--hero),1)}
body.pp-desktop .bd-subnav a:hover{color:rgba(var(--b-sc),.85)}

/* ================= INDEX — mobil satırları desktopa entegre ================= */
/* mobil betasus satırlarını desktopta göster */
body.pp-desktop .hm-row-bc.hm-row-mob-only{display:grid!important}
/* SLIDER (2026-09-05): masaüstünde MOBİL slider gösteriliyordu; onun görselleri
   16:9 (1200x675), masaüstü şeridi ise kaynaktaki gibi 3.33:1 → cover ile üst/alt
   KIRPILIYORDU ("yukarı aşağı kesik"). Kaynakta (betasus1543) slider 1434x430 ve
   görseller 2000x600, yani tam oturuyor. Bizde o oranın görselleri zaten masaüstü
   slider'ında (#ppSliderD, assets/venom/slider-d). Artık masaüstünde O gösteriliyor. */
body.pp-desktop #ppSlider{display:none!important}
body.pp-desktop .pp-herorow{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.pp-desktop #ppSliderD{display:block!important;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:2000/600;border-radius:0!important;overflow:hidden}
body.pp-desktop #ppSliderD .ppd-img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
body.pp-desktop .dvhome,
body.pp-desktop .hm-row-bc.hm-row-mob-only.bts-shortcut-row{display:none!important}
/* içeriği desktop genişliğine getir */
/* İÇERİK GENİŞLİĞİ — orijinal betasus1229'da .layout-content-holder-bc
   satırları 1434px (yani tam viewport, max-width YOK). Burası 1200px ile
   sınırlıydı, sayfa dar görünüyordu. Orijinaldeki gibi tam genişlik. */
body.pp-desktop .pp-mainsec{max-width:none;width:100%;margin:0 auto;padding-left:12px;padding-right:12px;box-sizing:border-box}
body.pp-desktop .pp-slider#ppSlider{max-width:1200px;margin:14px auto 0;border-radius:14px;overflow:hidden}
/* oyun satırlarını desktopta 6'lı grid yap (mobil col-2/col-3 yerine) */
body.pp-desktop .product-banner-container-bc{grid-template-columns:repeat(6,1fr)!important;padding:0}
/* bölüm başlıkları */
body.pp-desktop .view-title-more{font-size:15px;color:#fff}

/* ---- desktop index: hızlı erişim ikonları + kategori kartları ---- */
.bd-idx{display:none}
body.pp-desktop .bd-idx{display:block;max-width:none;margin:16px auto 0;padding:0 12px;box-sizing:border-box}
body.pp-desktop .bd-quick{display:flex;justify-content:space-between;gap:6px;flex-wrap:nowrap;margin-bottom:18px;overflow-x:auto}
body.pp-desktop .bd-quick::-webkit-scrollbar{height:0}
body.pp-desktop .bd-quick a{flex:1 1 0;min-width:90px;display:flex;align-items:center;justify-content:center;text-decoration:none}
body.pp-desktop .bd-quick img{width:100px;height:100px;object-fit:contain;transition:transform .15s}
body.pp-desktop .bd-quick a:hover img{transform:scale(1.06)}
body.pp-desktop .bd-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:8px}
body.pp-desktop .bd-cards a{display:block;border-radius:12px;overflow:hidden;line-height:0;transition:transform .15s}
body.pp-desktop .bd-cards a:hover{transform:translateY(-3px)}
body.pp-desktop .bd-cards img{width:100%;height:auto;display:block}

/* ---- desktop düzeltmeler: bottom menü, arkaplan, slider, boşluk ---- */
/* alttaki mobil sabit menüyü desktopta kaldır (mobil bozulmaz) */
body.pp-desktop .tab-navigation-w-bc{display:none!important}
/* arkaplan fotoğrafı — site bg görseli (1920x1920) */
body.pp-desktop{background:#000 url('1920x1920.png') top center / cover fixed no-repeat!important}
body.pp-desktop .RootContent,
body.pp-desktop .AppContainer,
body.pp-desktop .Body,
body.pp-desktop .layout-content-holder-bc,
body.pp-desktop section.SectionContent,
body.pp-desktop .pp-mainsec{background:transparent!important}
/* slider üstteki boşluğu kaldır + tam landscape göster */
body.pp-desktop section.SectionContent{padding-top:8px!important}
/* SLIDER — orijinal betasus1229 masaüstü ölçüsü.
   Orijinalde .hm-row-bc.has-slider satırı 1434x430 = 3.3349:1 ve KENARDAN
   KENARA (max-width yok). Burası eskiden "doğal oran, kırpma yok" idi;
   admin'e yüklenen 16:9 görsel 810px'e uzayıp ekranı kaplıyordu.
   height calc ile orana bağlandı, görsel object-fit:cover ile şeridi
   dolduruyor — admin'den hangi oranda görsel yüklenirse yüklensin şerit
   bozulmuyor.
   NOT: bu kural `body.pp-desktop #ppSlider` özgüllüğünde; index.php veya
   footer.php'den daha zayıf seçicilerle ezilemez, değişiklik BURADA yapılır. */
body.pp-desktop #ppSlider{
  aspect-ratio:auto!important;
  height:calc(100vw / 3.3349)!important;
  max-width:none!important; width:100vw!important;
  margin:0 0 0 calc(50% - 50vw)!important;
  border-radius:0!important; overflow:hidden!important;
}
body.pp-desktop #ppSlider .pp-slides{height:100%!important;display:flex;align-items:stretch}
body.pp-desktop #ppSlider .pp-slides a{min-width:100%!important;height:100%!important}
body.pp-desktop #ppSlider .pp-slides a img,
body.pp-desktop #ppSlider .pp-slides>img{min-width:100%!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block}

/* eski desktop nav (pp-deskmenu / VENOM ÇARK) — betasus bd-nav ile değişti, gizle */
body.pp-desktop #ppDeskMenu,
body.pp-desktop .pp-deskmenu{display:none!important}
/* kazananlar barı desktopta göster */
.bd-winners{display:none}
body.pp-desktop .bd-winners{display:block;max-width:none;margin:12px auto 0}

/* kazananlar barı marquee (kesintisiz döngü — içerik 2 kez) */
body.pp-desktop .bd-winners .runningLineWrapper{overflow:hidden;position:relative}
body.pp-desktop .bd-winners .runningLine.bd-marquee{display:inline-flex;width:max-content;animation:bdMarquee 60s linear infinite}
body.pp-desktop .bd-winners .runningLine.bd-marquee:hover{animation-play-state:paused}
@keyframes bdMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* eski venom dt-* header — yeni bd-header ile değişti, desktopta gizli */
body.pp-desktop .dt-hdr,
body.pp-desktop .dt-nav,
body.pp-desktop .dt-vsoc{display:none!important}

/* header-bc düzeni bundle CSS'ine bırakıldı */