/* ===================================================================
 *  assets/drawer.css  -  Soldan acilan mobil yan menu (drawer)
 *  Gercek ligobet side-menu CSS'inden alindi; YERELLESTIRILDI:
 *  - @font-face yok (Lexend zaten yerelde yuklu)
 *  - harici proxy/CDN gorsel URL'leri yok
 *  - #component -> #ligDrawer / .side-menu-wrapper-mobile--pDIcL scope
 * =================================================================== */

#ligDrawer{
  --neutral-1900:#191c24; --neutral-1800:#222630; --neutral-1700:#2a2f3c;
  --neutral-1500:#3b4254; --neutral-1350:#485065; --neutral-1300:#4c556b;
  --neutral-150:#dbdee6; --white:#fff; --primary-800:#0cc06c;
  --brand:var(--primary-800); --secondary:var(--neutral-1300);
  --text:var(--neutral-150); --light-text:var(--white); --background:var(--neutral-1500);
  font-family:Lexend,sans-serif;
}

/* --- Kapsayici (soldan kayar) --- */
.side-menu-wrapper-mobile--pDIcL{
  background-color:var(--neutral-1800,#222630);
  color:var(--text,#dbdee6);
  box-sizing:border-box; visibility:visible; white-space:normal; z-index:10002;
  flex-direction:column; justify-content:space-between;
  width:320px; max-width:calc(100dvw - 60px); height:100dvh;
  font-size:16px; font-weight:500; line-height:24px;
  transition:left .3s; display:flex; position:fixed; top:0; left:-100%;
}
.side-menu-wrapper-mobile--pDIcL.visible--Xtlec{ left:0; }

/* --- Backdrop --- */
.lig-drawer-backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:10001;
  opacity:0; visibility:hidden; transition:opacity .3s;
}
.lig-drawer-backdrop.open{ opacity:1; visibility:visible; }

/* --- Mobil baslik (logo + kapat) --- */
.mobile-header--EMjHw{ display:none; }
.side-menu-wrapper-mobile--pDIcL .mobile-header--EMjHw{
  justify-content:space-between; align-items:center; padding:16px 16px 0;
  display:flex; position:relative; flex:0 0 auto;
}
.logo-icon--FEKcM{ object-position:left; object-fit:contain; width:150px; height:34px; display:block; }
.lig-drawer-close svg{ width:100%; height:100%; }

/* --- Kaydirilabilir govde (native scroll) --- */
.lig-drawer-scroll{
  flex:1 1 auto; min-height:0; overflow-y:auto; overflow-x:hidden;
  padding:8px 0;
  scrollbar-width:none;        /* Firefox: scrollbar gizli */
  -ms-overflow-style:none;     /* IE/Edge */
}
/* Chrome/Safari/Edge: native scrollbar gizli (gercek sitedeki gibi kaydirma gorunmez) */
.lig-drawer-scroll::-webkit-scrollbar{ display:none; width:0; height:0; }
/* Menu listesi de kendi scrollbar'ini gostermesin (ana CSS'te 4px tanimli) */
#ligDrawer .links--JczuL{ overflow:visible; }
#ligDrawer .links--JczuL::-webkit-scrollbar{ display:none; width:0; }
.content--Pjtrm{ flex-direction:column; justify-content:space-between; gap:8px; padding:8px 16px 0; display:flex; }

/* --- Oturum acmamis basligi --- */
.not-logged-container--Q9hvl{
  border-bottom:1px solid var(--neutral-1500,#3b4254);
  flex-direction:column; justify-content:center; padding:0 16px; margin:8px 0; display:flex;
}
.not-logged-text--NMK4q{ text-overflow:ellipsis; flex-direction:column; align-items:flex-start; width:100%; padding:8px 0; display:flex; overflow:hidden; }
.not-logged-title--KMG65{ letter-spacing:-.01em; text-align:left; text-transform:capitalize; font-size:20px; font-weight:500; line-height:28px; color:var(--light-text,#fff)!important; }
.not-logged-subtitle--r1Yxr{ color:var(--text,#dbdee6); overflow-wrap:break-word; white-space:pre-wrap; }
.not-logged-container-buttons--hNwwW{ align-items:center; gap:8px; padding:10px 0; display:flex; }
.not-logged-container-buttons--hNwwW>button{ flex:1 1 0; min-width:0; }
.not-logged-container-buttons--hNwwW button:last-child{ color:var(--white,#fff); }
.side-menu-wrapper-mobile--pDIcL .btn-login--mr6s0,
.side-menu-wrapper-mobile--pDIcL .btn-join-now--FPvD_{ max-width:none; height:44px; }

/* --- Menu linkleri --- */
.links--JczuL{ display:flex; }
.tab--gXlEQ{
  color:var(--text,#dbdee6); text-transform:capitalize; border-radius:6px;
  align-items:center; gap:12px; height:40px; min-height:40px;
  font-size:14px; font-weight:500; line-height:20px; transition:background .2s; display:flex;
}
.tab--gXlEQ svg{ color:var(--brand,#0cc06c); }
.tab--gXlEQ:hover:not(.active){ background:var(--neutral-1900,#191c24); }
.promo-item--CSc2H{ padding:10px!important; }
.icon-wrapper--sCtgq{ padding-left:10px; display:flex; align-items:center; }

/* --- Footer --- */
.side-menu-footer--VxGTt{
  border-top:1px solid var(--neutral-1500,#3b4254);
  flex-direction:column; flex-shrink:0; justify-content:flex-start; align-items:center;
  gap:8px; max-width:320px; padding:16px; display:flex;
}
.side-bar-language-trigger--Uz4Ub{
  border:1px solid var(--neutral-1350,#485065); color:var(--light-text,#fff);
  background:transparent; border-radius:10px; width:100%; height:43px;
  padding:10px 24px; font-size:14px; font-weight:500; line-height:20px; cursor:pointer;
}
/* Dil butonu icerigi SOLA hizali (gercek site gibi) — #ligDrawer ile ana CSS'i ezer */
#ligDrawer .language-trigger-content--RqZV6{ gap:8px; max-width:100%; justify-content:flex-start; }
#ligDrawer .pui-country-flag{ flex-shrink:0; display:inline-block; overflow:hidden; }
#ligDrawer .pui-country-flag--s{ height:20px; width:20px; min-width:20px; }
#ligDrawer .pui-country-flag--round{ border-radius:50%; }
#ligDrawer .pui-country-flag__image{ object-fit:cover; width:100%; height:100%; display:block; }
.flag--gJ2DU{ flex-shrink:0; }

.controls--zd4AZ{ width:100%; flex-direction:column; align-items:flex-start; gap:10px; display:flex; }
.partners--Rbbtq,.support-button--ZUosQ{
  color:var(--white,#fff); border-radius:10px; width:100%; height:43px;
  padding:0 10px; font-size:14px; font-weight:600;
}
.partners--Rbbtq{ background:var(--neutral-1350,#485065); justify-content:center; align-items:center; display:flex; }
.support-button--ZUosQ{ background:var(--brand,#0cc06c); justify-content:center; align-items:center; gap:12px; display:flex; }
.support-button--ZUosQ svg{ width:100%; height:100%; }

/* --- Sosyal ikonlar (yerel inline SVG) --- */
.social-links-wrapper--hC7Vi{ gap:10px; flex-wrap:wrap; height:auto; display:flex; }
.links-container--Qd03S{ justify-content:space-between; width:100%; }
.social-link--Wr9KV{
  background:var(--neutral-1350,#485065); border-radius:10px;
  justify-content:center; align-items:center; width:36px; min-width:36px; height:36px; display:flex;
}
.social-link--Wr9KV svg{ width:22px; height:22px; color:var(--brand,#0cc06c); fill:var(--brand,#0cc06c); }