/* GameOfBet mirror — override + eklenmiş etkileşim katmanı CSS */
@import url('fonts/roboto.css?v=2');

/* ============================================================
   İKON FONTLARI — main.css'te @font-face YOK; bu yüzden tüm
   digi_icon-* (BuilderFont) ve category_icon-* (PromotionsIcon)
   glyph'leri 404/boş kare çıkıyordu. Font dosyaları projede mevcut;
   sadece bağlanması gerekiyor. Glyph kodları (content:"\exxx")
   zaten main.css'te tanımlı → tüm ikonlar (header + accountmenu +
   menüler) tek seferde gerçek glyph'lerle render olur. */
@font-face {
  font-family: 'BuilderFont';
  src: url('assets/cdn.gameofbet846.com/fonts/siteIcons/filledIcons/siteIcons.woff2') format('woff2'),
       url('assets/cdn.gameofbet846.com/fonts/siteIcons/filledIcons/siteIcons.woff') format('woff');
  font-weight: normal; font-style: normal; font-display: block;
}
@font-face {
  font-family: 'PromotionsIcon';
  src: url('assets/cdn.gameofbet846.com/fonts/promotionsIcons/filledIcons/promotionsIcon.woff2') format('woff2'),
       url('assets/cdn.gameofbet846.com/fonts/promotionsIcons/filledIcons/promotionsIcon.woff') format('woff');
  font-weight: normal; font-style: normal; font-display: block;
}
/* main.css'te digi_icon font-family'si #component'e scope'lu; global garanti et
   ki header/accountmenu/menü her yerde gerçek glyph render olsun. */
[class^="digi_icon-"]:before, [class*=" digi_icon-"]:before { font-family: 'BuilderFont' !important; }
[class^="category_icon-"]:before, [class*=" category_icon-"]:before { font-family: 'PromotionsIcon' !important; }

/* Üst banner slider — sadece görsel, tıklama yok (kullanıcı isteği) */
.main--slider-top a,
.main--slider-top a:hover,
.main--slider-top a:focus {
  pointer-events: none !important;
  cursor: default !important;
}

/* sport-mobile — BetConstruct Swarm web component kapsayıcısı (boş element).
   Orijinal sınıf: [direction:ltr] text-xs leading-tight [font-family:Roboto,sans-serif] placeholder:text-stone-300 */
sport-mobile {
  display: block;
  direction: ltr;
  font-family: Roboto, sans-serif;
  font-size: 0.75rem;
  line-height: 1.25;
  color: #ffffff;
  min-height: 200px;
  width: 100%;
}
sport-mobile ::placeholder { color: #d6d3d1; }

/* Burger menü paneli — gameofbet1095.com referansı BİREBİR.
   Panel + tipografi main.css'ten geliyor (menu bg #021d24, item #062831,
   font 12px/700, padding 12px 18px). main.css mekanizması .mob-menu-active.

   Kullanıcı isteği: item'lar arasına 12px boşluk. flex-column olan
   mutation bloğuna gap:12px ver; her item'ı tam yuvarlak kart yap
   (gruplu radius yerine), ve gruplu görünümün ayraç çizgilerini kaldır. */
.header-mobile-menu .secondarymenu-block--mutation {
  gap: 12px !important;
}
.header-mobile-menu .secondarymenu-block--mutation-menu {
  border-radius: 12px !important;
  margin: 0 !important;
}
.header-mobile-menu .secondarymenu-block--mutation-menu::after,
.header-mobile-menu .secondarymenu-block--mutation-menu::before {
  display: none !important;
}

/* (Dil seçici chevron artık @font-face ile gerçek BuilderFont glyph'i render
   ediyor; eski CSS-üçgen hack'i kaldırıldı.) */

/* Drawer üst bar — X + Logo + 🇹🇷 TÜRKÇE ⌄ (sticky, scroll'da görünür kalır)
   Kullanıcı spec: bg-teal-950 (#042f2e), min-h-16 (64px) */
.gob-drawer-top { display: flex; align-items: center; padding: 0 16px; background: #042f2e; gap: 10px; position: sticky; top: 0; z-index: 2; min-height: 64px; }
.gob-drawer-close { width: 28px; height: 28px; background: transparent; border: 0; cursor: pointer; color: #ffffff; display: grid; place-items: center; padding: 0; flex-shrink: 0; }
.gob-drawer-close svg { width: 20px; height: 20px; }
.gob-drawer-brand { flex: 1; display: flex; align-items: center; }
.gob-drawer-brand img { height: 24px; width: auto; display: block; }
.gob-drawer-lang { display: flex; align-items: center; gap: 6px; padding: 0; background: transparent; color: #ffffff; font-size: 13px; font-weight: 700; cursor: pointer; flex-shrink: 0; letter-spacing: .3px; }
.gob-drawer-flag { width: auto; height: auto; border-radius: 0; background: transparent; color: inherit; display: inline; font-size: 18px; line-height: 1; }
.gob-drawer-caret { color: #ffffff; opacity: .9; flex-shrink: 0; }

/* Overlay — drawer tam ekran olduğu için transparent kalıyor, sadece touch yakalayıcı */
#gob-mirror-overlay { position: fixed; inset: 0; background: transparent; z-index: 9998; opacity: 0; pointer-events: none; transition: opacity .2s; }
#gob-mirror-overlay.open { opacity: 1; pointer-events: auto; }

/* ============================================================
   AUTH HEADER — orijinal BetConstruct account-block_items__mob markup'ı.
   Tüm görünüm + ikonlar (category_icon-inbox/deposit, digi_icon-user) main.css
   + @font-face'ten geliyor. Burada SADECE: deposit yeşil override (kullanıcının
   verdiği .deposit-btn{background:#45d14b}) + tıklanabilir alan imleci. */
.gob-auth-mob .deposit-btn,
.gob-auth-mob .deposit-btn_bg { background: #45d14b !important; color: #fff !important; }
.gob-auth-mob .deposit-btn:active,
.gob-auth-mob .deposit-btn:hover { background: #3cbf42 !important; }
.gob-auth-mob .account-block_user-select,
.gob-auth-mob .user-menu,
.gob-auth-mob .account-block_item,
.gob-auth-mob .tb--cp { cursor: pointer; }

/* Eski widget — geriye dönük (artık kullanılmıyor) */
.gob-mirror-user { display: inline-flex; align-items: center; }
.gob-mirror-user__btn { display: inline-flex; align-items: center; gap: 6px; padding: 4px 6px; background: transparent; border: 0; cursor: pointer; color: #fff; font: inherit; }
.gob-mirror-user__bal { display: flex; flex-direction: column; align-items: flex-end; padding: 4px 8px; background: #0a3f4c; border-radius: 4px; font-size: 11px; line-height: 1.1; min-width: 72px; }
.gob-mirror-user__amt { font-weight: 700; color: #05db8e; font-size: 13px; }
.gob-mirror-user__lbl { color: #d3d3d3; font-size: 10px; }
.gob-mirror-user__avatar { width: 32px; height: 32px; border-radius: 50%; background: #05db8e; color: #021d24; display: grid; place-items: center; font-weight: 700; font-size: 14px; }

/* Account panel */
#gob-mirror-account { position: fixed; left: 0; right: 0; top: calc(56px + env(safe-area-inset-top, 0)); bottom: 0; background: #021d24; z-index: 9990; transform: translateY(100%); transition: transform .25s ease; display: flex; flex-direction: column; padding-bottom: env(safe-area-inset-bottom, 0); color: #fff; font-family: Roboto, sans-serif; }
#gob-mirror-account.open { transform: translateY(0); }
#gob-mirror-acc-ov { position: fixed; inset: 0; background: rgba(0,0,0,.65); z-index: 9989; opacity: 0; pointer-events: none; transition: opacity .2s; }
#gob-mirror-acc-ov.open { opacity: 1; pointer-events: auto; }
.gob-acc__head { padding: 16px; background: #062831; border-bottom: 1px solid #0a3f4c; }
.gob-acc__user { display: flex; align-items: center; gap: 12px; }
.gob-acc__avatar { width: 44px; height: 44px; border-radius: 50%; background: #05db8e; color: #021d24; display: grid; place-items: center; font-weight: 700; font-size: 18px; }
.gob-acc__name { font-size: 14px; font-weight: 700; }
.gob-acc__id { font-size: 11px; color: #d3d3d3; margin-top: 2px; }
.gob-acc__close { margin-left: auto; width: 32px; height: 32px; background: none; border: 0; color: #fff; font-size: 18px; cursor: pointer; }
.gob-acc__bals { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
.gob-acc__bal { background: #0a3f4c; padding: 10px 12px; border-radius: 8px; }
.gob-acc__bal-lbl { font-size: 10px; color: #d3d3d3; text-transform: uppercase; }
.gob-acc__bal-amt { font-size: 16px; font-weight: 700; color: #05db8e; margin-top: 2px; }
.gob-acc__nav { flex: 1; overflow-y: auto; }
.gob-acc__link { display: flex; align-items: center; gap: 12px; padding: 16px; border-bottom: 1px solid #0a3f4c; font-size: 14px; color: #fff; text-decoration: none; background: none; border-left: 0; border-right: 0; border-top: 0; cursor: pointer; width: 100%; text-align: left; font-family: inherit; }
.gob-acc__chev { margin-left: auto; color: #d3d3d3; }
.gob-acc__logout { color: #ff5050; }

/* Toast */
#gob-mirror-toast { position: fixed; left: 50%; bottom: calc(80px + env(safe-area-inset-bottom, 0)); transform: translateX(-50%) translateY(120%); background: #062831; border-left: 4px solid #05db8e; padding: 12px 16px; border-radius: 6px; max-width: 320px; font-size: 13px; color: #fff; z-index: 10000; box-shadow: 0 6px 20px rgba(0,0,0,.4); transition: transform .25s ease; font-family: Roboto, sans-serif; }
#gob-mirror-toast.open { transform: translateX(-50%) translateY(0); }

/* Body scroll lock placeholder — drawer açıkken */
body.gob-no-scroll { overflow: hidden; }

/* ORIJINAL .burger-btn — canlı siteden recon edilmiş tam spec */
.gob-injected-burger {
  cursor: pointer;
  width: 35px;
  height: 35px;
  position: fixed;
  top: calc(env(safe-area-inset-top, 0) + 17.5px);
  left: 10px;
  transform: translateY(0);
  z-index: 9500;
  display: block;
  background: transparent;
  -webkit-tap-highlight-color: transparent;
}
.gob-injected-burger span {
  opacity: 1;
  position: absolute;
  top: 9px;
  left: 50%;
  margin-left: -9px;
  width: 18px;
  height: 2px;
  background-color: #d3d3d3;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.gob-injected-burger span:before,
.gob-injected-burger span:after {
  content: "";
  position: absolute;
  left: 0;
  width: 18px;
  height: 2px;
  background-color: #d3d3d3;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.gob-injected-burger span:before { top: 6px; }
.gob-injected-burger span:after  { top: -6px; }
@media only screen and (max-width: 375px) {
  .gob-injected-burger { width: 32px; height: 32px; left: 10px; }
}
@media only screen and (min-width: 1024px) {
  .gob-injected-burger { display: none; }
}
body.gob-no-scroll .gob-injected-burger { display: none !important; }

/* POPUP X KAPATMA — sağ üst */
#gob-popup-close {
  position: fixed !important;
  top: calc(env(safe-area-inset-top, 0) + 10px) !important;
  right: 10px !important;
  width: 40px !important;
  height: 40px !important;
  background: rgba(6, 40, 49, 0.85) !important;
  border: 0 !important;
  color: #ffffff !important;
  display: grid !important;
  place-items: center !important;
  z-index: 2147483647 !important;
  cursor: pointer !important;
  padding: 0 !important;
  border-radius: 50% !important;
  -webkit-tap-highlight-color: transparent !important;
  font-family: Roboto, sans-serif !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.5) !important;
}
#gob-popup-close:active { background: rgba(5, 219, 142, 0.25) !important; }
#gob-popup-close svg { pointer-events: none !important; }

/* SPOR SAYFASI — BAKIM ÇALIŞMASI mesajı */
#gob-sport-placeholder {
  margin: 32px 16px;
  padding: 36px 22px 28px;
  background: linear-gradient(135deg, #062831 0%, #0a3f4c 100%);
  border: 1px solid #0a3f4c;
  border-radius: 14px;
  font-family: Roboto, sans-serif;
  color: #fff;
  text-align: center;
}
.gob-sp-ph__icon { font-size: 48px; margin-bottom: 14px; line-height: 1; }
.gob-sp-ph__title { font-size: 18px; font-weight: 900; color: #05db8e; margin: 0 0 12px; letter-spacing: .4px; text-transform: uppercase; }
.gob-sp-ph__desc { font-size: 13px; line-height: 1.6; color: #d3d3d3; margin: 0 0 20px; }
.gob-sp-ph__back {
  display: inline-block; padding: 11px 22px;
  background: #05db8e; color: #021d24;
  border-radius: 999px;
  font-size: 12px; font-weight: 700; text-decoration: none; letter-spacing: .3px;
}
.gob-sp-ph__back:active { filter: brightness(.92); }

/* CANLI DESTEK POPUP */
#gob-support-popup-ov {
  position: fixed; inset: 0;
  background: rgba(0,0,0,.7);
  z-index: 99990;
  opacity: 0; pointer-events: none;
  transition: opacity .2s ease;
}
#gob-support-popup-ov.open { opacity: 1; pointer-events: auto; }

#gob-support-popup {
  position: fixed;
  top: 50%; left: 50%;
  width: calc(100% - 32px);
  max-width: 360px;
  background: #062831;
  border-radius: 14px;
  box-shadow: 0 20px 50px rgba(0,0,0,.6);
  z-index: 99991;
  transform: translate(-50%, -50%) scale(.92);
  opacity: 0;
  transition: opacity .22s ease, transform .22s ease;
  font-family: Roboto, sans-serif;
  padding: 14px 16px 18px;
}
#gob-support-popup.open {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.gob-sp__head {
  display: flex; justify-content: flex-end;
  margin-bottom: 2px;
}
.gob-sp__close {
  width: 28px; height: 28px; padding: 0;
  border: 0; background: transparent;
  color: #d3d3d3; font-size: 22px; line-height: 1;
  cursor: pointer; border-radius: 50%;
}
.gob-sp__close:active { color: #fff; background: rgba(255,255,255,.08); }
.gob-sp__list {
  display: flex; flex-direction: column; gap: 8px;
  margin-bottom: 14px;
}
.gob-sp__item {
  display: flex; align-items: center; justify-content: space-between;
  padding: 13px 16px;
  background: #0a3f4c;
  border: 0;
  border-radius: 8px;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  text-decoration: none;
  cursor: pointer;
  width: 100%; text-align: left;
}
.gob-sp__item:active { background: #0d4f60; }
.gob-sp__icn { font-size: 16px; color: #05db8e; }
.gob-sp__btns {
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
}
.gob-sp__cta {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 14px 12px;
  border-radius: 8px;
  border: 0;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
}
.gob-sp__cta--dark {
  background: #0a3f4c; color: #d3d3d3;
}
.gob-sp__cta--dark:active { background: #0d4f60; }
.gob-sp__cta--accent {
  background: #05db8e; color: #021d24;
}
.gob-sp__cta--accent:active { filter: brightness(.92); }

/* Popup sayfada chat widget'ı ve modal-root close ikonlarını gizle */
body[data-gob-popup="1"] #comm100-iframe,
body[data-gob-popup="1"] [id*="comm100"],
body[data-gob-popup="1"] [id*="chatwindow"],
body[data-gob-popup="1"] iframe[src*="chat"],
body[data-gob-popup="1"] iframe[src*="comm100"] { display: none !important; }
/* Diğer overlay close ikonları popup'ı kapatmasın (gob-accmenu kendi X'i +
   cashier/profil modal X'i .tb--modal-close hariç) */
body[data-gob-popup="1"] #modal-root .digi_icon-close:not(.gob-accmenu *):not(.tb--modal-close *),
body[data-gob-popup="1"] #modal-root [class*="close"]:not(.gob-accmenu__close):not(.gob-accmenu__close-row):not(.tb--modal-close) { pointer-events: none !important; }
/* Modal X (PARA YATIRIMLARI vb.) tıklanabilir — ensurePopupClose handler'ı yakalar */
body[data-gob-popup="1"] #modal-root .tb--modal-close,
body[data-gob-popup="1"] #modal-root .tb--modal-close * { pointer-events: auto !important; cursor: pointer; }
/* gob-accmenu kapatma butonu aktif */
body[data-gob-popup="1"] #modal-root .gob-accmenu__close-row,
body[data-gob-popup="1"] #modal-root .gob-accmenu__close,
body[data-gob-popup="1"] #modal-root .gob-accmenu__close * { pointer-events: auto !important; }

/* Drawer item içindeki link/metin — orijinal item zaten 12px 18px 11px padding veriyor,
   submenu-txt'in kendi padding'i SIFIR olsun (yoksa item şişer). */
.header-mobile-menu .submenu-txt,
.header-mobile-menu .submenu-txt a,
.header-mobile-menu .prom-block_item a,
.header-mobile-menu .secondarymenu-block--mutation-menu a { padding: 0 !important; margin: 0 !important; }

/* Custom element fallback (sport-super-promotions, sport-top-matches) */
sport-super-promotions, sport-top-matches { display: block; }
.gob-mirror-promo-fallback {
  display: block;
  margin: 12px 12px;
  padding: 18px 16px;
  background: linear-gradient(135deg, #062831 0%, #0a3f4c 100%);
  border: 1px solid #0a3f4c;
  border-radius: 12px;
  color: #fff;
  font-family: Roboto, sans-serif;
  text-align: center;
}
.gob-mirror-promo-fallback__icon { font-size: 32px; margin-bottom: 6px; }
.gob-mirror-promo-fallback__title { font-size: 16px; font-weight: 700; color: #05db8e; margin-bottom: 4px; text-transform: uppercase; letter-spacing: .5px; }
.gob-mirror-promo-fallback__desc { font-size: 12px; color: #d3d3d3; margin-bottom: 12px; }
.gob-mirror-promo-fallback__btn { display: inline-block; padding: 10px 18px; background: #05db8e; color: #021d24; border-radius: 999px; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; letter-spacing: .4px; }

.gob-mirror-tm-fallback {
  margin: 8px 12px;
  background: #062831;
  border: 1px solid #0a3f4c;
  border-radius: 10px;
  font-family: Roboto, sans-serif;
  color: #fff;
}
.gob-mirror-tm-fallback__head { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border-bottom: 1px solid #0a3f4c; }
.gob-mirror-tm-fallback__title { font-size: 13px; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: .4px; }
.gob-mirror-tm-fallback__more { font-size: 11px; color: #05db8e; text-decoration: none; font-weight: 700; }
.gob-mirror-tm-fallback__body { padding: 18px 14px; text-align: center; }
.gob-mirror-tm-fallback__row { font-size: 12px; color: #d3d3d3; }

/* ============================================================
   FOOTER MENU BLOCK — kullanıcı spec'i (BetConstruct variables)
   ============================================================ */
.footer-menu-block {
  --background-color-1: #062831;
  --background-color-3: #052027;
  --background-color-6: #021d24;
  --text-color-1: #d3d3d3;
  --text-color-4: #d3d3d3;
  background-color: var(--background-color-6) !important;
  padding: 0 !important;
}
.footer-menu-block.f-row {
  display: flex !important;
  flex-direction: column !important;
}
.footer-menu-block_col {
  display: flex !important;
  flex-direction: column !important;
  border-bottom: 1px solid var(--background-color-3) !important;
  color: var(--text-color-4) !important;
  padding: 0 !important;
}
.footer-menu-block_col:last-child {
  border-bottom: none !important;
}
.footer-menu-block_title {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  color: var(--text-color-4) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 16px 18px !important;
  margin: 0 !important;
  cursor: pointer !important;
  user-select: none !important;
  background-color: var(--background-color-6) !important;
  text-transform: uppercase !important;
  letter-spacing: .3px !important;
}
.footer-menu-block_title a {
  color: var(--text-color-4) !important;
  text-decoration: none !important;
  flex: 1 1 auto !important;
  display: block !important;
}
/* Orijinal BetConstruct icon font'unun digi_icon-arrow_down :before'unu kapat (boş kare gözüküyor) */
.footer-menu-block_title.digi_icon-arrow_down:before,
.footer-menu-block_title:before {
  display: none !important;
  content: "" !important;
}
/* Chevron sağda, kendimiz çiziyoruz */
.footer-menu-block_title:after {
  content: "" !important;
  display: inline-block !important;
  width: 9px !important;
  height: 9px !important;
  border-right: 2px solid var(--text-color-4) !important;
  border-bottom: 2px solid var(--text-color-4) !important;
  transform: rotate(45deg) !important;
  margin: 0 0 4px 8px !important;
  transition: transform .2s ease !important;
  flex: 0 0 auto !important;
}
.footer-menu-block_col.gob-open .footer-menu-block_title:after {
  transform: rotate(-135deg) !important;
  margin: 4px 0 0 8px !important;
}
.footer-submenu {
  display: none !important;
  list-style: none !important;
  padding: 0 18px 16px !important;
  margin: 0 !important;
  background-color: var(--background-color-6) !important;
  line-height: 2 !important;
}
.footer-menu-block_col.gob-open .footer-submenu {
  display: block !important;
}
.footer-submenu li {
  list-style: none !important;
  margin: 0 !important;
}
.footer-submenu a,
.footer-submenu li a {
  color: var(--text-color-1) !important;
  font-size: 12px !important;
  text-decoration: none !important;
  opacity: 0.6 !important;
  transition: opacity .15s ease !important;
  display: block !important;
}
.footer-submenu a:hover,
.footer-submenu li a:hover {
  opacity: 1 !important;
}

@media (min-width: 1024px) {
  .footer-menu-block.f-row {
    flex-direction: row !important;
    justify-content: flex-start !important;
    padding: 24px 0 !important;
  }
  .footer-menu-block_col {
    border-bottom: none !important;
    max-width: 200px !important;
    margin-right: 10% !important;
    flex: 0 0 auto !important;
  }
  .footer-menu-block_col:last-child {
    margin-right: 0 !important;
  }
  .footer-menu-block_title {
    flex-direction: row !important;
    justify-content: flex-start !important;
    padding: 0 0 12px !important;
    cursor: default !important;
    background-color: transparent !important;
  }
  .footer-menu-block_title:after {
    display: none !important;
  }
  .footer-submenu {
    display: block !important;
    padding: 0 !important;
    background-color: transparent !important;
  }
}

/* ============================================================
   AUTH FORM (login / registration) — popup-style centered card
   ============================================================ */
.gob-auth-page {
  min-height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 40px 16px 80px;
  background: #022c22;
  font-family: Roboto, sans-serif;
}
.gob-auth-card {
  width: 100%;
  max-width: 380px;
  background: #042f2e;
  border-radius: 16px;
  padding: 24px 20px 28px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .35);
}
.gob-auth-card__head {
  text-align: center;
  margin-bottom: 22px;
}
.gob-auth-card__logo {
  width: 140px;
  height: auto;
  margin: 0 auto 12px;
  display: block;
}
.gob-auth-card__title {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  margin: 6px 0 4px;
}
.gob-auth-card__sub {
  color: #d4d4d4;
  font-size: 12px;
  opacity: .75;
}
.gob-auth-tabs {
  display: flex;
  background: #022c22;
  border-radius: 999px;
  padding: 4px;
  margin-bottom: 18px;
}
.gob-auth-tabs a {
  flex: 1 1 50%;
  text-align: center;
  padding: 9px 0;
  font-size: 13px;
  font-weight: 700;
  color: #d4d4d4;
  text-decoration: none;
  border-radius: 999px;
  transition: background .2s, color .2s;
}
.gob-auth-tabs a.active {
  background: #08db8e;
  color: #021d24;
}
.gob-auth-field {
  margin-bottom: 12px;
}
.gob-auth-field label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: #d4d4d4;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: .4px;
}
.gob-auth-field input {
  width: 100%;
  background: #022c22;
  border: 1px solid #0a3f3a;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 14px;
  color: #ffffff;
  font-family: Roboto, sans-serif;
  outline: none;
  transition: border-color .15s;
}
.gob-auth-field input::placeholder { color: #6b8a87; }
.gob-auth-field input:focus { border-color: #08db8e; }
.gob-auth-field--with-eye { position: relative; }
.gob-auth-field--with-eye .gob-eye {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  color: #6b8a87;
  display: grid;
  place-items: center;
}
.gob-auth-field--with-eye input { padding-right: 40px; }
.gob-auth-field--with-eye .gob-eye svg { width: 18px; height: 18px; }
.gob-auth-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #d4d4d4;
  margin: 6px 0 16px;
}
.gob-auth-row label {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.gob-auth-row a {
  color: #08db8e;
  text-decoration: none;
  font-weight: 700;
}
.gob-auth-submit {
  display: block;
  width: 100%;
  background: #08db8e;
  color: #021d24;
  border: 0;
  border-radius: 10px;
  padding: 14px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: .5px;
  transition: background .15s;
  font-family: Roboto, sans-serif;
}
.gob-auth-submit:hover { background: #06c47e; }
.gob-auth-foot {
  text-align: center;
  font-size: 12px;
  color: #d4d4d4;
  margin-top: 16px;
}
.gob-auth-foot a {
  color: #08db8e;
  text-decoration: none;
  font-weight: 700;
}

/* ============================================================
   SOSYAL MEDYA İKONLARI — BetConstruct icon font yüklenmediği için inline SVG
   ============================================================ */
.socials-block_holder { display: flex !important; justify-content: center !important; gap: 14px !important; padding: 14px 0 !important; }
.socials_widget-item { display: inline-block !important; }
.socials-block_icon {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  text-decoration: none !important;
}
.social-icon {
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  opacity: .85 !important;
  transition: opacity .15s !important;
}
.social-icon::before { content: "" !important; display: none !important; }
.socials-block_icon:hover .social-icon { opacity: 1 !important; }

.social-icon.category_icon-twitter {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d4d4d4'%3E%3Cpath d='M18.244 2H21l-6.52 7.45L22 22h-6.99l-5.47-7.16L3.2 22H.444l6.97-7.96L0 2h7.16l4.94 6.53L18.244 2zm-1.22 18h1.82L7.06 4H5.13l11.894 16z'/%3E%3C/svg%3E") !important;
}
.social-icon.category_icon-youtube {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d4d4d4'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E") !important;
}
.social-icon.category_icon-instagram {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d4d4d4'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z'/%3E%3C/svg%3E") !important;
}
.social-icon.category_icon-telegram {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d4d4d4'%3E%3Cpath d='M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.466.141a.51.51 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z'/%3E%3C/svg%3E") !important;
}
.social-icon.category_icon-whatsapp {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d4d4d4'%3E%3Cpath d='M.057 24l1.687-6.163a11.867 11.867 0 0 1-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.817 11.817 0 0 1 8.413 3.488 11.824 11.824 0 0 1 3.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 0 1-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.711.307 1.265.49 1.697.628.713.226 1.361.194 1.874.118.572-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z'/%3E%3C/svg%3E") !important;
}

/* ============================================================
   DİL DROPDOWN (lang-area) — chevron ok ekle
   ============================================================ */
.lang-area-mobile { position: relative; }
.lang-area_holder.digi_icon-arrow_down:before,
.lang-area .digi_icon-arrow_down:before { display: none !important; content: "" !important; }
.lang-area_holder:after,
.footer .lang-area_holder:after {
  content: "" !important;
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid #d4d4d4 !important;
  border-bottom: 2px solid #d4d4d4 !important;
  transform: rotate(45deg) !important;
  margin: 0 0 4px 8px !important;
  vertical-align: middle !important;
}

/* Footer TR bayrak (tb--lang.tr) — orijinal stillerde yoksa fallback emoji */
.tb--lang.tr {
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23E30A17'/%3E%3Ccircle cx='11' cy='10' r='5' fill='%23fff'/%3E%3Ccircle cx='12.5' cy='10' r='4' fill='%23E30A17'/%3E%3Cpolygon fill='%23fff' points='17.5,7 17,9.5 19,8.5 17,9.5 17.5,12 16,10 14,11 15.5,9 14,7 16,8'/%3E%3C/svg%3E") center/contain no-repeat !important;
  vertical-align: middle !important;
  border-radius: 50% !important;
}

/* ============================================================
   AUTH POPUP — orijinal BetConstruct stilinde modal (login/registration)
   Üstte başlık + X, "SINIRSIZ ÇEKİM İMKANI" banner, etiketli input'lar
   ============================================================ */
.gob-auth-page {
  min-height: 100vh;
  display: block;
  padding: 0;
  background: #021d24;
  font-family: Roboto, sans-serif;
}
.gob-auth-card,
.gob-auth-page .gob-auth-card {
  width: 100%;
  max-width: 100%;
  background: #021d24;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}

/* Üst başlık çubuğu (GİRİŞ / ÜYE KAYDI + X) */
.gob-auth-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 12px;
  background: #021d24;
  border-bottom: 1px solid #0a3f4c;
  text-align: left;
  margin-bottom: 0;
}
.gob-auth-card__head .gob-auth-card__title {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
}
.gob-auth-card__head .gob-auth-card__sub { display: none; }
.gob-auth-card__head .gob-auth-card__logo { display: none; }
.gob-auth-card__close {
  width: 28px;
  height: 28px;
  background: none;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  padding: 0;
  display: grid;
  place-items: center;
}
.gob-auth-card__close svg { width: 18px; height: 18px; }

/* "SINIRSIZ ÇEKİM İMKANI" banner — orijinal popup-banner görseli */
.popup-banner {
  padding: 16px;
  background: #052027;
}
.popup-banner_inner {
  border-radius: 12px;
  height: 90px;
  overflow: hidden;
  display: block;
}
.popup-banner_inner img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

/* Form row genel layout */
.tb--reg-form { padding: 0 16px 16px; background: #062831; }
.tb--reg-body { display: flex; flex-direction: column; gap: 0; }
.tb--reg-body .tb--col-4 { max-width: 100%; width: 100%; }
.tb--input-group { display: flex; flex-direction: column; margin-bottom: 14px; }
.tb--input-group .tb--lbl {
  font-size: 12px;
  color: #ffffff;
  margin: 4px 0 6px;
  line-height: 1.2;
  display: inline-block;
  white-space: normal;
  height: auto;
}
.tb--input-group .tb--lbl span { color: #ff6b6b; }
.tb--input {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  background: #052027;
  color: #ffffff;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  outline: none;
  transition: border-color .15s;
}
.tb--input::placeholder { color: rgba(255, 255, 255, 0.5); }
.tb--input:focus { border-color: #08db8e; }
.tb--reg-footer { padding: 8px 16px 24px; background: #062831; display: flex; flex-direction: column; gap: 12px; }
.btn-primary__popup.submit-button {
  background: linear-gradient(180deg, #08db8e 0%, #06b878 100%);
  color: #021d24;
  border: 0;
  border-radius: 14px;
  height: 44px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .7px;
  cursor: pointer;
  width: 100%;
  font-family: Roboto, sans-serif;
}
.tb--action-buton_text {
  text-align: center;
  font-size: 13px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  gap: 6px;
}
.tb--action-buton_text .btn-text__popup {
  background: transparent;
  border: 0;
  color: #08db8e;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  padding: 0;
}
/* Modal header */
.tb--modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  background: #052027;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.tb--modal-header-txt {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.tb--modal-close {
  width: 28px;
  height: 28px;
  background: none;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  display: grid;
  place-items: center;
  padding: 0;
}
.tb--modal-close svg { width: 18px; height: 18px; }
.tb--modal-lvl3 {
  background: #052027;
  min-height: 100vh;
}

/* Tab'ları popup'ta gizle (header'da zaten başlık var) */
.gob-auth-card .gob-auth-tabs { display: none; }

/* Form alanları — orijinal: label sol-üst, input full-width koyu arka plan */
.gob-auth-card form {
  padding: 0 16px 24px;
}
.gob-auth-field {
  margin-bottom: 14px;
}
.gob-auth-field label {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 6px;
  text-transform: none;
  letter-spacing: 0;
}
.gob-auth-field label::after {
  content: " *";
  color: #ff6b6b;
}
.gob-auth-field input {
  width: 100%;
  background: #021d24;
  border: 1px solid #1f4a48;
  border-radius: 8px;
  padding: 13px 14px;
  font-size: 13px;
  color: #ffffff;
  font-family: Roboto, sans-serif;
  outline: none;
  transition: border-color .15s;
}
.gob-auth-field input::placeholder { color: #6b8a87; opacity: 1; }
.gob-auth-field input:focus { border-color: #08db8e; }
.gob-auth-field--with-eye { position: relative; }
.gob-auth-field--with-eye input { padding-right: 40px; }
.gob-auth-field--with-eye .gob-eye {
  position: absolute;
  right: 10px;
  top: 32px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  color: #6b8a87;
}
.gob-auth-field--with-eye .gob-eye svg { width: 20px; height: 20px; }

/* "Beni hatırla" + "Şifremi unuttum" satırı */
.gob-auth-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #d4d4d4;
  margin: 8px 0 16px;
}
.gob-auth-row label {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.gob-auth-row a {
  color: #08db8e;
  text-decoration: underline;
  font-weight: 400;
}

/* Submit butonu (yeşil pill) */
.gob-auth-submit {
  display: block;
  width: 100%;
  background: linear-gradient(180deg, #08db8e 0%, #06b878 100%);
  color: #021d24;
  border: 0;
  border-radius: 999px;
  padding: 14px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: opacity .15s;
  font-family: Roboto, sans-serif;
  margin-top: 6px;
}
.gob-auth-submit:hover { opacity: .92; }

/* "Şifremi unuttum" + "Üye Ol" satırları (form altı) */
.gob-auth-foot {
  text-align: center;
  font-size: 12px;
  color: #d4d4d4;
  margin-top: 12px;
}
.gob-auth-foot a {
  color: #08db8e;
  text-decoration: underline;
  font-weight: 400;
}
.gob-auth-foot--top {
  margin-top: 14px;
}

/* ============================================================
   LOGIN POPUP — orijinal modal yapı (tb--modal-popup tb--login-form)
   ============================================================ */
.tb--modal-popup.tb--login-form {
  width: 100%;
  margin: 0 auto;
  background: #052027;
  min-height: 100vh;
}
.tb--login-form .tb--modal-body {
  background-color: #062831;
  padding: 24px 16px 16px;
}
.tb--login-form .tb--input-group .tb--lbl {
  font-size: 12px;
  color: #ffffff;
  height: auto;
  line-height: 1.4;
  margin-bottom: 6px;
  white-space: normal;
}
.tb--login-form .tb--input-group .tb--lbl span { color: #ff6b6b; }
.tb--login-form .tb--input {
  height: 44px;
  background: #052027;
  color: #ffffff;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 0 14px;
  font-size: 14px;
  width: 100%;
}
.tb--login-form .tb--input::placeholder { color: rgba(255,255,255,.5); }
.tb--login-form .tb--input:focus { border-color: #08db8e; outline: none; }

/* Footer: submit + forgot password + register link */
.tb--modal-login_footer {
  padding: 0 16px 24px;
  background: #062831;
  text-align: center;
}
.tb--modal-login_footer .submit-button.btn-primary__popup {
  background: linear-gradient(180deg, #08db8e 0%, #06b878 100%);
  color: #021d24;
  border: 0;
  border-radius: 14px;
  height: 44px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .7px;
  cursor: pointer;
  width: 100%;
  font-family: Roboto, sans-serif;
  margin-bottom: 16px;
}
.tb--modal-login_footer .tb--btn-forgot-password {
  color: #08db8e;
  opacity: .85;
  font-size: 12px;
  text-decoration: underline;
  display: inline-block;
  margin: 4px 0 16px;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 4px 7px;
}
.tb--modal-login_footer .tb--btn-forgot-password:hover { opacity: 1; }
.tb--modal-login_footer .tb--action-buton_text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #ffffff;
  margin: 12px 0 0;
}
.tb--modal-login_footer .tb--action-buton_text .tb--registration-link {
  color: #08db8e;
  font-weight: 700;
  text-decoration: none;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}

/* ============================================================
   AUTH MODAL LEVEL CONTAINERS — spec eksik detayları
   ============================================================ */
/* Overlay backdrop (desktop'ta görünür) */
.tb--modal-lvl1 {
  z-index: 9999;
  position: fixed;
  inset: 0;
  background: var(--modal-bg-color-1, #052027);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.tb--modal-lvl2 {
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-height: 100%;
}
.tb--modal-lvl3 {
  width: 100%;
  background: #052027;
}
@media (min-width: 1024px) {
  .tb--modal-lvl1 { position: fixed; background: #000c; }
  .tb--modal-lvl2 { align-items: center; min-height: 100vh; }
  .tb--modal-lvl3 { width: auto; padding: 24px; background: transparent; }
  .tb--modal-popup.tb--login-form { width: 360px; min-height: 460px; border-radius: 16px; }
  .tb--modal-popup.tb--login-form .tb--body-panel { border-radius: 16px 16px 0 0; }
}

/* Modal-header alt 1px border (opacity .1) — orijinal spec */
.tb--modal-popup .tb--modal-header { position: relative; }
.tb--modal-popup .tb--modal-header::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ffffff;
  opacity: 0.1;
}

/* Mobile sticky modal-header (top bar her zaman görünür) */
@media (max-width: 1023.9px) {
  .tb--modal-popup .tb--modal-header {
    position: sticky;
    top: 0;
    z-index: 999;
    min-height: 56px;
  }
}

/* Form input mobile yüksekliği 44px */
@media (max-width: 1023.9px) {
  .tb--login-form .tb--input { height: 44px; }
}

/* ============================================================
   AUTH MODAL — orijinal @layer inherited CSS değişkenleri
   (#component scope'unda; spec'teki tüm var'ları kapsar)
   ============================================================ */
#component {
  --error-color: #f02849;
  --white-color: #fff;
  --input-radius-top-left: 8px;
  --input-radius-top-right: 8px;
  --input-radius-bottom-right: 8px;
  --input-radius-bottom-left: 8px;
  --btn-radius-top-left: 14px;
  --btn-radius-top-right: 14px;
  --btn-radius-bottom-right: 14px;
  --btn-radius-bottom-left: 14px;
  --modal-text-color-1: #ffffff;
  --modal-text-color-2: #ffffff;
  --modal-text-color-3: #dddddd;
  --modal-bg-color-1: #052027;
  --modal-bg-color-2: #062831;
  --font-family-1: "Roboto", sans-serif;
  --background-color-1: #062831;
  --background-gradient-1: none;
  --brand-gradient-1: none;
  --brand-color-1: #08db8e;
  --brand-color-2: #ffffff;
  --brand-color-text: #000000;
  font-family: var(--font-family-1);
}

/* ============================================================
   MOBILE-NAV — sticky bottom 56px, içerikleri kapsamasını engelle
   header.php mobile-nav'ı uygun şekilde kapatmıyor; CSS ile fixe.
   ============================================================ */
.tb--mobile-nav {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 56px !important;
  background: #052027 !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
  z-index: 100 !important;
  padding-bottom: env(safe-area-inset-bottom, 0) !important;
  overflow: hidden !important;
}
.tb--mobile-nav .mobile-nav_list {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  height: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  bottom: auto !important;
}
.tb--mobile-nav .mobile-nav_list > li {
  flex: 1 1 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  list-style: none !important;
}
.tb--mobile-nav .mobile-nav_item-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  color: #c7d4d7 !important;
  text-decoration: none !important;
  font-size: 11px !important;
  gap: 2px !important;
}
.tb--mobile-nav .mobile-nav_item-inner .tb--upload-icon { font-size: 18px; }
/* body alt boşluk — sticky nav içeriği kapatmasın */
body { padding-bottom: 56px; }

/* İşlem Geçmişi: paid (yeşil = onaylandı) + rejected (kırmızı) status renkleri
   (main.css'te sadece paypanding sarısı var; bizim DB approved/rejected için) */
.tb--status.tb--status-paid { color: #16c72e; }
.tb--status.tb--status-paid:after { background-color: #16c72e; }
.tb--status.tb--status-rejected { color: #ff4d63; }
.tb--status.tb--status-rejected:after { background-color: #ff4d63; }

/* SADECE giriş ("Giriş") + üye kaydı ("Sonraki") popup submit butonu metnini ortala.
   input[type=submit] + .btn{display:flex} value'yu sola atıyor; bu iki butona özel
   display:block + text-align:center. Başka butona (profil Güncelleme vb.) DOKUNMAZ. */
.tb--login-form input.submit-button,
.tb--reg-form input.submit-button {
  display: block !important;
  text-align: center !important;     /* yatay ortala */
  padding-top: 0 !important;         /* dikey: padding 10px metni aşağı itiyordu; */
  padding-bottom: 0 !important;      /* sıfırla → line-height(44)=height(44) ile tam dikey ortalanır */
}

/* Login/registration popup'ta GİRİŞ başlık çubuğunun ÜSTÜNDEKİ fazla boşluğu azalt.
   main.css mobilde .tb--modal-lvl3{padding-top:56px} veriyor (popup-to-page header'ı için);
   login/registration'da lvl3'ün id="component"'i var (diğer sayfalarda #component lvl3 DEĞİL),
   o yüzden #component.tb--modal-lvl3 ile sadece bu iki popup'ı hedefliyoruz. */
#component.tb--modal-lvl3 {
  padding-top: 10px !important;
}
body[data-gob-popup="1"] { padding-bottom: 0 !important; }

/* Canlı Casino bakım uyarı banner'ı (mirror.js bindLiveCasinoMaintenance) */
#gob-live-maint {
  margin: 12px; border-radius: 14px; position: relative; z-index: 5;
  background: linear-gradient(135deg, rgba(8,219,142,.14), rgba(10,63,76,.5));
  border: 1px solid rgba(8,219,142,.3);
}
#gob-live-maint .gob-lm__in { display: flex; align-items: center; gap: 12px; padding: 14px 16px; }
#gob-live-maint .gob-lm__ic { flex-shrink: 0; width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(8,219,142,.16); color: #08db8e; }
#gob-live-maint .gob-lm__tx { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
#gob-live-maint .gob-lm__tx b { color: #fff; font-size: 14px; font-weight: 700; }
#gob-live-maint .gob-lm__tx span { color: #9fc7bd; font-size: 12.5px; line-height: 1.45; }

/* Spor Bahisleri planlı bakım overlay'i (mirror.js bindSportMaintenance) */
#gob-sport-maint { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 24px; background: radial-gradient(120% 80% at 50% 0, #06323a, #04232c 55%, #021016); }
#gob-sport-maint .gob-sm__card { max-width: 360px; text-align: center; }
#gob-sport-maint .gob-sm__logo { height: 30px; width: auto; margin: 0 auto 26px; display: block; object-fit: contain; }
#gob-sport-maint .gob-sm__ic { width: 72px; height: 72px; border-radius: 20px; margin: 0 auto 18px; display: flex; align-items: center; justify-content: center; background: rgba(8,219,142,.12); }
#gob-sport-maint h2 { color: #fff; font-size: 20px; font-weight: 800; margin: 0 0 10px; line-height: 1.25; }
#gob-sport-maint p { color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.6; margin: 0 0 22px; }
#gob-sport-maint .gob-sm__b { display: flex; flex-direction: column; gap: 10px; }
#gob-sport-maint .gob-sm__btn { height: 46px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14.5px; text-decoration: none; background: linear-gradient(180deg, #15e89a, #08db8e); color: #022017; }
#gob-sport-maint .gob-sm__btn--ghost { background: rgba(255,255,255,.07); color: #fff; border: 1px solid rgba(255,255,255,.14); }

/* Ana sayfa "Canlı Casino" bölümü bakım kartı (mirror.js bindHomeCasinoMaintenance) */
#gob-casino-maint { margin: 8px 12px 18px; border-radius: 14px; background: linear-gradient(135deg, rgba(8,219,142,.12), rgba(10,63,76,.5)); border: 1px solid rgba(8,219,142,.28); }
#gob-casino-maint .gob-cm__in { display: flex; align-items: center; gap: 12px; padding: 16px; }
#gob-casino-maint .gob-cm__ic { flex-shrink: 0; width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(8,219,142,.16); color: #08db8e; }
#gob-casino-maint .gob-cm__tx { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
#gob-casino-maint .gob-cm__tx b { color: #fff; font-size: 14.5px; font-weight: 700; }
#gob-casino-maint .gob-cm__tx span { color: #9fc7bd; font-size: 12.5px; line-height: 1.5; }

/* Slick center-mode kartlarındaki KARARTIYI kaldır (yan kartlar opacity:.5 idi → tam parlak).
   Boyut vurgusu (scale) korunur; sadece sönükleştirme/karartı kalkar. */
.slick-slider.center .slick-slide,
.slick-slider.center .slick-slide.slick-cloned,
.slick-slider.center .slick-slide[aria-hidden="true"] { opacity: 1 !important; }

/* ============================================================
   SLICK SLIDER — center-mode (orijinal spec):
   - default: opacity .5 + scale(.84)
   - .slick-current: opacity 1 + scale(1) (öne çıkan kart bir tık büyür)
   ============================================================ */
.slick-slider.center .slick-slide {
  opacity: 0.5 !important;
  filter: none !important;
  transform: scale(0.84);
  transform-origin: 50%;
  transition: transform .3s ease, opacity .3s ease !important;
  padding: 0 !important;
}
.slick-slider.center .slick-slide.slick-current,
.slick-slider.center .slick-slide.slick-active.slick-current,
.slick-slider.center .slick-slide.slick-center {
  opacity: 1 !important;
  transform: scale(1);
  z-index: 55;
  position: relative;
}
.slick-slider.center img {
  border-radius: 10px;
}
.l0--placeholder6 .slick-slider.center .slick-list,
.l0--placeholder5 .slick-slider.center .slick-list,
.l0--placeholder10 .slick-slider.center .slick-list {
  margin: 16px 0 2px;
}
/* Non-center mode slider'lar (sadece slick-active, center yoksa): görünenler net */
.slick-slider:not(.center) .slick-slide.slick-active {
  opacity: 1 !important;
}
/* Üst banner slider (top-banner) — tüm slide'lar net, fade ve scale yok */
.main--slider-top .slick-slider.center .slick-slide,
.main--slider-top .slick-slide { opacity: 1 !important; transform: none !important; }

/* ============================================================
   SAGLAYICILAR (providers-block) — yatay scrolling sprite ikonlar
   ============================================================ */
.providers-block {
  width: 100%;
  max-width: 100%;
  padding: 16px 0 8px;
  --background-color-3: #052027;
  --background-color-6: #021d24;
  --background-color-1: #062831;
  --background-gradient-3: none;
  --brand-color-1: #08db8e;
}
.providers-block .footer_controls_title {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  color: #d3d3d3 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  margin: 0 16px 18px !important;
  font-weight: 400 !important;
}
.providers-block .footer_controls_title::before,
.providers-block .footer_controls_title::after {
  content: "" !important;
  flex: 1 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
  margin: auto !important;
}
.providers-block .footer_controls_title::before { margin-right: 16px !important; }
.providers-block .footer_controls_title::after  { margin-left: 16px !important; }

.providers-scrolling-style { overflow: hidden; }
.providers-scrolling {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  padding: 0 16px;
}
.providers-scrolling::-webkit-scrollbar { display: none !important; }

.providers-list {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: max-content !important;
  margin: 0 auto !important;
  gap: 8px !important;
}

.providers-block_item {
  position: relative !important;
  min-width: 100px !important;
  max-width: 120px !important;
  width: 100px !important;
  height: 64px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 4px !important;
  background-color: var(--background-color-3) !important;
}

.providers-block_item .socials-block_icon {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: transparent !important;
  transition: transform 0.3s ease !important;
}
.providers-block_item:hover .socials-block_icon {
  transform: translateY(-50%) !important;
}

.providers-block_item .providers-list_item {
  display: block !important;
  width: 100px !important;
  height: 64px !important;
  margin: 0 auto !important;
  background-color: var(--background-color-3) !important;
  border-radius: 4px !important;
}
.providers-block_item .providers--sprite {
  display: block !important;
  width: 100px !important;
  max-width: 100% !important;
  height: 64px !important;
  background-repeat: no-repeat !important;
  margin: 0 auto !important;
}

/* Sprite BW + COL positions */
.icon-ic_provider_egt_bw                    { background-position: 0      0      !important; }
.icon-ic_provider_egt_col                   { background-position: -100px 0      !important; }
.icon-ic_provider_betgames_bw               { background-position: 0      -64px  !important; }
.icon-ic_provider_betgames_col              { background-position: -100px -64px  !important; }
.icon-ic_provider_1x2_bw                    { background-position: 0      -128px !important; }
.icon-ic_provider_1x2_col                   { background-position: -100px -128px !important; }
.icon-ic_provider_tvbet_bw                  { background-position: 0      -192px !important; }
.icon-ic_provider_tvbet_col                 { background-position: -100px -192px !important; }
.icon-ic_provider_felixgaming_bw            { background-position: 0      -256px !important; }
.icon-ic_provider_felixgaming_col           { background-position: -100px -256px !important; }
.icon-ic_provider_atmosfera_bw              { background-position: 0      -320px !important; }
.icon-ic_provider_atmosfera_col             { background-position: -100px -320px !important; }
.icon-ic_provider_fugaso_bw                 { background-position: 0      -384px !important; }
.icon-ic_provider_fugaso_col                { background-position: -100px -384px !important; }
.icon-ic_provider_habanero_bw               { background-position: 0      -448px !important; }
.icon-ic_provider_habanero_col              { background-position: -100px -448px !important; }
.icon-ic_provider_luckystreak_bw            { background-position: 0      -512px !important; }
.icon-ic_provider_luckystreak_col           { background-position: -100px -512px !important; }
.icon-ic_provider_belatra_bw                { background-position: 0      -576px !important; }
.icon-ic_provider_belatra_col               { background-position: -100px -576px !important; }
.icon-ic_provider_ezugioriginal_bw          { background-position: 0      -704px !important; }
.icon-ic_provider_ezugioriginal_col         { background-position: -100px -704px !important; }
.icon-ic_provider_wazdan_bw                 { background-position: 0      -768px !important; }
.icon-ic_provider_wazdan_col                { background-position: -100px -768px !important; }
.icon-ic_provider_playson_bw                { background-position: 0      -1152px !important; }
.icon-ic_provider_playson_col               { background-position: -100px -1152px !important; }
.icon-ic_provider_tomhorn_bw                { background-position: 0      -1216px !important; }
.icon-ic_provider_tomhorn_col               { background-position: -100px -1216px !important; }
.icon-ic_provider_gameart_bw                { background-position: 0      -1280px !important; }
.icon-ic_provider_gameart_col               { background-position: -100px -1280px !important; }
.icon-ic_provider_spadegaming_bw            { background-position: 0      -1344px !important; }
.icon-ic_provider_spadegaming_col           { background-position: -100px -1344px !important; }
.icon-ic_provider_platipus_bw               { background-position: 0      -1408px !important; }
.icon-ic_provider_platipus_col              { background-position: -100px -1408px !important; }
.icon-ic_provider_betsolutions_bw           { background-position: 0      -1472px !important; }
.icon-ic_provider_betsolutions_col          { background-position: -100px -1472px !important; }
.icon-ic_provider_softswiss_bw              { background-position: 0      -1536px !important; }
.icon-ic_provider_softswiss_col             { background-position: -100px -1536px !important; }
.icon-ic_provider_asiagaming_bw             { background-position: 0      -1600px !important; }
.icon-ic_provider_asiagaming_col            { background-position: -100px -1600px !important; }
.icon-ic_provider_inbet_bw                  { background-position: 0      -1728px !important; }
.icon-ic_provider_inbet_col                 { background-position: -100px -1728px !important; }
.icon-ic_provider_onetouch_bw               { background-position: 0      -1792px !important; }
.icon-ic_provider_onetouch_col              { background-position: -100px -1792px !important; }
.icon-ic_provider_pragmatic_bw              { background-position: 0      -1856px !important; }
.icon-ic_provider_pragmatic_col             { background-position: -100px -1856px !important; }
.icon-ic_provider_endorphinaoriginal_bw     { background-position: 0      -1920px !important; }
.icon-ic_provider_endorphinaoriginal_col    { background-position: -100px -1920px !important; }
.icon-ic_provider_evolution-shared_bw       { background-position: 0      -2176px !important; }
.icon-ic_provider_evolution-shared_col      { background-position: -100px -2176px !important; }
.icon-ic_provider_digitainvirtualsport_bw   { background-position: 0      0      !important; }
.icon-ic_provider_digitainvirtualsport_col  { background-position: -100px 0      !important; }
.icon-ic_provider_nolimitcity_bw            { background-position: 0      -4032px !important; }
.icon-ic_provider_nolimitcity_col           { background-position: -100px -4032px !important; }

/* Sprite global background-image override (inline style'daki yanlis URL'i ezer) */
.providers--sprite[class*="icon-ic_provider"] {
  background-image: url("assets/cdn.gameofbet846.com/cdn/static/2f479dc2-3f24-4195-ab09-5d55b153b8b9/img/sprite/providers_sprite.png") !important;
}
/* ============================================================
   PROFILE POPUP MODALS (BetConstruct tb--modal-account family)
   accountmenu / cashier / withdrawal / myprofile / transaction / gamehistory
   ============================================================ */

/* popup PHP main wrapper — boş arka plan, modal full screen */
.gob-popup-main {
  min-height: calc(100vh - 56px);
  background: #021d24;
  position: relative;
}

/* Popup mode — minimal layout */
body[data-gob-popup="1"] { background: #021d24 !important; margin: 0; padding: 0; }
body[data-gob-popup-mini="1"] .gob-popup-main {
  background: #021d24 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: calc(100vh - 56px);
}
body[data-gob-popup="1"] #gob-popup-close { display: none !important; }

/* Profile modal root yapısı */
.gob-popup-main #modal-root,
.gob-popup-main .tb--modal-lvl1 {
  position: relative;
  inset: auto;
  background: transparent;
  min-height: calc(100vh - 56px);
}
.gob-popup-main .tb--modal-lvl2 {
  display: block;
  min-height: calc(100vh - 56px);
}
.gob-popup-main .tb--modal-lvl3 {
  width: 100%;
  background: #021d24;
  padding: 0;
  min-height: calc(100vh - 56px);
}

/* Modal account container */
.tb--modal-account,
.tb--my-profile {
  width: 100%;
  min-height: calc(100vh - 56px);
  background: #021d24;
  color: #fff;
  font-family: Roboto, sans-serif;
  display: flex;
  flex-direction: column;
}

/* Mobile header (mobile-only) — relative, not fixed */
.tb--modal-header,
.tb--modal-account .tb--modal-header,
.tb--my-profile .tb--modal-header {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  height: 48px !important;
  padding: 0 12px;
  background: #052027 !important;
  border-bottom: 1px solid rgba(255,255,255,.06);
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  inset: auto !important;
  width: 100% !important;
  z-index: 1;
}
.tb--modal-header .back-btn {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #c7d4d7;
}
.tb--modal-header .back-btn .digi_icon-arrow_right { font-size: 18px; }
.tb--modal-header-txt {
  flex-grow: 1;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #fff;
}
.tb--modal-close {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #c7d4d7;
  font-size: 16px;
}
.tb--modal-close:hover { color: #fff; }

/* Web header (mobile-hide => gizli) */
.tb--main-header.tb--mobile-hide { display: none !important; }

/* Submenu tabs (Para Yatırımları / Para Çekme / İşlem Geçmişi) */
.account-menu .tb--subhead,
.account-menu .main-tab-menu { display: none !important; }
.account-menu .tb--subhead.tb--mobile-hide { display: none !important; }

/* Account body — scroll */
.tb--account-body,
.tb--acount-body-personal_details {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px 12px;
}

/* Profile balance info */
.tb--profile-body { width: 100%; }
.tb--profile-balance-info {
  background: #052027;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}
.tb--profile-balance-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.tb--profile-balance_txt {
  font-size: 12px;
  color: #9aa6a8;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.tb--profile-balance-info .tb--balance {
  font-size: 24px;
  font-weight: 600;
  color: #08db8e;
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.tb--profile-balance-info .tb--balance_currency,
.tb--profile-balance_currency { font-size: 12px; color: #9aa6a8; font-weight: 400; }
.show-balance-icon { color: #9aa6a8; cursor: pointer; padding: 4px; }
.tb--balance_info-box { display: flex; align-items: center; gap: 6px; }
.tb--balance_info-tooltip { position: relative; display: inline-flex; }
.tb--balance_info-tooltip .digi_icon-info-full { color: #9aa6a8; font-size: 14px; cursor: help; }
.tb--balance_info-tooltip .tb--tooltip { display: none; position: absolute; left: 0; top: 100%; z-index: 50; background: #052027; border: 1px solid rgba(255,255,255,.1); border-radius: 6px; padding: 12px; width: 280px; }
.tb--balance_info-tooltip:hover .tb--tooltip { display: block; }
.tb--balance_info-list { list-style: none; margin: 0; padding: 0; font-size: 12px; }
.tb--balance_info-list li { display: flex; flex-direction: column; padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,.05); }
.tb--balance_info-list li:last-child { border-bottom: 0; }
.tb--balance_info-list li span:first-child { color: #08db8e; font-weight: 500; margin-bottom: 2px; }
.tb--balance_info-list li span:last-child { color: #c7d4d7; }

.tb--divider { border-top: 1px solid rgba(255,255,255,.06); padding-top: 8px; margin-top: 8px; }
.tb--profile-balance-item {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
}
.tb--profile-balance-item .tb--profile-balance_txt { font-size: 13px; color: #c7d4d7; text-transform: none; letter-spacing: 0; }
.tb--profile-balance_amount { font-size: 13px; color: #fff; font-weight: 500; }

/* User info block (Suskun2709 + ID) */
.tb--user-info_block,
.tb--user-info_block.tb--mobile-hide { display: flex !important; }
.tb--user-info_cont-top {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #052027;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 12px;
}
.tb--user-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #08db8e;
  color: #021d24;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.tb--user-avatar .digi_icon-user::before { content: "👤"; }
.tb--user-name { font-size: 16px; font-weight: 600; color: #fff; margin: 0 0 4px; }
.tb--player-id_cont { display: flex; align-items: center; gap: 4px; font-size: 12px; color: #9aa6a8; }
.tb--player-id_txt { color: #9aa6a8; }
.tb--player-id { color: #08db8e; font-weight: 600; padding: 0 4px; }
.tb--copy-wrapper { display: inline-flex; }
.tb--player-copy { cursor: pointer; color: #9aa6a8; }
.tb--copied.tb--d-none { display: none; }

/* Profile body grid — mobilde tek kolon (web col-2 + col-10 stack) */
.tb--profile-body .tb--flex.f-h-100.tb-mobile-full { flex-direction: column !important; }
.tb--profile-right-cont,
.tb--profile-left-cont,
.tb--profile-right-cont.tb--col-2,
.tb--profile-left-cont.tb--col-10 {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}
.tb--col-12, .tb--col-4 { width: 100% !important; max-width: 100% !important; flex: none !important; }
.tb--profile-lcont { flex-direction: column !important; }
.tb--details_wrapper { width: 100% !important; max-width: 100% !important; }
.tb--pd-inputs { grid-template-columns: 1fr !important; }

/* Profile form (myprofile) */
.tb--personal-details {
  font-size: 14px;
  text-transform: uppercase;
  color: #c7d4d7;
  letter-spacing: 1px;
  margin: 16px 0 12px;
  font-weight: 500;
  border-bottom: 1px solid rgba(255,255,255,.08);
  padding-bottom: 8px;
}
.tb--details_wrapper { width: 100%; }
.tb--pd-inputs { display: grid; gap: 12px; }
.tb--space { width: 100%; }
.tb--input-group { margin-bottom: 12px; }
.tb--lbl, .tb--custom-data-title {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #9aa6a8;
  margin-bottom: 6px;
}
.tb--lbl span { color: #ff5a5a; }
.tb--input {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  background: #052027;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  outline: none;
  transition: border-color .15s ease;
}
.tb--input:focus { border-color: #08db8e; }
.tb--input:disabled,
.tb--input-group__disabled .tb--input { background: #021d24; color: #c7d4d7; cursor: not-allowed; opacity: .8; }
.tg--verify-ico-box { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); }
.tg--verify-ico { width: 14px; height: 14px; }
.tg--verify-ico::before { content: "✓"; color: #08db8e; font-size: 14px; }
.tb--pc-input .tb--rel { position: relative; }

/* react-select like custom select */
.custom-select {
  position: relative;
  height: 40px;
  background: #052027;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  cursor: pointer;
}
.react-select__control { display: flex; align-items: center; width: 100%; height: 100%; gap: 6px; }
.react-select__value-container { flex: 1; display: flex; align-items: center; }
.react-select__single-value { color: #fff; font-size: 14px; }
.react-select--is-disabled,
.react-select--is-disabled .react-select__single-value { color: #c7d4d7; opacity: .7; cursor: not-allowed; }
.react-select__indicators .tb--custom-sel { color: #9aa6a8; font-size: 12px; }
.tb--day_select, .tb--month_select, .tb--year_select { flex: 1; }
.form-inline-row { display: flex; gap: 6px; }
.tb--mr-4 { margin-right: 4px; } .tb--ml-4 { margin-left: 4px; } .tb--mh-4 { margin: 0 4px; }

/* Profile footer (save button) */
.tb--profile-footer {
  padding: 16px 0;
  display: flex;
  justify-content: flex-end;
}
.btn-primary__popup {
  background: #08db8e;
  color: #021d24;
  border: 0;
  border-radius: 4px;
  padding: 10px 24px;
  font-weight: 600;
  cursor: pointer;
  font-size: 14px;
}
.btn-primary__popup:disabled { opacity: .55; cursor: not-allowed; }

/* ============================================================
   CASHIER — Para Yatırma ödeme yöntemleri (gameofbet847 birebir)
   Gruplar: Banka Havalesi / Kripto / Kredi Kartları / E-Cüzdan / Peşin
   Her kart: beyaz logo kutusu (rozet + marka) | Minimum/Maksimum tutarlar
   ============================================================ */
/* Orijinalde cashier'da site header YOK — sadece "PARA YATIRIMLARI" modal başlığı.
   Site header'ını gizle, içeriği yukarı al (accountmenu ile aynı mantık). */
/* Modal "geri" oku sola baksın — capture'da digi_icon-arrow_right (>) var;
   çevirerek sola (<) yap. Tüm popup geri butonları için. */
.back-btn { cursor: pointer; }
.back-btn i, .back-btn [class*="arrow"] { display: inline-flex; }

/* cashier + withdrawal aynı yapı/davranış (:is ile ikisi de) */
body:is([data-gob-page="popup/cashier"], [data-gob-page="popup/withdrawal"], [data-gob-page="popup/myprofile"], [data-gob-page="popup/transaction"], [data-gob-page="popup/gamehistory"]) header.header-block { display: none !important; }
body:is([data-gob-page="popup/cashier"], [data-gob-page="popup/withdrawal"], [data-gob-page="popup/myprofile"], [data-gob-page="popup/transaction"], [data-gob-page="popup/gamehistory"]) .gob-popup-main { padding: 0 !important; background: #052027 !important; }

/* SCROLL FİX — main.css modal sarmalayıcılarına sabit 100vh/max-height/overflow:hidden
   verip touch scroll'u kesiyor. Tüm zinciri doğal yüksekliğe + görünür overflow'a
   zorla → body doğal olarak scroll etsin (tüm yöntemler görünür). */
body:is([data-gob-page="popup/cashier"], [data-gob-page="popup/withdrawal"], [data-gob-page="popup/myprofile"], [data-gob-page="popup/transaction"], [data-gob-page="popup/gamehistory"]),
body:is([data-gob-page="popup/cashier"], [data-gob-page="popup/withdrawal"], [data-gob-page="popup/myprofile"], [data-gob-page="popup/transaction"], [data-gob-page="popup/gamehistory"]) #root,
body:is([data-gob-page="popup/cashier"], [data-gob-page="popup/withdrawal"], [data-gob-page="popup/myprofile"], [data-gob-page="popup/transaction"], [data-gob-page="popup/gamehistory"]) .gob-popup-main,
body:is([data-gob-page="popup/cashier"], [data-gob-page="popup/withdrawal"], [data-gob-page="popup/myprofile"], [data-gob-page="popup/transaction"], [data-gob-page="popup/gamehistory"]) #modal-root,
body:is([data-gob-page="popup/cashier"], [data-gob-page="popup/withdrawal"], [data-gob-page="popup/myprofile"], [data-gob-page="popup/transaction"], [data-gob-page="popup/gamehistory"]) .tb--modal-lvl1,
body:is([data-gob-page="popup/cashier"], [data-gob-page="popup/withdrawal"], [data-gob-page="popup/myprofile"], [data-gob-page="popup/transaction"], [data-gob-page="popup/gamehistory"]) .tb--modal-lvl2,
body:is([data-gob-page="popup/cashier"], [data-gob-page="popup/withdrawal"], [data-gob-page="popup/myprofile"], [data-gob-page="popup/transaction"], [data-gob-page="popup/gamehistory"]) .tb--modal-lvl3,
body:is([data-gob-page="popup/cashier"], [data-gob-page="popup/withdrawal"], [data-gob-page="popup/myprofile"], [data-gob-page="popup/transaction"], [data-gob-page="popup/gamehistory"]) .tb--h_100,
body:is([data-gob-page="popup/cashier"], [data-gob-page="popup/withdrawal"], [data-gob-page="popup/myprofile"], [data-gob-page="popup/transaction"], [data-gob-page="popup/gamehistory"]) .tb--my-profile,
body:is([data-gob-page="popup/cashier"], [data-gob-page="popup/withdrawal"], [data-gob-page="popup/myprofile"], [data-gob-page="popup/transaction"], [data-gob-page="popup/gamehistory"]) .tb--account-body,
body:is([data-gob-page="popup/cashier"], [data-gob-page="popup/withdrawal"], [data-gob-page="popup/myprofile"], [data-gob-page="popup/transaction"], [data-gob-page="popup/gamehistory"]) .tb-cashier-wrapper,
body:is([data-gob-page="popup/cashier"], [data-gob-page="popup/withdrawal"], [data-gob-page="popup/myprofile"], [data-gob-page="popup/transaction"], [data-gob-page="popup/gamehistory"]) .tb--submenu__content {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
body:is([data-gob-page="popup/cashier"], [data-gob-page="popup/withdrawal"], [data-gob-page="popup/myprofile"], [data-gob-page="popup/transaction"], [data-gob-page="popup/gamehistory"]) { overflow-y: auto !important; -webkit-overflow-scrolling: touch; }

/* MYPROFILE — orijinal BetConstruct markup main.css ile stillenir; ancak
   --modal-bg-color/brand vb. değişkenler #component'e tanımlı, bizde yok →
   myprofile body'sine tanımla ki renkler doğru çözülsün. */
body[data-gob-page="popup/myprofile"] {
  --white-color: #fff;
  --input-radius-top-left: 8px; --input-radius-top-right: 8px;
  --input-radius-bottom-right: 8px; --input-radius-bottom-left: 8px;
  --btn-radius-top-left: 14px; --btn-radius-top-right: 14px;
  --btn-radius-bottom-right: 14px; --btn-radius-bottom-left: 14px;
  --modal-text-color-3: #ddd; --modal-text-color-2: #fff; --modal-text-color-1: #fff;
  --modal-bg-color-3: #0a3f4c; --modal-bg-color-2: #062831; --modal-bg-color-1: #052027;
  --font-family-1: 'Roboto', sans-serif;
  --background-color-2: #021d24; --background-color-1: #062831;
  --brand-color-text: #000; --brand-color-2: #fff; --brand-color-1: #08db8e;
}
/* Mobilde avatar/kullanıcı bloğu gizli (orijinal görselde yok, tb--mobile-hide) */
body[data-gob-page="popup/myprofile"] .tb--user-info_block { display: none !important; }
body[data-gob-page="popup/myprofile"] .gob-popup-main { background: #052027 !important; padding: 0 !important; }

/* Renkler orijinalden (letspayments cashier) piksel-örneklenmiş:
   sayfa #052027, kart + grup başlığı bar #213e45, beyaz logo kutusu. */
.gob-cashier { padding: 10px 14px 96px; background: #052027; font-family: 'Roboto', sans-serif; }

.gob-cash-group { margin-bottom: 14px; }
/* Grup başlığı — orijinal .jbzqQR: ince bar, min-height 32px, padding 4px 16px */
.gob-cash-group__head {
  display: flex; align-items: center; justify-content: space-between;
  min-height: 32px;
  background: #213e45; border: none; border-radius: 12px;
  padding: 4px 16px; margin-bottom: 16px;
}
.gob-cash-group__title { color: #eef2f3; font-size: 14px; font-weight: 500; }
.gob-cash-group__count { color: #9fb0b6; font-size: 13px; font-weight: 500; }

/* Yöntem kartı — orijinal .dNkWSn (kenarlık/bg/radius) + .gYqvwF (flex row, padding 8px, gap 8px) */
.gob-pm {
  display: flex; flex-direction: row; align-items: center; gap: 8px;
  width: 100%; background: #213e45;
  border: 2px solid rgb(64, 108, 119); border-radius: 16px;
  padding: 8px; margin-bottom: 12px;
  text-decoration: none; overflow: hidden;
  transition: background-color .15s ease, border-color .15s ease;
}
.gob-pm:active { background: #284b54; }

/* Sol: beyaz logo kutusu — orijinaldeki boyut (ince ama biraz büyük) */
.gob-pm__logo {
  position: relative;
  display: flex; justify-content: center; align-items: center; flex-flow: row; gap: 0;
  background: #fff; border-radius: 16px;
  width: 118px; height: 56px; flex: none;
}
.gob-pm__logo img {
  width: 118px; height: 48px; padding: 4px;
  object-fit: contain; display: block; box-sizing: border-box;
}

/* Sağ: Minimum / Maksimum — etiket solda, değer sağda (space-between) */
.gob-pm__amt { display: flex; flex-direction: column; gap: 8px; flex: 1; min-width: 0; }
.gob-pm__amt > span {
  display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
  white-space: nowrap;
}
.gob-pm__amt em { color: #9fb0b6; font-size: 12px; font-style: normal; font-weight: 400; }
.gob-pm__amt b { color: #fff; font-size: 13px; font-weight: 700; }

/* ---- Yatırım formu (yöntem tıklanınca) ---- */
.gob-deposit { padding: 12px 14px 96px; background: #052027; font-family: 'Roboto', sans-serif; }
.gob-deposit[hidden] { display: none; }

/* Üst yatay yöntem sekmeleri (beyaz logo kutuları, seçili = yeşil çerçeve) */
.gob-dep-tabs {
  display: flex; gap: 10px; overflow-x: auto; padding: 2px 0 14px;
  -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.gob-dep-tabs::-webkit-scrollbar { display: none; }
.gob-dep-tab {
  flex: none; width: 96px; height: 62px;
  background: #fff; border: 2px solid transparent; border-radius: 16px;
  display: flex; align-items: center; justify-content: center; padding: 6px 10px;
  cursor: pointer; transition: border-color .15s ease;
}
.gob-dep-tab.is-active { border-color: #1ed884; box-shadow: 0 0 0 1px #1ed884; }
.gob-dep-tab img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }

/* Form paneli */
.gob-dep-panel { background: #16282f; border-radius: 14px; padding: 16px; }
.gob-dep-head { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px dashed #3a4f57; padding-bottom: 15px; margin-bottom: 15px; }
.gob-dep-back, .gob-dep-menu {
  background: none; border: 0; color: #c2ced3; cursor: pointer;
  width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; padding: 0;
}
.gob-dep-back:hover, .gob-dep-menu:hover { color: #fff; }
.gob-dep-title { color: #fff; font-size: 15px; font-weight: 500; }

.gob-dep-minmax { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 16px; }
.gob-dep-minmax span { color: #9fb0b6; font-size: 13px; }
.gob-dep-minmax b { color: #fff; font-size: 13px; font-weight: 600; }
.gob-dep-divider { border-top: 1px dashed #3a4f57; margin: 0 0 18px; }

.gob-dep-label { display: block; color: #e6ebec; font-size: 13px; margin-bottom: 8px; }
.gob-dep-field {
  display: flex; align-items: center; gap: 8px;
  background: #0d1f26; border: 1px solid #2a4048; border-radius: 10px;
  padding: 0 14px; height: 50px; margin-bottom: 16px;
}
.gob-dep-field input {
  flex: 1; min-width: 0; background: none; border: 0; outline: 0;
  color: #fff; font-size: 14px; font-family: inherit;
}
.gob-dep-field input::placeholder { color: #6b7c83; }
.gob-dep-field input::-webkit-outer-spin-button,
.gob-dep-field input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.gob-dep-field span { color: #9fb0b6; font-size: 13px; flex: none; }

.gob-dep-submit {
  display: block; width: 100%; height: 50px; border: 0; border-radius: 10px;
  background: linear-gradient(180deg, #2ac281 0%, #1f9d66 100%);
  color: #fff; font-size: 15px; font-weight: 600; letter-spacing: .3px;
  cursor: pointer; margin-bottom: 16px; font-family: inherit;
  transition: filter .15s ease;
}
.gob-dep-submit:active { filter: brightness(.93); }

.gob-dep-warning {
  background: #0f2026; border: 1px solid #284048; border-radius: 10px;
  padding: 14px 16px; color: #d5dde0; font-size: 12px; line-height: 1.55; font-weight: 500;
}

/* Yatırım hesap bilgileri kutusu (banka/IBAN/hesap sahibi) */
.gob-dep-info {
  background: #16282f; border: 1px solid #284048; border-radius: 12px;
  padding: 12px 14px; margin-bottom: 16px;
}
.gob-dep-info-h { color: #08db8e; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; margin-bottom: 10px; }
.gob-dep-info > div { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 7px 0; border-top: 1px solid #21363d; }
.gob-dep-info > div:first-of-type { border-top: none; }
.gob-dep-info > div > span { color: #9fb0b6; font-size: 12px; flex: 0 0 auto; }
.gob-dep-info > div > b { color: #fff; font-size: 13px; font-weight: 600; text-align: right; word-break: break-all; }
.gob-dep-copy { cursor: pointer; }
.gob-dep-copy:active { opacity: .6; }

/* ============================================================
   DUYURU POPUP — özel görsel (ana dizindeki duyuru.png), günde 1 kez
   ============================================================ */
#gob-duyuru-ov {
  position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center;
  padding: 16px; background: rgba(1, 12, 20, .82); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  opacity: 0; transition: opacity .25s ease;
}
#gob-duyuru-ov.show { opacity: 1; }
.gob-duyuru-img-wrap {
  position: relative; max-width: 100%; max-height: 92vh;
  transform: scale(.94); transition: transform .25s ease;
}
#gob-duyuru-ov.show .gob-duyuru-img-wrap { transform: scale(1); }
.gob-duyuru-img {
  display: block; max-width: 100%; max-height: 92vh; width: auto; height: auto;
  border-radius: 14px; box-shadow: 0 22px 64px rgba(0, 0, 0, .62);
}
.gob-duyuru-x {
  position: absolute; top: 8px; right: 8px; width: 32px; height: 32px; border: none; z-index: 2;
  background: rgba(0, 0, 0, .55); color: #fff; border-radius: 50%; font-size: 16px; line-height: 1;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
}
.gob-duyuru-x:hover { background: rgba(0, 0, 0, .78); }

/* ============================================================
   ALT MOBİL NAVİGASYON ikon/yazı düzeltmeleri
   (.tb--mobile-nav konteyneri yukarıda sabit 56px; burada SADECE img ikonlarını
   boyutla + yazıyı göster. img'e width/height verilmediği için doğal boyutta
   taşıp gizleniyordu = boş bar. ul'ye position/height DOKUNMA — eski blok hallediyor.)
   ============================================================ */
/* ul main.css'te position:fixed → height:100% viewport oluyordu. relative yap → konteyner (56px) içinde kalsın. */
.tb--mobile-nav .mobile-nav_list { position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; height: 100% !important; }
.tb--mobile-nav .mobile-nav_list > li { position: relative; height: 100% !important; }
.tb--mobile-nav .mobile-nav_item-inner { padding: 6px 2px !important; gap: 3px !important; height: 100% !important; }
.tb--mobile-nav .tb--upload-icon {
  width: 24px !important; height: 24px !important; flex: 0 0 24px !important;
  font-size: 0 !important; margin: 0 !important; display: block; line-height: 0;
}
.tb--mobile-nav .tb--upload-icon img { width: 100% !important; height: 100% !important; object-fit: contain; display: block; }
.tb--mobile-nav .icon-wrapper { line-height: 1; margin: 0 !important; }
.tb--mobile-nav .icon-wrapper i:before { font-size: 24px; color: var(--brand-color-1, #08db8e); display: block; }
.tb--mobile-nav .mobile-nav_item__text {
  font-size: 11px !important; line-height: 1.1; color: #c7d4d7 !important;
  text-align: center; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis;
}

/* ============================================================
   ACCOUNTMENU DRAWER — canlı site birebir (BetConstruct paleti)
   Palette: page #021d24, card #062831, sub #021d24, accent #08db8e
   ============================================================ */
body[data-gob-page="popup/accountmenu"] header.header-block { display: none !important; }
body[data-gob-page="popup/accountmenu"] .gob-popup-main { padding: 0 !important; min-height: 100vh !important; background: #021d24 !important; }

/* Gerçek font ikonları (digi_icon/category_icon) — ::before kutusunu normalize
   et (category 20px sabit, digi 24x24 box) ki font-size <i>'den kontrol edilsin. */
.gob-accmenu__ic { display: inline-flex; align-items: center; justify-content: center; line-height: 0; }
.gob-accmenu__ic::before {
  font-size: inherit !important;
  width: auto !important; height: auto !important;
  line-height: 1 !important; margin: 0 !important; display: block !important;
}
.gob-accmenu__avatar .gob-accmenu__ic { font-size: 30px; color: #c7d4d7; }
.gob-accmenu__verified-icon .gob-accmenu__ic { font-size: 18px; color: #9aa6a8; }
.gob-accmenu__copy .gob-accmenu__ic { font-size: 17px; }
.gob-accmenu__eye .gob-accmenu__ic { font-size: 20px; }
.gob-accmenu__btn .gob-accmenu__ic { font-size: 20px; }
.gob-accmenu__menu-ic .gob-accmenu__ic { font-size: 20px; color: #c7d4d7; }
.gob-accmenu__menu-chev .gob-accmenu__ic { font-size: 18px; }
.gob-accmenu__logout-ic { font-size: 20px; }

.gob-accmenu {
  width: 100%;
  min-height: 100vh;
  background: #021d24;
  color: #fff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  padding: 8px 12px 40px;
  position: relative;
  box-sizing: border-box;
}

.gob-accmenu__close-row { display: flex; justify-content: flex-end; padding: 8px 4px 12px; }
.gob-accmenu__close {
  background: transparent; border: 0; cursor: pointer; padding: 6px; line-height: 0;
  color: #9aa6a8;
}
.gob-accmenu__close:hover { color: #fff; }

/* Profile card */
.gob-accmenu__profile-card {
  background: #062831;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
}
.gob-accmenu__profile-row {
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 12px;
}
.gob-accmenu__avatar {
  width: 56px; height: 56px; border-radius: 50%;
  background: #021d24; border: 1px solid rgba(255,255,255,.2);
  display: flex; align-items: center; justify-content: center;
  flex: none;
}
.gob-accmenu__profile-info { display: flex; flex-direction: column; gap: 8px; }
.gob-accmenu__username {
  color: #fff; font-size: 16px; font-weight: 600;
}
.gob-accmenu__verified {
  display: flex; align-items: center; gap: 8px;
  color: rgba(255,255,255,.8); font-size: 14px; font-weight: 500;
}
.gob-accmenu__verified-icon { position: relative; display: inline-flex; line-height: 0; }
.gob-accmenu__verified-check {
  position: absolute; right: -6px; top: -6px;
  width: 14px; height: 14px; border-radius: 50%;
  background: #089d00; border: 1.5px solid #062831;
  display: flex; align-items: center; justify-content: center;
}

/* ID kartı */
.gob-accmenu__id-card {
  background: #021d24; border-radius: 12px;
  padding: 12px 14px;
  display: flex; align-items: center; justify-content: space-between;
  height: 44px;
}
.gob-accmenu__id-label { color: rgba(255,255,255,.5); font-size: 14px; }
.gob-accmenu__id-value { display: flex; align-items: center; gap: 8px; }
.gob-accmenu__id-num { color: #fff; font-size: 14px; font-weight: 600; }
.gob-accmenu__copy {
  background: transparent; border: 0; cursor: pointer; padding: 0; line-height: 0;
  color: rgba(255,255,255,.8);
}
.gob-accmenu__copy:hover { color: #fff; }

/* Balance card */
.gob-accmenu__balance-card {
  background: #062831; border-radius: 12px;
  padding: 16px; margin-bottom: 12px;
}
.gob-accmenu__balance-row { display: flex; align-items: flex-start; justify-content: space-between; }
.gob-accmenu__balance-info { display: flex; flex-direction: column; gap: 4px; }
.gob-accmenu__balance-label { color: rgba(255,255,255,.5); font-size: 12px; font-weight: 400; }
.gob-accmenu__balance-amount { display: flex; align-items: baseline; gap: 4px; }
.gob-accmenu__balance-num {
  color: #fff; font-size: 24px; font-weight: 700; line-height: 32px;
}
.gob-accmenu__balance-cur { color: rgba(255,255,255,.5); font-size: 12px; font-weight: 400; text-transform: uppercase; }
.gob-accmenu__eye {
  width: 40px; height: 40px; border-radius: 12px;
  background: #021d24; border: 0;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,.5); flex: none;
}
.gob-accmenu__eye:hover { color: #fff; }

/* Action buttons */
.gob-accmenu__actions {
  display: flex; gap: 12px; margin-top: 16px;
}
.gob-accmenu__btn {
  flex: 1;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  height: 44px; border-radius: 14px;
  font-family: inherit; font-size: 14px; font-weight: 500; letter-spacing: .5px;
  cursor: pointer; text-decoration: none;
  border: 1px solid transparent;
  transition: all .25s ease;
}
.gob-accmenu__btn--outline { background: transparent; border-color: #08db8e; color: #08db8e; }
.gob-accmenu__btn--outline:hover { background: rgba(8,219,142,.1); }
.gob-accmenu__btn--fill { background: #08db8e; color: #000; }
.gob-accmenu__btn--fill:hover { background: rgba(8,219,142,.9); }

/* Menu */
.gob-accmenu__menu {
  background: #062831; border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,.05);
  margin-bottom: 12px;
}
.gob-accmenu__menu-item { display: block; text-decoration: none; color: inherit; position: relative; }
.gob-accmenu__menu-row {
  display: flex; align-items: center; gap: 0;
  padding: 16px;
  cursor: pointer; transition: background .15s;
  position: relative;
}
.gob-accmenu__menu-item:not(:last-child)::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0;
  height: 1px; background: #021d24;
}
.gob-accmenu__menu-row:hover { background: rgba(255,255,255,.02); }
.gob-accmenu__menu-ic {
  display: inline-flex; line-height: 0; flex: none;
}
.gob-accmenu__menu-lbl {
  color: #d3d3d3; font-size: 14px; font-weight: 500; flex: 1;
  padding: 0 8px;
}
.gob-accmenu__menu-chev {
  color: #d3d3d3; line-height: 0; transition: transform .2s;
}
.gob-accmenu__menu-item.is-open .gob-accmenu__menu-chev { transform: rotate(180deg); }
.gob-accmenu__menu-badge {
  background: #08db8e; color: #000;
  font-size: 9px; font-weight: 700;
  min-width: 20px; height: 20px; border-radius: 32px; padding: 0 5px;
  display: flex; align-items: center; justify-content: center;
  margin: 0 16px;
}

/* Submenu */
.gob-accmenu__sub {
  display: none;
  background: #021d24;
  padding: 0;
}
.gob-accmenu__menu-item.is-open .gob-accmenu__sub { display: block; }
.gob-accmenu__sub a {
  display: flex; align-items: center;
  height: 54px;
  padding: 0 15px 0 44px;
  color: #d3d3d3; font-size: 13px; font-weight: 400;
  text-decoration: none;
  position: relative;
}
.gob-accmenu__sub a:not(:last-child)::after {
  content: ""; position: absolute; left: 4%; right: 4%; bottom: 0;
  height: 1px; background: #052027; margin: auto;
}
.gob-accmenu__sub a:hover { color: #fff; }

/* Logout */
.gob-accmenu__logout {
  display: flex; align-items: center; gap: 10px;
  padding: 16px;
  cursor: pointer; opacity: .7;
}
.gob-accmenu__logout span { color: #d3d3d3; font-size: 14px; font-weight: 500; }
.gob-accmenu__logout:hover { opacity: 1; }


/* Transaction / GameHistory tablo */
.tb--filter-block,
.tb--profile-filter {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}
.tb--table-wrapper,
.tb--transaction-table {
  background: #052027;
  border-radius: 8px;
  overflow: hidden;
}
.tb--transaction-table table,
.tb--table-wrapper table { width: 100%; border-collapse: collapse; font-size: 12px; }
.tb--transaction-table th,
.tb--table-wrapper th {
  background: #021d24;
  color: #9aa6a8;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .5px;
  padding: 10px 8px;
  text-align: left;
  font-weight: 500;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.tb--transaction-table td,
.tb--table-wrapper td {
  color: #c7d4d7;
  padding: 10px 8px;
  border-bottom: 1px solid rgba(255,255,255,.04);
}
.tb--no-data,
.tb--empty-list {
  padding: 32px 16px;
  text-align: center;
  color: #9aa6a8;
  font-size: 13px;
}
.tb--no-data::before { content: "📋"; display: block; font-size: 32px; margin-bottom: 8px; opacity: .6; }

/* Empty / banner placeholders */
.tb--empty-profile_banner { display: none; }

/* Utility resets used inside modal HTML */
.tb--web-hide { display: block; }
@media (min-width: 1024px) {
  .tb--web-hide { display: none !important; }
  .tb--mobile-hide { display: block !important; }
}
body[data-gob-popup="1"] .tb--h_100 { height: auto; min-height: calc(100vh - 56px); }
.tb--h_100 { height: 100%; }
.tb--w_100 { width: 100%; }
.tb--rel { position: relative; }
.tb--flex { display: flex; }
.tb--flex-col { flex-direction: column; }
.tb--flex-grow { flex-grow: 1; }
.tb--align-center { align-items: center; }
.tb--justify-between { justify-content: space-between; }
.tb--justify-end { justify-content: flex-end; }
.tb--justify-center { justify-content: center; }
.tb--text_upercase { text-transform: uppercase; }
.tb--ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tb--ph-4 { padding: 0 4px; } .tb--ph-16 { padding: 0 16px; } .tb--ph-24 { padding: 0 24px; }
.tb--mb-16 { margin-bottom: 16px; }
.tb--mt-8 { margin-top: 8px; }
.tb--f-12 { font-size: 12px; } .tb--f-14 { font-size: 14px; } .tb--f-16 { font-size: 16px; } .tb--f-24 { font-size: 24px; }
.tb--bold { font-weight: 700; }
.tb--f-medium { font-weight: 500; }
.tb--cp { cursor: pointer; }
.tb--d-none { display: none; }
.tb--mh-24 { margin: 0 24px; }