/* ===================================================================
 *  assets/site.css  -  Ligobet site eklentileri
 *  Oturum acmis kullanici basligi (chip), profil menusu (dropdown),
 *  giris formu durumlari ve bildirimler. Sitenin kendi koyu-yesil
 *  temasiyla uyumlu, bagimsiz (CDN CSS'inden bagimsiz) calisir.
 * =================================================================== */

:root{
  --lig-green:#0cc06c;        /* --brand / --primary-800 */
  --lig-green-d:#0bad61;      /* --primary-900 */
  --lig-btn:#485065;          /* --neutral-1350 (ikon buton arka plani) */
  --lig-dark-text:#111318;    /* --neutral-2000 (badge yazisi) */
  --lig-bg:#16202e;
  --lig-panel:#1d2937;
  --lig-panel-2:#232f3f;
  --lig-line:rgba(255,255,255,.08);
  --lig-txt:#e7ecf6;
  --lig-muted:#8a97ab;
}

/* ---------- Oturum acmis ust bilgi (chip) — gercek ligobet header ---------- */
.lig-chip-row{display:flex;align-items:center;gap:6px;}
.lig-ico-btn{
  position:relative;display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:8px;border:none;cursor:pointer;
  background:var(--lig-btn);color:#fff;flex:0 0 auto;transition:filter .15s;
}
.lig-ico-btn:hover{filter:brightness(1.12);}
.lig-ico-btn svg{width:19px;height:19px;display:block;}
/* VIP / taç ikonu yeşil (.vip-club-widget color:var(--brand)) */
.lig-ico-vip{color:var(--lig-green);}
.lig-ico-vip svg{width:22px;height:22px;}
/* .counter--oYJl7: yeşil badge, koyu yazı, daire */
.lig-ico-btn .lig-badge{
  position:absolute;top:-5px;right:-5px;min-width:16px;height:15px;padding:0 3px;
  background:var(--lig-green);color:var(--lig-dark-text);border-radius:50%;font-size:10px;font-weight:600;
  display:flex;align-items:center;justify-content:center;line-height:15px;box-sizing:border-box;
}
.lig-balance-pill{
  display:flex;align-items:center;gap:8px;cursor:pointer;font-family:inherit;
  background:var(--lig-btn);border:none;
  border-radius:8px;padding:0 12px 0 5px;color:#fff;
  font-weight:700;font-size:13px;transition:filter .15s;white-space:nowrap;height:40px;
}
.lig-balance-pill:hover{filter:brightness(1.12);}
.lig-avatar{
  width:30px;height:30px;border-radius:50%;flex:0 0 auto;
  background:linear-gradient(135deg,var(--lig-green),var(--lig-green-d));
  display:flex;align-items:center;justify-content:center;color:#fff;
}
.lig-avatar svg{width:17px;height:17px;}

/* Gercek ligobet header ikonlarinin wrapper--vVcrc icinde dogru dolmasi */
.lig-header-cluster .wrapper--vVcrc{display:inline-flex;align-items:center;justify-content:center;}
.lig-header-cluster .wrapper--vVcrc svg{width:100%;height:100%;display:block;}

/* ---------- Profil dropdown ---------- */
.lig-backdrop{
  position:fixed;inset:0;z-index:2147483400;background:rgba(0,0,0,.45);
  opacity:0;visibility:hidden;transition:opacity .18s;
}
.lig-backdrop.open{opacity:1;visibility:visible;}

.lig-drawer{
  position:fixed;top:8px;right:8px;left:8px;z-index:2147483450;
  max-width:380px;margin-left:auto;
  background:var(--lig-panel);border:1px solid var(--lig-line);
  border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.55);
  color:var(--lig-txt);overflow:hidden;
  transform:translateY(-14px);opacity:0;visibility:hidden;
  transition:transform .2s ease,opacity .2s ease;
  max-height:calc(100vh - 16px);overflow-y:auto;
}
.lig-drawer.open{transform:translateY(0);opacity:1;visibility:visible;}
.lig-drawer::-webkit-scrollbar{width:8px;}
.lig-drawer::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:8px;}

.lig-block{padding:14px 16px;border-bottom:1px solid var(--lig-line);}
.lig-user-head{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1f6f30,#0f4d20);}
.lig-user-head .lig-av-lg{
  width:42px;height:42px;border-radius:50%;flex:0 0 auto;background:rgba(255,255,255,.15);
  display:flex;align-items:center;justify-content:center;color:#fff;
}
.lig-user-head .lig-av-lg svg{width:20px;height:20px;}
.lig-user-name{font-weight:800;font-size:16px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lig-user-code{font-size:11px;color:rgba(255,255,255,.7);font-weight:500;margin-top:2px;}
.lig-edit-gear{background:none;border:none;color:rgba(255,255,255,.85);cursor:pointer;padding:6px;border-radius:8px;}
.lig-edit-gear:hover{background:rgba(255,255,255,.12);}
.lig-edit-gear svg{width:20px;height:20px;display:block;}

.lig-promo{display:flex;gap:6px;}
.lig-promo input{
  flex:1;min-width:0;background:var(--lig-panel-2);border:1px solid var(--lig-line);
  border-radius:9px;padding:11px 12px;color:var(--lig-txt);font-size:13px;outline:none;
}
.lig-promo input::placeholder{color:var(--lig-muted);}
.lig-promo button{
  background:rgba(255,255,255,.10);color:var(--lig-txt);border:none;border-radius:9px;
  padding:0 16px;font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap;
}
.lig-promo button:hover{background:rgba(255,255,255,.18);}

.lig-balances{display:flex;flex-direction:column;gap:10px;}
.lig-bal-row{display:flex;align-items:center;justify-content:space-between;}
.lig-bal-row .l{color:var(--lig-muted);font-size:13px;}
.lig-bal-row .v{color:var(--lig-green);font-weight:800;font-size:14px;}

.lig-actions{display:flex;gap:10px;margin-top:14px;}
.lig-btn{
  flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
  border-radius:10px;padding:12px;font-weight:700;font-size:14px;cursor:pointer;
  text-decoration:none;border:1px solid var(--lig-green);transition:filter .15s,background .15s;
}
.lig-btn svg{width:18px;height:18px;}
.lig-btn-ghost{background:transparent;color:var(--lig-green);}
.lig-btn-ghost:hover{background:rgba(22,199,46,.10);}
.lig-btn-green{background:var(--lig-green);color:#04210a;border-color:var(--lig-green);}
.lig-btn-green:hover{filter:brightness(1.07);}

.lig-menu{padding:6px 8px;}
.lig-menu a{
  display:flex;align-items:center;gap:14px;padding:13px 12px;border-radius:10px;
  color:var(--lig-txt);text-decoration:none;font-size:14px;font-weight:500;
}
.lig-menu a:hover{background:rgba(255,255,255,.05);}
.lig-menu a .mi{width:22px;height:22px;flex:0 0 auto;color:var(--lig-green);display:flex;align-items:center;justify-content:center;}
.lig-menu a .mi svg{width:20px;height:20px;}
.lig-menu a .cnt{margin-left:auto;background:var(--lig-green);color:#04210a;font-size:11px;font-weight:800;
  border-radius:9px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 5px;}
.lig-menu a.lig-logout{color:#ff6b78;}
.lig-menu a.lig-logout .mi{color:#ff6b78;}
.lig-menu .lig-sep{height:1px;background:var(--lig-line);margin:6px 8px;}

/* ---------- Giris formu durumlari ---------- */
.lig-form-msg{
  font-size:13px;font-weight:600;border-radius:9px;padding:10px 12px;margin-top:10px;text-align:center;
}
.lig-form-msg.err{background:rgba(255,77,99,.14);color:#ff9aa4;border:1px solid rgba(255,77,99,.3);}
.lig-form-msg.ok{background:rgba(22,199,46,.14);color:#7ef09a;border:1px solid rgba(22,199,46,.3);}

/* ---------- Toast bildirimleri ---------- */
.lig-toast-wrap{position:fixed;left:0;right:0;bottom:84px;z-index:2147483600;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 12px;}
.lig-toast{
  background:#222f3f;color:#fff;border:1px solid var(--lig-line);border-left:4px solid var(--lig-green);
  border-radius:10px;padding:12px 16px;font-size:13.5px;font-weight:600;max-width:420px;width:100%;
  box-shadow:0 12px 30px rgba(0,0,0,.4);opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s;
}
.lig-toast.show{opacity:1;transform:translateY(0);}
.lig-toast.err{border-left-color:#ff4d63;}

/* ---------- Kayit modali: Bonus seçiniz + yeşil linkler (gercek site gibi) ---------- */
.lig-bonus-box{cursor:pointer;}
.lig-bonus-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:none;outline:none;width:100%;cursor:pointer;color:#c3c8d5;font-size:14px;padding:0 8px;line-height:24px;}
.lig-bonus-select option{background:#222630;color:#fff;}
.lig-bonus-chev{margin-left:auto;color:#c3c8d5;display:flex;align-items:center;}
.__skc-modal .link--SCMvA,
.__skc-modal a[href*="genel-kurallar"],
.__skc-modal a[href*="privacy-policy"]{color:#0cc06c!important;}
.__skc-modal .modal-switch-link--DQqR5 span:last-child{color:#0cc06c;cursor:pointer;font-weight:600;}

/* ===================================================================
 *  Gercek ligobet profil menusu (.header-menu--wVfHF) yardimci kurallari
 *  Temel stiller 4326.css'ten gelir; burada yalnizca kirpilmayi onler,
 *  SVG ikonlari yesil yapar ve z-index/menu yerlesimini garanti ederiz.
 * =================================================================== */
.header-right--ln6UR,
.header-right--ln6UR .header--kzjqO,
.lig-header-cluster{overflow:visible!important;}
.header-menu--wVfHF{z-index:2147483400!important;max-height:calc(100vh - 70px);overflow-y:auto;}
/* Mobilde ekran disina tasmasin */
.header-menu--wVfHF{right:0!important;}
/* Menu (SVG) ikonlari marka yesili */
.header-menu--wVfHF .side-menu-icon-back--LpTTw,
.header-menu--wVfHF .icon-container--QAP5w,
.header-menu--wVfHF .edit-icon--x0pPz{color:var(--lig-green);display:flex;align-items:center;justify-content:center;}
.header-menu--wVfHF .edit-icon--x0pPz{margin-left:auto;}
/* Navigasyon satirlari */
.header-menu--wVfHF .nav-menu--GNcLp{display:flex;flex-direction:column;gap:2px;}
.header-menu--wVfHF .menu-element--MPkfj,
.header-menu--wVfHF .logout--NnSOU{
  display:flex;align-items:center;gap:14px;padding:12px 8px;border-radius:8px;
  color:#fff;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;
}
.header-menu--wVfHF .menu-element--MPkfj:hover,
.header-menu--wVfHF .logout--NnSOU:hover{background:rgba(255,255,255,.06);}
.header-menu--wVfHF .logout--NnSOU,
.header-menu--wVfHF .logout--NnSOU .icon-container--QAP5w{color:#ff6b78;}
.header-menu--wVfHF .side-menu-icon-back--LpTTw{width:22px;height:22px;flex:0 0 auto;}
.header-menu--wVfHF .wrapper--vVcrc svg{width:100%;height:100%;}
/* Cekim/Yatirim ikon hizalama */
.header-menu--wVfHF .withdraw--ScfBe .wrapper--vVcrc,
.header-menu--wVfHF .deposit-button--bQRKG .wrapper--vVcrc{display:inline-flex;}

/* ===== Banner carousel — oklar + dokunmatik kaydirma (slick JS olmadan) ===== */
.banner-container--CA0Kt .slick-list{overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
.banner-container--CA0Kt .slick-list::-webkit-scrollbar{display:none;width:0;height:0;}
.banner-container--CA0Kt .slick-track{left:0!important;transform:none!important;}
.banner-container--CA0Kt .slick-slide{scroll-snap-align:start;}
.banner-container--CA0Kt .controls--dmejt .arrow--N3IQR{cursor:pointer;user-select:none;-webkit-user-select:none;}
.banner-container--CA0Kt .controls--dmejt .arrow--N3IQR:hover{filter:brightness(1.25);}