/* ==========================================================
   Warna BARBARSLOT — gelap + oranye/emas, menimpa tema platform.
   Dimuat setelah tema dark-orange.
   ========================================================== */
:root{
  --bb-bg:#0a0705;--bb-panel:#15100a;--bb-line:rgba(250,163,2,.35);
  --bb-amber:#ffd21a;--bb-orange:#faa302;--bb-flame:#f83600;
  --body-theme-bg:#0a0705;
  --site-header-bg:transparent;
  --site-header-border:2px solid #faa302;
  --topbar-cntr-bg:#0d0906;
  --topbar-left-section-language-selector-bg:#1b140c;
  --top-menu-li-a-color:#e6cfa8;
  --top-menu-li-true-hover-bg:radial-gradient(circle at top center,rgba(250,163,2,.28) 0,rgba(250,163,2,0) 100%);
  --top-menu-li-true-hover-a-color:#ffd21a;
}

/* latar halaman: background Barbarslot, bukan abu-abu */
html,body{background-color:var(--bb-bg)!important}
body{background:linear-gradient(rgba(10,7,5,.62),rgba(10,7,5,.9)),url(/img/background.webp) center/cover no-repeat fixed,var(--bb-bg)!important}

/* header: gambar header Barbarslot, sama seperti situs prediksi */
.site-header{
  position:relative;
  background:linear-gradient(rgba(10,7,5,.55),rgba(10,7,5,.82)),url(/img/headerbarbarslot.webp) center/cover no-repeat,#120d08!important;
  border-bottom:2px solid var(--bb-orange)!important;
  box-shadow:0 2px 24px rgba(250,163,2,.25)
}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--bb-amber),var(--bb-flame),transparent);box-shadow:0 0 14px var(--bb-orange)}
.site-header .logo>img{filter:drop-shadow(0 0 10px rgba(250,163,2,.5))}

/* bilah paling atas (login, bahasa) */
.topbar-container,.top-bar,.topbar{background:#0d0906!important;border-bottom:1px solid var(--bb-line)}

/* ==========================================================
   MENU ATAS — gaya UI, tanpa mengubah tata letak bawaan.
   Catatan: jangan beri .menu-slide filter/backdrop-filter/transform —
   dropdown provider (.game-list) diposisikan terhadap .container dan
   akan terpotong/bergeser bila .menu-slide jadi patokannya.
   ========================================================== */
.menu-slide{
  border-radius:16px;
  background:linear-gradient(180deg,rgba(27,20,12,.72),rgba(10,7,5,.72));
  box-shadow:inset 0 0 0 1px rgba(250,163,2,.28),inset 0 1px 0 rgba(255,255,255,.05)
}
.menu-slide>i{
  flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;
  color:var(--bb-amber);background:rgba(250,163,2,.1);
  transition:background .2s,box-shadow .2s,color .2s
}
.menu-slide>i:hover{background:linear-gradient(135deg,var(--bb-amber),var(--bb-flame));color:#2a1a00;box-shadow:0 0 12px rgba(250,163,2,.6)}
.menu-slide>i.bi-chevron-left{margin:0 4px 0 6px}
.menu-slide>i.bi-chevron-right{margin:0 6px 0 4px}

/* ubin: hanya warna, bayangan & sudut — ukuran dan jarak tetap bawaan */
.top-menu>li[data-active="true"],.top-menu>li:hover{background-image:none!important}
.top-menu>li>a{
  border-radius:12px;color:#e6cfa8;font-weight:700;
  transition:background .2s,box-shadow .2s,color .2s
}
.top-menu>li>a>img{transition:transform .2s,filter .2s}
.top-menu>li:hover>a{
  color:var(--bb-amber);
  background:linear-gradient(180deg,rgba(250,163,2,.2),rgba(250,163,2,.03));
  box-shadow:inset 0 0 0 1px rgba(250,163,2,.5),0 0 14px rgba(250,163,2,.18)
}
.top-menu>li:hover>a>img{transform:scale(1.12);filter:drop-shadow(0 0 6px rgba(250,163,2,.8))}
.top-menu>li[data-active="true"]>a{
  color:#2a1a00;background:linear-gradient(180deg,var(--bb-amber),#e07b00);
  box-shadow:0 0 16px rgba(250,163,2,.5)
}

@media(prefers-reduced-motion:reduce){
  .top-menu>li>a,.top-menu>li>a>img,.menu-slide>i{transition:none}
}

/* ==========================================================
   PEMBERITAHUAN — kaca 3D transparan, latar tetap tembus.
   Hanya warna/bayangan/sudut; ukuran & tata letak bawaan.
   ========================================================== */
.announcement-container{
  position:relative;
  color:var(--bb-amber);
  border-radius:16px;
  background:
    linear-gradient(180deg,rgba(255,210,26,.16) 0%,rgba(250,163,2,.07) 45%,rgba(10,7,5,.38) 100%);
  border:1px solid rgba(250,163,2,.38);
  -webkit-backdrop-filter:blur(6px) saturate(1.2);backdrop-filter:blur(6px) saturate(1.2);
  box-shadow:
    inset 0 1px 0 rgba(255,236,190,.35),      /* sorot cahaya tepi atas */
    inset 0 -2px 0 rgba(0,0,0,.35),           /* tepi bawah dalam */
    0 5px 0 rgba(140,72,0,.55),               /* ketebalan: kesan timbul */
    0 7px 0 rgba(0,0,0,.35),
    0 14px 28px rgba(0,0,0,.45),
    0 0 26px rgba(250,163,2,.15)
}
/* kilau kaca di separuh atas */
.announcement-container::before{
  content:"";position:absolute;inset:1px 1px 50% 1px;border-radius:15px 15px 40% 40%/15px 15px 12px 12px;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0));pointer-events:none
}
.announcement-container>*{position:relative}

/* judul "Pemberitahuan" */
.announcement-container>[data-section="title"]{
  font-weight:800;letter-spacing:.6px;color:var(--bb-amber);
  text-shadow:0 1px 0 rgba(0,0,0,.6),0 0 12px rgba(250,163,2,.55)
}
.announcement-container [data-icon="announcement"]{filter:drop-shadow(0 0 6px rgba(250,163,2,.9));animation:bbGoyang 3s ease-in-out infinite}
@keyframes bbGoyang{0%,86%,100%{transform:rotate(0)}89%{transform:rotate(-14deg)}92%{transform:rotate(12deg)}95%{transform:rotate(-8deg)}}

/* jalur teks berjalan: cekung ke dalam */
.announcement-container>[data-section="announcements"]{
  border-radius:10px;
  background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(20,12,4,.35));
  box-shadow:inset 0 2px 6px rgba(0,0,0,.7),inset 0 -1px 0 rgba(255,210,26,.18),0 1px 0 rgba(255,236,190,.12)
}
.announcement-container .announcement-list li{color:#ffe2a8;text-shadow:0 0 8px rgba(250,163,2,.35)}

/* tanggal jadi kapsul */
.announcement-container>[data-section="date"]{
  align-self:center;padding:4px 12px;border-radius:999px;font-size:12px;color:#ffe2a8;
  background:rgba(0,0,0,.35);box-shadow:inset 0 1px 2px rgba(0,0,0,.6),0 1px 0 rgba(255,236,190,.15)
}

@media(prefers-reduced-motion:reduce){.announcement-container [data-icon="announcement"]{animation:none}}

/* ==========================================================
   GAME POPULER — kaca 3D transparan, senada dengan pemberitahuan.
   Ukuran ubin & tata letak gulir tetap bawaan.
   ========================================================== */
.popular-game-title-container{--bb-glass:linear-gradient(180deg,rgba(255,210,26,.14) 0%,rgba(250,163,2,.06) 45%,rgba(10,7,5,.40) 100%)}

/* tab judul: kapsul kaca timbul */
.popular-game-title-container .container-title span{
  border-radius:14px 14px 0 0;padding:7px 34px;margin-left:14px;
  font-weight:800;letter-spacing:1px;color:var(--bb-amber);
  background:linear-gradient(180deg,rgba(255,210,26,.32),rgba(250,163,2,.12));
  border:1px solid rgba(250,163,2,.45);border-bottom:0;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:inset 0 1px 0 rgba(255,236,190,.45),0 -4px 18px rgba(250,163,2,.2);
  text-shadow:0 1px 0 rgba(0,0,0,.6),0 0 12px rgba(250,163,2,.6)
}
.popular-game-title-container .container-title span:after{display:none}
.popular-game-title-container .container-title span::before{content:"🔥";margin-right:8px;filter:drop-shadow(0 0 6px rgba(248,54,0,.8))}

/* panel isi */
.popular-game-title-container .container-content{
  position:relative;border-radius:0 16px 16px 16px;
  background:var(--bb-glass);
  border:1px solid rgba(250,163,2,.38);
  -webkit-backdrop-filter:blur(6px) saturate(1.2);backdrop-filter:blur(6px) saturate(1.2);
  box-shadow:
    inset 0 1px 0 rgba(255,236,190,.3),
    inset 0 -2px 0 rgba(0,0,0,.35),
    0 5px 0 rgba(140,72,0,.55),
    0 7px 0 rgba(0,0,0,.35),
    0 14px 28px rgba(0,0,0,.45),
    0 0 26px rgba(250,163,2,.14)
}

/* ubin game: kaca kecil timbul */
.popular-game-title-container .container-content .game-list .wrapper-container{
  border-radius:14px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,236,190,.12),rgba(10,7,5,.35))!important;
  box-shadow:inset 0 1px 0 rgba(255,236,190,.35),inset 0 0 0 1px rgba(250,163,2,.3),0 4px 0 rgba(140,72,0,.5),0 8px 14px rgba(0,0,0,.45);
  transition:box-shadow .2s,transform .2s
}
.popular-game-title-container .container-content .game-list .wrapper-container img{border-radius:10px}
.popular-game-title-container .container-content .game-list .game-item:hover .wrapper-container{
  transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,236,190,.5),inset 0 0 0 1px rgba(255,210,26,.7),0 4px 0 rgba(170,90,0,.7),0 10px 20px rgba(0,0,0,.5),0 0 18px rgba(250,163,2,.45)
}
.popular-game-title-container .container-content .game-list .game-item .game-name{
  margin-top:6px;color:#ffe2a8;font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.7)
}
/* tombol MAIN */
.popular-game-title-container .container-content .game-list .game-item .link-container a{
  border-radius:999px;font-weight:800;color:#2a1a00;
  background:linear-gradient(180deg,var(--bb-amber),#e07b00);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 0 rgba(140,72,0,.8),0 0 12px rgba(250,163,2,.5)
}

/* bilah gulir */
.popular-game-title-container .container-content .game-list::-webkit-scrollbar-track{background:rgba(0,0,0,.35);border-radius:9px}
.popular-game-title-container .container-content .game-list::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--bb-amber),var(--bb-flame));border-radius:9px}

@media(prefers-reduced-motion:reduce){
  .popular-game-title-container .container-content .game-list .wrapper-container{transition:none}
  .popular-game-title-container .container-content .game-list .game-item:hover .wrapper-container{transform:none}
}

/* ==========================================================
   BAGIAN BAWAH — Video Slots Popular, Download APK, Footer.
   Kaca 3D transparan yang sama; ukuran & tata letak bawaan.
   ========================================================== */
:root{
  /* panel abu-abu bawaan tema dijadikan transparan */
  --popular-games-bg:transparent;
  --popular-games-left-section-title-bg:transparent;
  --popular-games-left-section-title-color:#ffd21a;
  --popular-games-scrtabs-tab-cntr-bg:rgba(0,0,0,.35);
  --popular-games-nav-tabs-li-a-bg:rgba(255,255,255,.05);
  --popular-games-nav-tabs-li-a-active-bg:rgba(250,163,2,.28);
  --popular-games-scroll-arrow-color:#ffd21a;
  --popular-games-tab-pane-bg:transparent;
  --popular-games-tab-content-border:0;
  --popular-games-list-game-item-hover-link-cntr-bg:rgba(10,7,5,.72);
  --jackpot-winners-bg:transparent;
  --jackpot-winners-jackpot-winner-title-color:#ffd21a;
  --jackpot-winners-winners-ticker-cntr-bg:rgba(0,0,0,.4);
  --site-footer-bg:transparent;
  --site-footer-border:0;
  --footer-separator-border:1px solid rgba(250,163,2,.22);
  --footer-featured-product-card-header-color:#ffd21a;
  --footer-featured-product-card-note-color:#d9c29c;
  --footer-transaction-service-header-color:#ffd21a;
  --footer-transaction-service-note-color:#d9c29c;
  --footer-hero-icon-bg:linear-gradient(135deg,#ffd21a,#f83600);
  --footer-links-li-a-color:#d9c29c;
  --footer-links-li-a-hover-color:#ffd21a;
  --footer-section-title-color:#ffd21a;
  --footer-description-header-color:#ffd21a;
  --footer-description-note-color:#c9b08f;

  /* resep kaca 3D, dipakai berulang */
  --bb-kaca:linear-gradient(180deg,rgba(255,210,26,.13) 0%,rgba(250,163,2,.05) 45%,rgba(10,7,5,.42) 100%);
  --bb-timbul:
    inset 0 1px 0 rgba(255,236,190,.3),
    inset 0 -2px 0 rgba(0,0,0,.35),
    0 5px 0 rgba(140,72,0,.55),
    0 7px 0 rgba(0,0,0,.35),
    0 14px 28px rgba(0,0,0,.45),
    0 0 26px rgba(250,163,2,.14);
  --bb-cekung:inset 0 2px 6px rgba(0,0,0,.7),inset 0 -1px 0 rgba(255,210,26,.16),0 1px 0 rgba(255,236,190,.1);
}

/* ---- Video Slots Popular ---- */
.popular-games{
  border-radius:18px;overflow:hidden;
  background-color:transparent;
  background-image:var(--bb-kaca),var(--image-src);
  border:1px solid rgba(250,163,2,.38);
  -webkit-backdrop-filter:blur(6px) saturate(1.2);backdrop-filter:blur(6px) saturate(1.2);
  box-shadow:var(--bb-timbul)
}
.popular-games [data-section="left"] .section-title{
  font-weight:800;letter-spacing:.5px;
  background:linear-gradient(180deg,rgba(255,210,26,.22),rgba(250,163,2,.06));
  box-shadow:inset 0 1px 0 rgba(255,236,190,.35),inset 0 -1px 0 rgba(250,163,2,.3);
  text-shadow:0 1px 0 rgba(0,0,0,.6),0 0 12px rgba(250,163,2,.55)
}
.popular-games [data-section="left"] [data-icon="play"]{filter:drop-shadow(0 0 6px rgba(250,163,2,.9))}
.jackpot-winners .jackpot-winner-title{font-weight:800;text-shadow:0 0 10px rgba(250,163,2,.55)}
.jackpot-winners .jackpot-winner-title [data-icon="trophy"]{filter:drop-shadow(0 0 6px rgba(255,210,26,.9))}
.jackpot-winners .winners-ticker-container{border-radius:12px;box-shadow:var(--bb-cekung)}
.winners-ticker ul li{border-bottom:1px solid rgba(250,163,2,.12)}
.winners-ticker ul li img{border-radius:10px;box-shadow:0 0 0 1px rgba(250,163,2,.35),0 3px 8px rgba(0,0,0,.5)}
.winners-ticker ul li .winner-info{color:#e6cfa8}
.winners-ticker ul li .winner-amount{color:#ffd21a;font-weight:800;text-shadow:0 0 8px rgba(250,163,2,.6)}
.popular-games [data-section="left"] > a img{border-radius:12px;box-shadow:0 4px 0 rgba(140,72,0,.5),0 8px 16px rgba(0,0,0,.45)}

/* tab provider */
.popular-games .scrtabs-tab-container{border-radius:12px;box-shadow:var(--bb-cekung)}
.popular-games .nav-tabs>li>a{border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,236,190,.12),inset 0 0 0 1px rgba(250,163,2,.18);transition:background .2s,box-shadow .2s}
.popular-games .nav-tabs>li>a:hover,.popular-games .nav-tabs>li>a.active,.popular-games .nav-tabs>li.active>a{
  background:linear-gradient(180deg,rgba(255,210,26,.35),rgba(250,163,2,.15))!important;
  box-shadow:inset 0 1px 0 rgba(255,236,190,.45),inset 0 0 0 1px rgba(255,210,26,.6),0 0 12px rgba(250,163,2,.45)
}

/* kartu game di kanan */
.popular-game-list .game-wrapper{border-radius:12px;overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(250,163,2,.3),0 4px 0 rgba(140,72,0,.5),0 8px 14px rgba(0,0,0,.45);transition:box-shadow .2s,transform .2s}
.popular-game-list .game-item:hover .game-wrapper{transform:translateY(-2px);
  box-shadow:inset 0 0 0 1px rgba(255,210,26,.7),0 4px 0 rgba(170,90,0,.7),0 10px 20px rgba(0,0,0,.5),0 0 18px rgba(250,163,2,.45)}
.popular-game-list .link-container a{border-radius:999px;font-weight:800}
.popular-game-list .link-container a.play-now{color:#2a1a00;background:linear-gradient(180deg,#ffd21a,#e07b00);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 0 rgba(140,72,0,.8),0 0 12px rgba(250,163,2,.5)}
.popular-game-list .link-container a.free-play{color:#ffd21a;background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px rgba(250,163,2,.6)}

/* ---- Download APK ---- */
.download-apk-container{
  margin:10px 0 25px;border-radius:18px;
  border:1px solid rgba(250,163,2,.38);
  box-shadow:var(--bb-timbul)
}
.download-apk-btn{border-radius:12px;filter:drop-shadow(0 4px 0 rgba(140,72,0,.6)) drop-shadow(0 0 10px rgba(250,163,2,.35))}

/* ---- Footer ---- */
.site-footer{
  position:relative;
  background:linear-gradient(180deg,rgba(20,14,8,.55),rgba(5,3,2,.88))!important;
  border-top:1px solid rgba(250,163,2,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,236,190,.18),0 -10px 30px rgba(0,0,0,.4)
}
.site-footer::before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#ffd21a,#f83600,transparent);box-shadow:0 0 14px #faa302}
.site-info-description{
  border-radius:16px!important;
  background:var(--bb-kaca)!important;
  border:1px solid rgba(250,163,2,.35)!important;
  box-shadow:var(--bb-timbul);
  transition:transform .2s,box-shadow .2s
}
.site-info-description:hover{transform:translateY(-3px)}
.site-info-description div:has(img){box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 3px 0 rgba(140,72,0,.7),0 0 12px rgba(250,163,2,.5)}
.footer-links>li>a{transition:color .15s,text-shadow .15s}
.footer-links>li>a:hover{text-shadow:0 0 8px rgba(250,163,2,.6)}

@media(prefers-reduced-motion:reduce){
  .popular-game-list .game-wrapper,.site-info-description{transition:none}
  .popular-game-list .game-item:hover .game-wrapper,.site-info-description:hover{transform:none}
}

/* ==========================================================
   BILAH PALING ATAS — ikon (live chat, android, HP), bahasa,
   tombol MASUK/DAFTAR dibuat 3D tegas.
   Tanpa backdrop-filter/overflow agar dropdown bahasa aman.
   ========================================================== */
.topbar-container,.topbar-container.topbar-container{
  position:relative;
  background:linear-gradient(180deg,#2a1d0f 0%,#16100a 55%,#0b0805 100%)!important;
  border-bottom:1px solid rgba(250,163,2,.45);
  box-shadow:inset 0 1px 0 rgba(255,236,190,.22),inset 0 -1px 0 rgba(0,0,0,.6),0 3px 0 rgba(140,72,0,.45),0 6px 14px rgba(0,0,0,.5);
  z-index:61
}

/* ikon jadi tombol kotak timbul */
.topbar-left-section .topbar-item+.topbar-item{border-left:0;margin-left:8px;padding-left:0}
.topbar-left-section .topbar-item a,.topbar-left-section .live-chat,.topbar-left-section .language-selector-trigger{
  padding:6px;border-radius:10px;
  background:linear-gradient(180deg,rgba(255,210,26,.2),rgba(250,163,2,.06) 55%,rgba(0,0,0,.35));
  box-shadow:inset 0 1px 0 rgba(255,236,190,.4),inset 0 0 0 1px rgba(250,163,2,.45),0 3px 0 rgba(140,72,0,.75),0 5px 8px rgba(0,0,0,.5);
  transition:transform .12s,box-shadow .12s,background .2s
}
.topbar-left-section .topbar-item a:hover,.topbar-left-section .live-chat:hover,.topbar-left-section .language-selector-trigger:hover{
  background:linear-gradient(180deg,rgba(255,210,26,.38),rgba(250,163,2,.14) 55%,rgba(0,0,0,.3));
  box-shadow:inset 0 1px 0 rgba(255,236,190,.55),inset 0 0 0 1px rgba(255,210,26,.8),0 3px 0 rgba(170,90,0,.85),0 5px 8px rgba(0,0,0,.5),0 0 14px rgba(250,163,2,.5)
}
/* efek ditekan */
.topbar-left-section .topbar-item a:active,.topbar-left-section .live-chat:active,.topbar-left-section .language-selector-trigger:active{
  transform:translateY(3px);
  box-shadow:inset 0 1px 0 rgba(255,236,190,.3),inset 0 0 0 1px rgba(250,163,2,.6),0 0 0 rgba(140,72,0,.75),0 1px 3px rgba(0,0,0,.5)
}
.topbar-left-section [data-icon]{filter:drop-shadow(0 1px 0 rgba(0,0,0,.7)) drop-shadow(0 0 5px rgba(250,163,2,.45))}
/* ikon android diberi aksen hijau supaya menonjol */
.topbar-left-section .topbar-item a.download-apk-btn{
  background:linear-gradient(180deg,rgba(61,220,132,.35),rgba(20,120,60,.25) 55%,rgba(0,0,0,.35));
  box-shadow:inset 0 1px 0 rgba(200,255,220,.45),inset 0 0 0 1px rgba(61,220,132,.6),0 3px 0 rgba(10,90,40,.85),0 5px 8px rgba(0,0,0,.5)
}
.topbar-left-section .topbar-item a.download-apk-btn:hover{box-shadow:inset 0 1px 0 rgba(200,255,220,.6),inset 0 0 0 1px rgba(61,220,132,.9),0 3px 0 rgba(10,90,40,.9),0 5px 8px rgba(0,0,0,.5),0 0 14px rgba(61,220,132,.55)}

/* tombol MASUK & DAFTAR */
.login-panel .login-button,.login-panel .register-button{
  border-radius:12px;font-weight:800;letter-spacing:.6px;line-height:24px;transition:transform .12s,box-shadow .12s,filter .15s
}
.login-panel .login-button{
  color:#ffd21a;border:0;
  background:linear-gradient(180deg,#3a2812,#1a120a);
  box-shadow:inset 0 1px 0 rgba(255,236,190,.3),inset 0 0 0 1px rgba(250,163,2,.6),0 3px 0 #5a3204,0 6px 10px rgba(0,0,0,.5)
}
.login-panel .register-button{
  color:#2a1a00;border:0;text-shadow:0 1px 0 rgba(255,255,255,.35);
  background:linear-gradient(180deg,#ffe35a,#ffb300 50%,#e07b00);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 0 rgba(160,70,0,.45),0 3px 0 #8c4800,0 6px 12px rgba(0,0,0,.5),0 0 16px rgba(250,163,2,.45)
}
.login-panel .login-button:hover,.login-panel .register-button:hover{filter:brightness(1.1)}
.login-panel .login-button:hover{color:#ffe35a;background:linear-gradient(180deg,#4a3316,#1f160c)}
.login-panel .register-button:hover{color:#2a1a00;background:linear-gradient(180deg,#ffe35a,#ffb300 50%,#e07b00)}
.login-panel .login-button:active,.login-panel .register-button:active{transform:translateY(3px)}
.login-panel .login-button:active{box-shadow:inset 0 1px 0 rgba(255,236,190,.2),inset 0 0 0 1px rgba(250,163,2,.6),0 0 0 #5a3204,0 2px 4px rgba(0,0,0,.5)}
.login-panel .register-button:active{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(160,70,0,.45),0 0 0 #8c4800,0 2px 4px rgba(0,0,0,.5)}

@media(prefers-reduced-motion:reduce){
  .topbar-left-section .topbar-item a,.topbar-left-section .live-chat,.topbar-left-section .language-selector-trigger,
  .login-panel .login-button,.login-panel .register-button{transition:none}
}

/* ==========================================================
   POPUP "PENGUMUMAN PENTING!" — kotak 3D emas.
   Hanya #popup_modal; popup login/daftar tidak ikut berubah.
   ========================================================== */
.modal-backdrop.show{--bs-backdrop-opacity:.72}
#popup_modal.show .modal-content{animation:bbMuncul .45s cubic-bezier(.2,1.3,.4,1)}
@keyframes bbMuncul{from{opacity:0;transform:scale(.86) translateY(14px)}to{opacity:1;transform:none}}

#popup_modal .modal-content{
  position:relative;color:#f3e2c2;
  border-radius:22px!important;
  background:
    radial-gradient(120% 70% at 50% 0%,rgba(250,163,2,.22),transparent 60%),
    linear-gradient(180deg,#22180d 0%,#120c07 60%,#0a0705 100%)!important;
  border:1px solid rgba(255,210,26,.55)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,236,190,.45),
    inset 0 0 0 2px rgba(250,163,2,.12),
    0 7px 0 #8c4800,                        /* ketebalan kotak */
    0 9px 0 rgba(0,0,0,.45),
    0 26px 50px rgba(0,0,0,.7),
    0 0 40px rgba(250,163,2,.35)
}
/* garis neon di tepi atas kotak */
#popup_modal .modal-content::before{
  content:"";position:absolute;top:0;left:12%;right:12%;height:2px;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,transparent,#ffd21a,#f83600,transparent);box-shadow:0 0 14px #faa302
}

/* kepala popup: pita emas timbul */
#popup_modal .modal-header{
  position:relative;text-align:center;border:0;padding:18px 48px 16px;
  background:linear-gradient(180deg,rgba(255,210,26,.28),rgba(250,163,2,.08));
  box-shadow:inset 0 -1px 0 rgba(250,163,2,.4),0 1px 0 rgba(0,0,0,.6)
}
#popup_modal .modal-title{
  font-weight:900;letter-spacing:1px;color:#ffd21a;
  text-shadow:0 1px 0 #b36200,0 2px 0 #8c4800,0 3px 0 #5a3204,0 5px 10px rgba(0,0,0,.6),0 0 18px rgba(250,163,2,.6)
}
#popup_modal .modal-title::before{
  /* pakai ikon bawaan popup (jangan tambah teks/ikon lain — akan menumpuk) */
  filter:drop-shadow(0 0 12px rgba(250,163,2,.85)) drop-shadow(0 3px 0 rgba(90,50,4,.8));
  animation:bbDenyut 1.8s ease-in-out infinite
}
@keyframes bbDenyut{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}

/* tombol tutup bulat timbul */
#popup_modal .btn-close{
  position:absolute;top:12px;right:12px;z-index:3;opacity:1;
  width:32px;height:32px;padding:0;border-radius:50%;
  background:linear-gradient(180deg,#3a2812,#1a120a)!important;color:#ffd21a;font-size:20px;line-height:30px;
  box-shadow:inset 0 1px 0 rgba(255,236,190,.35),inset 0 0 0 1px rgba(250,163,2,.6),0 3px 0 #5a3204,0 5px 8px rgba(0,0,0,.5);
  transition:transform .12s,box-shadow .12s
}
#popup_modal .btn-close span{color:#ffd21a}
#popup_modal .btn-close:hover{box-shadow:inset 0 1px 0 rgba(255,236,190,.5),inset 0 0 0 1px #ffd21a,0 3px 0 #5a3204,0 0 14px rgba(250,163,2,.6)}
#popup_modal .btn-close:active{transform:translateY(3px);box-shadow:inset 0 0 0 1px rgba(250,163,2,.6),0 0 0 #5a3204}

/* isi */
#popup_modal .modal-body{padding:18px 20px 6px}
#popup_modal .modal-body .popup-thumbnail{display:block;border-radius:14px;overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,210,26,.5),0 4px 0 rgba(140,72,0,.6),0 10px 20px rgba(0,0,0,.55);transition:transform .2s,box-shadow .2s}
#popup_modal .modal-body .popup-thumbnail:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffd21a,0 4px 0 rgba(170,90,0,.8),0 12px 24px rgba(0,0,0,.6),0 0 20px rgba(250,163,2,.45)}
#popup_modal .modal-body p strong{color:#ffd21a;text-shadow:0 0 10px rgba(250,163,2,.45)}

/* kaki: tombol OK emas 3D */
#popup_modal .modal-footer{border:0;justify-content:center;padding:10px 20px 22px}
#popup_modal .modal-footer .btn{
  min-width:150px;padding:10px 24px;border:0;border-radius:14px;
  font-weight:900;letter-spacing:1px;transition:transform .12s,box-shadow .12s,filter .15s
}
#popup_modal .modal-footer .btn-primary{
  color:#2a1a00;text-shadow:0 1px 0 rgba(255,255,255,.35);
  background:linear-gradient(180deg,#ffe35a,#ffb300 50%,#e07b00)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 0 rgba(160,70,0,.45),0 4px 0 #8c4800,0 8px 14px rgba(0,0,0,.5),0 0 18px rgba(250,163,2,.45)
}
#popup_modal .modal-footer .btn-secondary{
  color:#ffd21a;background:linear-gradient(180deg,#3a2812,#1a120a)!important;
  box-shadow:inset 0 1px 0 rgba(255,236,190,.3),inset 0 0 0 1px rgba(250,163,2,.6),0 4px 0 #5a3204,0 8px 14px rgba(0,0,0,.5)
}
#popup_modal .modal-footer .btn:hover{filter:brightness(1.1)}
#popup_modal .modal-footer .btn:active{transform:translateY(4px)}
#popup_modal .modal-footer .btn-primary:active{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 #8c4800,0 2px 4px rgba(0,0,0,.5)}

@media(prefers-reduced-motion:reduce){
  #popup_modal.show .modal-content,#popup_modal .modal-title::before{animation:none}
}

/* ==========================================================
   JACKPOT PLAY — bingkai emas 3D, layar angka cekung menyala.
   ========================================================== */
.home-progressive-jackpot{
  position:relative;overflow:hidden;border-radius:34px;
  background-image:linear-gradient(180deg,#ffe98a 0%,#ffbe1a 22%,#c96f00 55%,#7a3f00 78%,#ffcf3a 100%);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.75),
    inset 0 -3px 0 rgba(90,40,0,.6),
    0 7px 0 #5a3204,
    0 9px 0 rgba(0,0,0,.45),
    0 20px 34px rgba(0,0,0,.55),
    0 0 34px rgba(250,163,2,.4)
}
/* kilau yang menyapu bingkai */
.home-progressive-jackpot::after{
  content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-20deg);animation:bbSapu 4.5s ease-in-out infinite
}
@keyframes bbSapu{0%,55%{left:-40%}100%{left:130%}}

/* lapisan dalam: cekung gelap */
.home-progressive-jackpot .outer-container{
  background:#050302;
  box-shadow:inset 0 4px 10px rgba(0,0,0,.95),inset 0 -1px 0 rgba(255,210,26,.25),0 1px 0 rgba(255,255,255,.35)
}
.home-progressive-jackpot .inner-container{
  background-image:linear-gradient(180deg,#7a4a08,#2a1802);
  box-shadow:inset 0 1px 0 rgba(255,220,140,.45),inset 0 -2px 4px rgba(0,0,0,.6)
}
.home-progressive-jackpot .border-container{
  background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(20,12,4,.75));
  border:2px solid #ffb300;
  box-shadow:inset 0 2px 8px rgba(0,0,0,.8),0 0 14px rgba(250,163,2,.45)
}

/* tulisan JACKPOT PLAY timbul */
.home-progressive-jackpot .jackpot-play-section img{filter:drop-shadow(0 4px 0 rgba(90,50,4,.9)) drop-shadow(0 0 12px rgba(250,163,2,.7))}
.home-progressive-jackpot .jackpot-play-section .jackpot-play-text{
  color:#fff4d6;
  text-shadow:0 1px 0 #d48a00,0 2px 0 #b36200,0 3px 0 #8c4800,0 4px 0 #5a3204,0 7px 12px rgba(0,0,0,.7)
}
.home-progressive-jackpot .jackpot-play-section .jackpot-play-text label{
  color:#ffd21a;text-shadow:0 1px 0 #b36200,0 2px 0 #8c4800,0 3px 0 #5a3204,0 6px 10px rgba(0,0,0,.7),0 0 16px rgba(250,163,2,.8)
}

/* layar angka jackpot */
.home-progressive-jackpot .jackpot-container{
  border-radius:60px;
  background-image:linear-gradient(180deg,#ffd21a,#b36200 50%,#3a2204);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(0,0,0,.5),0 3px 0 rgba(90,50,4,.8)
}
.home-progressive-jackpot .jackpot-inner-container{
  background:radial-gradient(120% 140% at 50% 0%,#1d1206,#000 70%);
  box-shadow:inset 0 4px 12px rgba(0,0,0,.95),inset 0 0 0 1px rgba(250,163,2,.25)
}
.home-progressive-jackpot .jackpot-border-container{
  border:2px dashed rgba(250,163,2,.35);
  color:#ffd21a;
  text-shadow:0 0 6px rgba(255,210,26,.95),0 0 16px rgba(250,163,2,.8),0 0 28px rgba(248,54,0,.55)
}
.home-progressive-jackpot .jackpot-currency{color:#ff9a1a;text-shadow:0 0 10px rgba(250,163,2,.8)}

/* seluruh kotak sedikit terangkat saat disentuh */
[data-section="jackpot"]>a{display:block;transition:transform .2s,filter .2s}
[data-section="jackpot"]>a:hover{transform:translateY(-3px);filter:brightness(1.06)}

@media(prefers-reduced-motion:reduce){
  .home-progressive-jackpot::after{animation:none;display:none}
  [data-section="jackpot"]>a{transition:none}
  [data-section="jackpot"]>a:hover{transform:none}
}

/* ==========================================================
   PLATFORM PENYEDIA LAYANAN — kotak kategori kaca 3D,
   label emas timbul, logo provider terangkat saat disentuh.
   ========================================================== */
:root{--provider-cntr-border:rgba(250,163,2,.38);--provider-cntr-color:#e6cfa8}

.provider-section{padding-top:10px;padding-bottom:26px}
.provider-section .footer-section-title{
  display:flex;align-items:center;gap:14px;margin:6px 0 4px;
  font-size:18px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#ffd21a;
  text-shadow:0 1px 0 #b36200,0 2px 0 #8c4800,0 3px 0 #5a3204,0 6px 10px rgba(0,0,0,.6),0 0 16px rgba(250,163,2,.55)
}
.provider-section .footer-section-title::after{
  content:"";flex:1;height:2px;border-radius:2px;
  background:linear-gradient(90deg,rgba(250,163,2,.8),transparent);box-shadow:0 0 10px rgba(250,163,2,.5)
}

/* kotak kategori */
.provider-container{
  margin:30px 12px 6px 0;padding:22px 14px 14px;border-radius:16px;
  background:var(--bb-kaca);
  border:1px solid rgba(250,163,2,.38);
  box-shadow:var(--bb-timbul);
  transition:transform .2s,box-shadow .2s
}
.provider-container:hover{
  transform:translateY(-3px);
  box-shadow:
    inset 0 1px 0 rgba(255,236,190,.4),inset 0 -2px 0 rgba(0,0,0,.35),
    0 5px 0 rgba(170,90,0,.7),0 7px 0 rgba(0,0,0,.35),0 16px 30px rgba(0,0,0,.5),0 0 30px rgba(250,163,2,.3)
}

/* label kategori: tab emas timbul di tepi atas */
.provider-container>h5{
  top:-15px;left:14px;padding:4px 14px;border-radius:10px;
  font-size:13px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;
  color:#2a1a00;text-shadow:0 1px 0 rgba(255,255,255,.35);
  background:linear-gradient(180deg,#ffe35a,#ffb300 50%,#e07b00);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 0 rgba(160,70,0,.45),0 3px 0 #8c4800,0 6px 10px rgba(0,0,0,.5),0 0 12px rgba(250,163,2,.4)
}

/* logo provider */
.provider-section .hover-list>li{
  border-radius:10px;padding:3px;margin-bottom:4px;
  transition:transform .18s,background .18s,box-shadow .18s
}
.provider-section .hover-list>li:hover{
  transform:translateY(-3px);
  background:linear-gradient(180deg,rgba(255,210,26,.18),rgba(250,163,2,.05));
  box-shadow:inset 0 0 0 1px rgba(255,210,26,.55),0 4px 0 rgba(140,72,0,.6),0 0 14px rgba(250,163,2,.4)
}
.provider-section .hover-list>li img{filter:drop-shadow(0 2px 0 rgba(0,0,0,.6))}

@media(prefers-reduced-motion:reduce){
  .provider-container,.provider-section .hover-list>li{transition:none}
  .provider-container:hover,.provider-section .hover-list>li:hover{transform:none}
}

/* ==========================================================
   METODE PEMBAYARAN — kotak kaca 3D, logo jadi keping timbul,
   lampu status online/offline.
   ========================================================== */
:root{--footer-card-container-border:rgba(250,163,2,.38);--footer-banking-card-bg:transparent;--footer-bank-list-note-color:#c9b08f}

/* kotak luar */
.footer-banking-section .banking-footer-section{
  border-radius:20px;border:1px solid rgba(250,163,2,.4);
  background:var(--bb-kaca);box-shadow:var(--bb-timbul)
}
/* panel daftar: cekung */
.footer-banking-section .bank-list-container{
  border-radius:16px;
  background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(20,12,4,.3));
  box-shadow:var(--bb-cekung)
}
.footer-banking-section .bank-judul{
  margin:0 0 6px;font-size:17px!important;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#ffd21a!important;
  text-shadow:0 1px 0 #b36200,0 2px 0 #8c4800,0 3px 0 #5a3204,0 6px 10px rgba(0,0,0,.6),0 0 14px rgba(250,163,2,.5)
}
.footer-banking-section .bank-grup{
  display:flex;align-items:center;gap:10px;margin:14px 0 2px;
  font-size:11.5px!important;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#faa302!important
}
.footer-banking-section .bank-grup::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(250,163,2,.6),transparent)}

/* keping logo */
.footer-banking-section .bank-list{gap:12px;padding:10px 0 4px}
.footer-banking-section .bank-list>li{margin:0;padding:0}
.footer-banking-section .bank-list [data-online]{
  width:96px;min-height:auto;padding:8px 8px 6px;gap:5px;border-radius:12px;
  background:linear-gradient(180deg,#ffffff 0%,#f1ece4 60%,#ddd3c4 100%);
  box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(0,0,0,.12),0 0 0 1px rgba(250,163,2,.45),0 4px 0 #8c4800,0 7px 12px rgba(0,0,0,.5);
  transition:transform .15s,box-shadow .15s
}
.footer-banking-section .bank-list [data-online]:hover{
  transform:translateY(-3px);
  box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(0,0,0,.12),0 0 0 2px #ffd21a,0 4px 0 #a85a00,0 10px 16px rgba(0,0,0,.55),0 0 16px rgba(250,163,2,.55)
}
.footer-banking-section .bank-list .bank-logo{width:80px;height:34px;object-fit:contain}
.footer-banking-section .bank-list .bank-nama{
  display:block;width:100%;padding-top:4px;border-top:1px solid rgba(0,0,0,.1);
  font-size:10.5px;font-weight:800;letter-spacing:.4px;color:#3a2810;line-height:1.1
}
/* lampu status: titik di pojok kanan atas (ganti bilah bawaan di kiri) */
.footer-banking-section .bank-list [data-online='true']:before,
.footer-banking-section .bank-list [data-online='false']:before{
  top:6px;left:auto;right:6px;bottom:auto;width:8px;height:8px;border-radius:50%;z-index:2
}
.footer-banking-section .bank-list [data-online='true']:before{background:#25d366;box-shadow:0 0 0 2px #fff,0 0 8px #25d366;animation:bbOnline 2s ease-in-out infinite}
.footer-banking-section .bank-list [data-online='false']:before{background:#e12d2d;box-shadow:0 0 0 2px #fff,0 0 6px #e12d2d}
.footer-banking-section .bank-list [data-online='false']{filter:grayscale(.7);opacity:.7}
@keyframes bbOnline{50%{box-shadow:0 0 0 2px #fff,0 0 2px #25d366}}

/* kartu Deposit / Penarikan */
.footer-banking-section .banking-footer-section .bank-service-container .site-info-description{border-radius:16px}

@media(prefers-reduced-motion:reduce){
  .footer-banking-section .bank-list [data-online]{transition:none}
  .footer-banking-section .bank-list [data-online]:hover{transform:none}
  .footer-banking-section .bank-list [data-online='true']:before{animation:none}
}