header{
    background:#10233f !important;
    border-bottom:1px solid rgba(255,255,255,.05)!important;
}

header nav ul li a{
    text-transform:uppercase;
    font-size:13px!important;
    font-weight:600!important;
    letter-spacing:.5px;
}

header nav ul li a:hover{
    background:#0078ff;
    border-radius:6px;
}

footer{
    background:linear-gradient(
    180deg,
    #10233f 0%,
    #0d1729 50%,
    #09101c 100%
    )!important;
}

footer h4{
    color:#ffffff!important;
}

footer a:hover{
    color:#0088ff!important;
}

/* JACKPOT CARDS PREMIUM DESIGN */
.grid.grid-cols-2.md\:grid-cols-4.gap-3 > div{
    background:linear-gradient(180deg,#182746 0%,#101b32 100%)!important;
    border:1px solid rgba(0,122,204,.18)!important;
    border-radius:18px!important;
    box-shadow:0 8px 24px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.05)!important;
    transition:all .28s ease!important;
    position:relative!important;
}

.grid.grid-cols-2.md\:grid-cols-4.gap-3 > div:hover{
    transform:translateY(-4px)!important;
    border-color:rgba(0,122,204,.55)!important;
    box-shadow:0 14px 34px rgba(0,122,204,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

.grid.grid-cols-2.md\:grid-cols-4.gap-3 > div::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:18px;
    background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.08) 45%,transparent 70%);
    transform:translateX(-120%);
    transition:.7s ease;
    pointer-events:none;
}

.grid.grid-cols-2.md\:grid-cols-4.gap-3 > div:hover::before{
    transform:translateX(120%);
}

.grid.grid-cols-2.md\:grid-cols-4.gap-3 span.text-xs{
    color:#9db8df!important;
    letter-spacing:1px!important;
}

.grid.grid-cols-2.md\:grid-cols-4.gap-3 span.tabular-nums{
    color:#ffffff!important;
    text-shadow:0 0 14px rgba(0,122,204,.35);
    font-weight:900!important;
}

.grid.grid-cols-2.md\:grid-cols-4.gap-3 svg{
    color:#007acc!important;
    filter:drop-shadow(0 0 8px rgba(0,122,204,.45));
}

.grid.grid-cols-2.md\:grid-cols-4.gap-3 > div > div.absolute{
    background:#007acc!important;
    opacity:.18!important;
}

/* BANGLABET GAME CARDS PREMIUM - MOBILE SAFE */
section .row-auto > div[class*="gcol-"] .group{
    border-radius:18px!important;
    border:1px solid rgba(0,122,204,.65)!important;
    background:linear-gradient(180deg,#0f2445,#08172d)!important;
    box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.10) inset!important;
    transition:all .35s ease!important;
    position:relative!important;
    overflow:hidden!important;
}

section .row-auto > div[class*="gcol-"] .group::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.55);
    box-shadow:inset 0 0 0 1px rgba(0,122,204,.55);
    opacity:.65;
    z-index:3;
    pointer-events:none;
}

section .row-auto > div[class*="gcol-"] .group::after{
    content:"PLAY";
    position:absolute;
    left:50%;
    bottom:12px;
    transform:translateX(-50%) translateY(14px);
    background:linear-gradient(135deg,#007acc,#005fa3);
    color:#fff;
    font-size:11px;
    font-weight:900;
    letter-spacing:1px;
    padding:6px 16px;
    border-radius:999px;
    opacity:0;
    z-index:5;
    box-shadow:0 0 18px rgba(0,122,204,.55);
    transition:all .35s ease;
}

section .row-auto > div[class*="gcol-"] .group:hover{
    transform:translateY(-6px) scale(1.025)!important;
    border-color:rgba(0,122,204,.9)!important;
    box-shadow:0 16px 34px rgba(0,0,0,.45),0 0 26px rgba(0,122,204,.35)!important;
}

section .row-auto > div[class*="gcol-"] .group:hover::after{
    opacity:1;
    transform:translateX(-50%) translateY(0);
}

section .row-auto > div[class*="gcol-"] .group img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:18px!important;
    transition:all .45s ease!important;
}

section .row-auto > div[class*="gcol-"] .group:hover img{
    transform:scale(1.08)!important;
    filter:brightness(.72) saturate(1.22) contrast(1.08);
}

@media (max-width:767px){
    section .row-auto > div[class*="gcol-"] .group{
        border-radius:14px!important;
    }

    section .row-auto > div[class*="gcol-"] .group::before{
        border-radius:14px!important;
        border:1px solid rgba(0,122,204,.75);
        box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
    }

    section .row-auto > div[class*="gcol-"] .group img{
        border-radius:14px!important;
    }

    section .row-auto > div[class*="gcol-"] .group::after{
        font-size:10px;
        padding:5px 13px;
        bottom:9px;
    }
}

/* BANGLABET BANNER - SAFE PREMIUM */
.relative.overflow-hidden.w-full > .relative.w-full.overflow-hidden{
    position:relative!important;
    overflow:hidden!important;
}


/* Görsel kalitesi */
.relative.overflow-hidden.w-full > .relative.w-full.overflow-hidden img{
    filter:saturate(1.04) contrast(1.02);
}

.relative.overflow-hidden.w-full > .relative.w-full.overflow-hidden::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:70%;
    height:100%;
    z-index:5;
    pointer-events:none;
    background:linear-gradient(
        110deg,
        transparent 0%,
        rgba(255,255,255,.04) 20%,
        rgba(255,255,255,.18) 45%,
        rgba(255,255,255,.08) 65%,
        transparent 100%
    );
    animation:banglaBannerShine 4.5s ease-in-out infinite;
}

/* Okları sadece renklendirir, yerini bozmaz */
.relative.overflow-hidden.w-full > button{
    background:rgba(8,18,38,.55)!important;
    backdrop-filter:blur(8px)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    color:#fff!important;
    transition:background .25s ease,border-color .25s ease,opacity .25s ease!important;
}

/* Ok hover */
.relative.overflow-hidden.w-full > button:hover{
    background:rgba(0,122,204,.28)!important;
    border-color:rgba(0,122,204,.55)!important;
}

/* Ok ikonları */
.relative.overflow-hidden.w-full > button svg{
    color:#fff!important;
    filter:drop-shadow(0 0 6px rgba(255,255,255,.35));
}

/* Shine animasyonu */
@keyframes banglaBannerShine{
    0%,60%{
        left:-120%;
        opacity:0;
    }
    70%{
        opacity:1;
    }
    100%{
        left:120%;
        opacity:0;
    }
}

/* ===============================
   BANGLABET CANLI DESTEK THEME
================================ */

:root {
  --bangla-bg: #1b1627;
  --bangla-primary: #3472d5;
  --bangla-primary-light: #5f93ef;
  --bangla-primary-dark: #1f4f9e;
  --bangla-accent: #ffffff;
  --bangla-text: #d1d5db;
  --bangla-panel: #120f1c;
  --bangla-soft: #211b31;
}

/* CANLI DESTEK PANEL GENEL */
.fixed.bottom-0.md\:bottom-6.right-0.md\:right-6.z-50 {
  border: none !important;
}

.fixed.bottom-0.md\:bottom-6.right-0.md\:right-6.z-50 > div:first-child {
  background: linear-gradient(
    135deg,
    #1b1627 0%,
    #263d77 45%,
    #3472d5 100%
  ) !important;
  min-height: 78px !important;
}

/* Panel iç alan */
.fixed.bottom-0.md\:bottom-6 .flex-1.p-6.flex.flex-col.justify-center.bg-white {
  background: linear-gradient(
    180deg,
    #211b31 0%,
    #120f1c 100%
  ) !important;
  padding: 14px !important;
  justify-content: flex-start !important;
  overflow-y: auto !important;
}

/* Yazıları gizle */
.fixed.bottom-0.md\:bottom-6 .flex-1.p-6.flex.flex-col.justify-center.bg-white > .text-center,
.fixed.bottom-0.md\:bottom-6 .flex-1.p-6.flex.flex-col.justify-center.bg-white > .space-y-4 {
  display: none !important;
}
.fixed.bottom-0.md\:bottom-6
.flex-1.p-6.flex.flex-col.justify-center.bg-white
> button.bg-green-600 {
  position: fixed !important;
  left: -9999px !important;
  top: -9999px !important;
  opacity: 1 !important;
  display: block !important;
  pointer-events: auto !important;
}

/* VIP BLOK */
.bangla-vip-support {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Ortak kutular */
.bangla-secure-bar,
.bangla-online-row,
.bangla-vip-card,
.bangla-channel {
  background: linear-gradient(
    180deg,
    rgba(33, 27, 49, .96),
    rgba(18, 15, 28, .98)
  );
  border: 1px solid rgba(52, 114, 213, .35);
  border-radius: 16px;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, .38),
    inset 0 1px rgba(255,255,255,.06);
}

/* Güvenli bağlantı */
.bangla-secure-bar {
  display: flex;
  justify-content: space-between;
  padding: 9px 12px;
  color: #ffffff;
  font-size: 12px;
}

.bangla-secure-bar b {
  color: var(--bangla-primary-light);
}

/* Online kayan yazı */
.bangla-online-row {
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 10px 14px;
}

.bangla-online-viewport {
  width: 100%;
  overflow: hidden;
}

.bangla-online-track {
  display: flex;
  gap: 30px;
  white-space: nowrap;
  animation: banglaOnlineScroll 18s linear infinite;
}

.bangla-online-track span {
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
}

.bangla-online-track span::before {
  content: "●";
  color: var(--bangla-primary-light);
  margin-right: 8px;
  text-shadow: 0 0 10px rgba(52,114,213,.95);
}

/* Ana kart */
.bangla-vip-card {
  padding: 16px;
}

.bangla-agent {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.bangla-agent-logo {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: linear-gradient(
    135deg,
    #ffffff 0%,
    #5f93ef 35%,
    #3472d5 70%,
    #1f4f9e 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  font-weight: 900;
  color: #000000;
  box-shadow:
    0 10px 26px rgba(52,114,213,.42),
    inset 0 1px rgba(255,255,255,.28);
}

.bangla-agent h4 {
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  margin: 0 !important;
}

.bangla-agent p {
  color: #d1d5db !important;
  font-size: 12px !important;
  margin: 2px 0 0 !important;
}

.bangla-vip-desc {
  color: #d1d5db;
  font-size: 13px;
  line-height: 1.5;
}

.bangla-safe-badge {
  width: fit-content;
  margin: 12px auto;
  padding: 5px 10px;
  border-radius: 999px;
  color: #ffffff;
  background: rgba(52,114,213,.18);
  border: 1px solid rgba(52,114,213,.5);
  font-size: 11px;
  font-weight: 900;
  box-shadow: 0 0 18px rgba(52,114,213,.18);
}

/* Butonlar */
.bangla-btn {
  width: 100%;
  min-height: 48px;
  position: relative;
  z-index: 2;
  border-radius: 12px;
  border: none;
  font-weight: 900;
  font-size: 14px;
  margin-top: 8px;
  cursor: pointer;
  pointer-events: auto !important;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: .2s ease;
}

.bangla-btn-main {
  background: linear-gradient(
    135deg,
    #5f93ef 0%,
    #3472d5 55%,
    #1f4f9e 100%
  ) !important;
  color: #ffffff !important;
  box-shadow:
    0 12px 28px rgba(52,114,213,.38),
    inset 0 1px rgba(255,255,255,.18);
}

.bangla-btn-main:hover {
  transform: translateY(-1px);
  filter: brightness(1.12);
}

.bangla-btn-white {
  background: linear-gradient(
    135deg,
    #ffffff 0%,
    #e8eefc 50%,
    #cbd8f8 100%
  ) !important;
  color: #1b1627 !important;
  box-shadow:
    0 12px 28px rgba(255,255,255,.16),
    inset 0 1px rgba(255,255,255,.35);
}

.bangla-btn-white:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
}

/* Diğer kanallar */
.bangla-channels-title {
  color: var(--bangla-primary-light);
  font-size: 11px;
  letter-spacing: 2px;
  font-weight: 900;
  margin: 6px 2px;
}

.bangla-channel {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  cursor: pointer;
  transition: .2s;
}

.bangla-channel:hover {
  background: rgba(52,114,213,.16);
  border-color: rgba(52,114,213,.55);
}

.bangla-channel-icon {
  font-size: 22px;
}

.bangla-channel strong {
  color: #ffffff;
  font-size: 14px;
}

.bangla-channel small {
  color: #d1d5db;
  font-size: 11px;
}

/* Online animasyon */
@keyframes banglaOnlineScroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

/* Mobil panel */
@media (max-width: 768px) {
  .fixed.bottom-0.md\:bottom-6.right-0.md\:right-6.z-50 {
    inset: 0 !important;
    height: 100dvh !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 0 !important;
  }

  .fixed.bottom-0.md\:bottom-6.right-0.md\:right-6.z-50 > div:first-child {
    padding-top: 14px !important;
    min-height: 76px !important;
  }
}

/* Sağ alttaki canlı destek butonu */
.fixed.bottom-20.md\:bottom-6.right-4.md\:right-6.z-50 button {
  width: 62px !important;
  height: 62px !important;
  min-width: 62px !important;
  min-height: 62px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(
    135deg,
    #5f93ef 0%,
    #3472d5 55%,
    #1f4f9e 100%
  ) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    0 14px 34px rgba(52,114,213,.45),
    0 0 26px rgba(52,114,213,.36) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  overflow: visible !important;
}

.fixed.bottom-20.md\:bottom-6.right-4.md\:right-6.z-50 button span {
  display: none !important;
}

.fixed.bottom-20.md\:bottom-6.right-4.md\:right-6.z-50 button svg {
  width: 28px !important;
  height: 28px !important;
  color: #ffffff !important;
  stroke: #ffffff !important;
}

.fixed.bottom-20.md\:bottom-6.right-4.md\:right-6.z-50 button:hover {
  transform: scale(1.07) !important;
}

.fixed.bottom-20.md\:bottom-6.right-4.md\:right-6.z-50 button::before {
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: 999px;
  border: 2px solid rgba(52,114,213,.42);
  animation: banglaMiniSupportPulse 2.4s infinite;
  pointer-events: none;
}

.fixed.bottom-20.md\:bottom-6.right-4.md\:right-6.z-50 button::after {
  content: "Live Support";
  position: absolute;
  right: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%) translateX(6px);
  background: rgba(18,15,28,.96);
  color: #ffffff;
  border: 1px solid rgba(52,114,213,.48);
  border-radius: 12px;
  padding: 9px 13px;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: .2s ease;
  box-shadow: 0 10px 24px rgba(0,0,0,.45);
}

.fixed.bottom-20.md\:bottom-6.right-4.md\:right-6.z-50 button:hover::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

@keyframes banglaMiniSupportPulse {
  0% {
    transform: scale(.9);
    opacity: .75;
  }

  100% {
    transform: scale(1.32);
    opacity: 0;
  }
}

@media (max-width: 768px) {
  .fixed.bottom-20.md\:bottom-6.right-4.md\:right-6.z-50 button {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
  }

  .fixed.bottom-20.md\:bottom-6.right-4.md\:right-6.z-50 button::after {
    display: none !important;
  }
}

/* BANGLABET MOBİL ALT MENÜ */
.mobile-bottom-nav {
  background: #1b1627 !important;
  border-top: 1px solid rgba(52, 114, 213, 0.55) !important;
  box-shadow: 0 -4px 18px rgba(52, 114, 213, 0.28) !important;
}

.mobile-bottom-nav .nav-item {
  color: #d1d5db !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  gap: 6px !important;
}

.mobile-bottom-nav .nav-item span {
  color: inherit !important;
}

.mobile-bottom-nav i {
  display: none !important;
}

.mobile-bottom-nav .nav-item::before {
  content: "";
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,.15));
}

.mobile-bottom-nav .nav-item.active {
  color: #3472d5 !important;
}

.mobile-bottom-nav .nav-item.active::before {
  filter: brightness(1.25) drop-shadow(0 0 10px rgba(52,114,213,.9));
}

.mobile-bottom-nav .menu-toggle-btn {
  background: linear-gradient(
    135deg,
    #5f93ef 0%,
    #3472d5 55%,
    #1f4f9e 100%
  ) !important;
  box-shadow: 0 0 22px rgba(52,114,213,.7) !important;
}

.mobile-bottom-nav .menu-toggle-btn::before {
  content: "" !important;
  width: 34px !important;
  height: 34px !important;
  display: block !important;
  background-image: url("https://i.ibb.co/bRFnTwYB/menu.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,.25));
}

/* MENÜ İKONLARI */

.mobile-bottom-nav a[href="/"]::before {

  background-image: url("https://i.ibb.co/whDJLggh/home-1.png") !important;

}



.mobile-bottom-nav a[href="/casino"]::before {

  background-image: url("https://i.ibb.co/p6tHfrZM/seven.png") !important;

}



.mobile-bottom-nav a[href="/live-casino"]::before {

  background-image: url("https://i.ibb.co/q3PqBh1H/card-game.png") !important;

}



.mobile-bottom-nav a[href="/sports"]::before {

  background-image: url("https://i.ibb.co/rNW7kGV/football-1.png") !important;

}



.mobile-bottom-nav a[href="/sports/tr/football/live"]::before {

  background-image: url("https://i.ibb.co/ksM2MFLq/stream.png") !important;

}



.mobile-bottom-nav a[href="/bonuslar"]::before {

  background-image: url("https://i.ibb.co/ZCVvyw2/gift-box-with-a-bow-1.png") !important;

}
/* Harici destek balonunu yalnız kapalı durumdayken alt menünün üstünde tut. */
html:not(.bangla-support-open) div[style*="z-index: 2147483642"] {
  bottom: 80px !important;
}

/* Mobil canlı destek açıkken site katmanlarını kaldır. */
@media (max-width: 767px) {
  html.bangla-support-open,
  html.bangla-support-open body {
    height: 100%;
    overflow: hidden !important;
    overscroll-behavior: none;
  }

  html.bangla-support-open body {
    padding-bottom: 0 !important;
  }

  html.bangla-support-open header,
  html.bangla-support-open .mobile-bottom-nav,
  html.bangla-support-open .mobile-sidebar-overlay {
    display: none !important;
  }

  html.bangla-support-open
    .fixed.bottom-0.md\:bottom-6.right-0.md\:right-6.z-50 {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    z-index: 2147483640 !important;
  }

  html.bangla-support-open
    .fixed.bottom-0.md\:bottom-6.right-0.md\:right-6.z-50
    > div:first-child {
    padding-top: max(14px, env(safe-area-inset-top)) !important;
  }

  html.bangla-support-open
    .fixed.bottom-0.md\:bottom-6.right-0.md\:right-6.z-50
    .flex-1 {
    min-height: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    padding-bottom: max(14px, env(safe-area-inset-bottom)) !important;
  }
}

/* OYUN EKRANLARINDA CANLI DESTEK GİZLE */
body:has(iframe[src*="Games/Launch"]) a[href*="chatwindow.aspx"],
body:has(iframe[src*="Games/Launch"]) div[style*="z-index: 2147483642"] {
  display: none !important;
}

/* BANGLABET FOOTER PREMIUM */
footer {
  background:
    radial-gradient(circle at top left, rgba(52,114,213,.24), transparent 35%),
    linear-gradient(180deg, #1b1627 0%, #120f1c 55%, #080711 100%) !important;
  border-top: 1px solid rgba(52,114,213,.28) !important;
}

footer .container {
  position: relative;
}

footer h4 {
  color: #ffffff !important;
  font-weight: 900 !important;
  letter-spacing: .3px !important;
}

footer h4 span {
  filter: drop-shadow(0 0 8px rgba(52,114,213,.65));
}

footer a,
footer button {
  color: #d1d5db !important;
  transition: .2s ease !important;
}

footer a:hover,
footer button:hover {
  color: #ffffff !important;
  transform: translateX(3px);
  text-shadow: 0 0 10px rgba(52,114,213,.7);
}

footer .border-t,
footer div[class*="border-[#222]"] {
  border-color: rgba(52,114,213,.28) !important;
}

footer .text-gray-400 {
  color: #b8c3d8 !important;
}

footer .text-gray-500 {
  color: #7f8ba3 !important;
}

/* Footer özellik kartları */
footer .grid.grid-cols-2.md\:grid-cols-4 > div {
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(52,114,213,.22) !important;
  border-radius: 16px !important;
  padding: 14px !important;
  transition: .25s ease !important;
}

footer .grid.grid-cols-2.md\:grid-cols-4 > div:hover {
  background: rgba(52,114,213,.11) !important;
  border-color: rgba(52,114,213,.55) !important;
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(52,114,213,.18);
}

/* Feature icon kutuları */
footer .w-12.h-12.rounded-xl {
  background: linear-gradient(135deg, rgba(52,114,213,.25), rgba(255,255,255,.08)) !important;
  border: 1px solid rgba(52,114,213,.35) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 0 16px rgba(52,114,213,.16);
}

footer .w-12.h-12.rounded-xl svg {
  color: #5f93ef !important;
  stroke: #5f93ef !important;
}

/* Sosyal medya ikonları */
footer a[title="Instagram"],
footer a[title="Twitter / X"],
footer a[title="Telegram"] {
  background: linear-gradient(135deg, #5f93ef, #3472d5, #1f4f9e) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 8px 18px rgba(52,114,213,.28) !important;
}

footer a[title="Instagram"]:hover,
footer a[title="Twitter / X"]:hover,
footer a[title="Telegram"]:hover {
  transform: translateY(-3px) scale(1.08) !important;
  box-shadow: 0 12px 28px rgba(52,114,213,.45) !important;
}

/* 18+ badge */
footer .bg-red-600 {
  background: linear-gradient(135deg, #3472d5, #1f4f9e) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.2) !important;
}

/* Mobil düzen */
@media (max-width: 768px) {
  footer {
    padding-bottom: 70px !important;
  }

  footer .grid {
    gap: 18px !important;
  }

  footer h4 {
    font-size: 14px !important;
  }

  footer a,
  footer button {
    font-size: 12px !important;
  }
}

button[title="Suggest a bet"]{
    background:linear-gradient(
        135deg,
        #5f93ef 0%,
        #3472d5 55%,
        #1f4f9e 100%
    ) !important;

    color:#fff !important;
    border:1px solid rgba(255,255,255,.15);

    box-shadow:
      0 10px 24px rgba(52,114,213,.35),
      0 0 18px rgba(52,114,213,.25);

    border-radius:999px !important;
}

button[title="Suggest a bet"]:hover{
    transform:translateY(-2px) scale(1.04);
}

/* BANGLABET ANIMATED SPACE BACKGROUND */
body {
  background: linear-gradient(180deg, #1b1627 0%, #0d1020 45%, #050711 100%) !important;
  overflow-x: hidden;
}

#bangla-bg-canvas {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: -3;
  pointer-events: none;
}

.bangla-nebula-layer {
  position: fixed;
  inset: -20%;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 30%, rgba(52,114,213,.28), transparent 28%),
    radial-gradient(circle at 80% 20%, rgba(95,147,239,.18), transparent 30%),
    radial-gradient(circle at 50% 80%, rgba(80,60,180,.18), transparent 32%);
  filter: blur(25px);
  animation: banglaNebulaMove 18s ease-in-out infinite alternate;
}

@keyframes banglaNebulaMove {
  from {
    transform: translate3d(-2%, -1%, 0) scale(1);
  }
  to {
    transform: translate3d(2%, 3%, 0) scale(1.08);
  }
}


/* Yalnız gerçek oyun iframe'i varken oyun yerleşimini uygula. */
body:has(iframe[src*="Games/Launch" i]) footer {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    clear: both !important;
    z-index: 1 !important;
}

/* Oyun alanı footer için gerçek yükseklik oluştursun */
body:has(iframe[src*="Games/Launch" i]) main {
    position: relative !important;
    min-height: calc(100dvh - 80px) !important;
}

/* Oyun iframe'i blok olarak dursun */
body:has(iframe[src*="Games/Launch" i]) iframe[src*="Games/Launch" i] {
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
    max-width: 100% !important;
}

/* Mobil alt menü payı */
@media (max-width: 1023px) {
    body:has(iframe[src*="Games/Launch" i]) {
        padding-bottom: 65px !important;
    }

    body:has(iframe[src*="Games/Launch" i]) footer {
        padding-bottom: 80px !important;
    }
}

/* Oyun sayfasında footer ve alt menü hiçbir aşamada görünmesin */
html.bangla-game-active footer,
html.bangla-game-active .mobile-bottom-nav {
    display: none !important;
}


html.bangla-game-active body {
    padding-bottom: 0 !important;
}