/* ============================================================
   assets/centermenu.css  —  Ana sayfa alt menü MERKEZ butonu
   radyal (yelpaze) kategori menüsü açılış stilleri.
   Markup zaten index.php'de mevcut:
     .main-button--ZBSX8 > .center-menu-btn--P7TDE
        > <span.wrapper> (grid ikon = tetikleyici)
        > 8x <a.center-btn--wfnuG> (Slot,Sanal,VIP,Bingo,Oyunlar,Sporlar,CanliCasino,Canli)
   Acik durum .opened--wMAJU ile gelir (JS: assets/centermenu.js).
   Tam-CSS (4326) zaten :has(.opened--wMAJU) ile z-index + çentik gradyanını veriyor;
   burada SADECE kategori butonlarinin radyal acilisini + backdrop'u tanimliyoruz.
   Yukari ~210° yay => merkez buton ekran tabanina yakin olsa bile mobilde sigar.
   ============================================================ */

/* Kapali durum: tum kategori butonlari merkeze toplanmis + gizli (opacity asil koruma) */
.center-menu-btn--P7TDE{ position:relative; }
.center-menu-btn--P7TDE .center-btn--wfnuG{
  left:50%; top:50%; margin:0;
  width:60px; height:60px;
  transform: translate(-50%,-50%) scale(.4);
  opacity:0; visibility:hidden; pointer-events:none;
  box-shadow:0 8px 18px rgba(0,0,0,.45);
  transition: transform .34s cubic-bezier(.18,.89,.32,1.28), opacity .22s ease, visibility .34s;
}
/* Acik durum */
.center-menu-btn--P7TDE.opened--wMAJU .center-btn--wfnuG{
  opacity:1 !important; visibility:visible !important; pointer-events:auto !important;
}
/* TAM DAIRE konumlari (8 öğe, 45° aralıkla; R=106). DOM sirasi:
   Slot,Sanal,VIP,Bingo,Oyunlar,Sporlar,CanliCasino,Canli => saat yonunde 3'ten baslayip
   tam tur (Canli tepede, CanliCasino sag-üst). Merkez buton acikken yukari kalkar (lift). */
.center-menu-btn--P7TDE.opened--wMAJU .center-btn--wfnuG:nth-of-type(1){transform:translate(calc(-50% + 106px),calc(-50% + 0px))  !important;transition-delay:.02s;} /* Slot — sag */
.center-menu-btn--P7TDE.opened--wMAJU .center-btn--wfnuG:nth-of-type(2){transform:translate(calc(-50% + 75px), calc(-50% + 75px)) !important;transition-delay:.04s;} /* Sanal — sag-alt */
.center-menu-btn--P7TDE.opened--wMAJU .center-btn--wfnuG:nth-of-type(3){transform:translate(calc(-50% + 0px),  calc(-50% + 106px))!important;transition-delay:.06s;} /* VIP — alt */
.center-menu-btn--P7TDE.opened--wMAJU .center-btn--wfnuG:nth-of-type(4){transform:translate(calc(-50% - 75px), calc(-50% + 75px)) !important;transition-delay:.04s;} /* Bingo — sol-alt */
.center-menu-btn--P7TDE.opened--wMAJU .center-btn--wfnuG:nth-of-type(5){transform:translate(calc(-50% - 106px),calc(-50% + 0px))  !important;transition-delay:.02s;} /* Oyunlar — sol */
.center-menu-btn--P7TDE.opened--wMAJU .center-btn--wfnuG:nth-of-type(6){transform:translate(calc(-50% - 75px), calc(-50% - 75px)) !important;transition-delay:.00s;} /* Sporlar — sol-üst */
.center-menu-btn--P7TDE.opened--wMAJU .center-btn--wfnuG:nth-of-type(7){transform:translate(calc(-50% + 75px), calc(-50% - 75px)) !important;transition-delay:.00s;} /* CanliCasino — sag-üst */
.center-menu-btn--P7TDE.opened--wMAJU .center-btn--wfnuG:nth-of-type(8){transform:translate(calc(-50% + 0px),  calc(-50% - 106px))!important;transition-delay:.00s;} /* Canli — tepe */

/* Acikken merkez buton (yesil daire) YUKARI kalkar => tam daire ekran tabanindan kurtulur,
   alttaki nav cubugu yerinde kalir (referanstaki gibi). */
.main-button--ZBSX8{ transition: transform .34s cubic-bezier(.2,.8,.3,1.1); will-change:transform; }
.main-button--ZBSX8.lig-cmenu-open{ transform: translateY(-5px) !important; z-index:1001; }

/* Merkez grid ikonu acikken 45° dönsün (aktif hissi) */
.center-menu-btn--P7TDE > .wrapper--vVcrc{ transition:transform .3s ease; position:relative; z-index:4; }
.center-menu-btn--P7TDE.opened--wMAJU > .wrapper--vVcrc{ transform:rotate(45deg); }

/* Kategori butonu ikon/etiket okunurlugu */
.center-menu-btn--P7TDE .center-btn--wfnuG .icon--vDwTE{ color:var(--brand,#0cc06c); }
.center-menu-btn--P7TDE .center-btn--wfnuG > div:last-child{ font-size:9px; line-height:11px; padding:0 4px; }

/* Arka plan karartma (backdrop) — menü disina basinca kapanir */
.lig-cmenu-backdrop{
  position:fixed; inset:0; z-index:980;
  background:rgba(8,10,16,.55); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
  opacity:0; transition:opacity .25s ease;
}
.lig-cmenu-backdrop.show{ opacity:1; }