/* Global Black-Green Theme */
:root{
  --bg:#030806;
  --panel:#0a120e;
  --panel2:#0f1a14;
  --gold:#24d98a;
  --gold2:#6bf0b2;
  --green:#24d98a;
  --green2:#6bf0b2;
  --text:#effff7;
  --muted:#8ca49a;
  --line:#1a3a2b;
}

html,body{background:#030806 !important;color:var(--text) !important;}
body{
  background-image:linear-gradient(rgba(2,10,7,.50),rgba(2,10,7,.68)),url('https://updatetiapharibugis.com/image/bg.jpg') !important;
  background-position:center top !important;
  background-size:cover !important;
  background-attachment:fixed !important;
  background-repeat:no-repeat !important;
}

/* Main page surfaces stay translucent so the same background remains visible. */
.app,
.slots-page,
.register-page,
.login-page,
.promo-page,
.dash,
.category-page,
.page-wrap,
.content-wrap{background:rgba(3,10,7,.72) !important;}

/* Headers */
.header,.slots-header,.register-head,.side-head{
  background:rgba(4,14,9,.88) !important;
  border-color:#19442f !important;
}

/* Buttons / actions */
.register,.register-submit,.hero-btn,.head-login,.guest-login-primary,.login-modal-submit,.submit,.bottom .center span{
  background:linear-gradient(135deg,#5af1aa,#10b971) !important;
  border-color:#49e69d !important;
  color:#031009 !important;
}
.login,.back-btn,.icon-btn,.search-btn,.more,.guest-login-secondary,.login-modal-close,.simple-card,.promo-card,.register-card,.login-card,.balance,.provider,.provider-brand,.game-card{
  border-color:#1a4a33 !important;
}
.login,.back-btn,.icon-btn,.search-btn,.more,.guest-login-secondary,.login-modal-close{
  background:#08150e !important;
  color:#dcfff0 !important;
}

/* Global panels */
.simple-card,.promo-card,.register-card,.login-card,.balance,
.provider,.provider-brand,.game-card,.home-benefit,.provider-item,.bank-online-card,
.dash-action,.toto,.error-state,.empty-state,.loading-card{
  background:linear-gradient(145deg,rgba(12,27,18,.94),rgba(4,12,8,.96)) !important;
}

/* Popup login */
#loginModal.login-modal-backdrop{background:rgba(0,0,0,.80) !important;backdrop-filter:blur(8px)!important;}
#loginModal .login-modal-box{background:linear-gradient(145deg,#0d1b13,#050b08) !important;border-color:#1d5a3d !important;box-shadow:0 28px 90px rgba(0,0,0,.72),0 0 30px rgba(36,217,138,.08)!important;}
#loginModal .login-modal-icon{background:rgba(36,217,138,.11)!important;border-color:rgba(36,217,138,.24)!important;color:#6bf0b2!important;}
#loginModal .login-modal-title,#loginModal .login-modal-field label{color:#effff7!important;}
#loginModal .login-modal-field input{background:#06120c!important;border-color:#1a3e2c!important;color:#effff7!important;}
#loginModal .login-modal-field input:focus{border-color:#32df94!important;box-shadow:0 0 0 3px rgba(50,223,148,.10)!important;}
#loginModal .login-modal-foot a{color:#6bf0b2!important;}

/* Grid press/active states */
.cat.active,.cat:active,.provider.active,.provider:active,.provider-brand.active,.provider-brand:active,
.category-provider.active,.category-provider:active,.game-card:active,.game:hover,
.games-grid .game-card:hover{
  border-color:#28df91 !important;
  box-shadow:0 0 0 1px rgba(40,223,145,.16),0 8px 24px rgba(0,0,0,.30) !important;
}
.cat.active,.category-provider.active,.provider.active,.provider-brand.active{
  background:linear-gradient(180deg,#0f2419,#07110c) !important;
}
.cat.active .cat-art,.provider-brand.active .provider-logo{border-color:#28df91!important;}

/* Typography / accent */
.section-head h2,.section-title,.eyebrow,.logo,.home-stat strong,.home-contact>a,.register-login a,.links a,.provider-item:hover,
.side-link:hover,.side-link.active,.side-tab.active,.game-meta,.hero-kicker,.hero-subtitle{color:#6bf0b2 !important;}
.dot,.section-head h2:after,.hero-dots i.active,.bank-online-dot{background:#24d98a !important;box-shadow:0 0 8px rgba(36,217,138,.68)!important;}

/* Inputs / forms */
.field input,.field textarea,.form-control,.search-box input{background:#06120c!important;border-color:#1a3c2b!important;color:#effff7!important;}
.field input:focus,.field textarea:focus,.form-control:focus,.search-box:focus-within{border-color:#2ce097!important;box-shadow:0 0 0 3px rgba(44,224,151,.10)!important;}

/* Login/register pages */
.login-page,.register-page,.promo-page{min-height:100vh;}
.login-card,.register-card,.promo-card{backdrop-filter:blur(6px)!important;}
.submit,.register-submit{box-shadow:0 9px 24px rgba(16,185,113,.18)!important;}

/* Slots surfaces */
.slots-page{background:rgba(3,10,7,.72)!important;border-left-color:#19442f!important;border-right-color:#19442f!important;}
.slots-header{background:rgba(4,14,9,.90)!important;border-color:#19442f!important;}
.provider.active,.provider-brand.active{color:#6bf0b2!important;}
.play-btn{background:linear-gradient(135deg,#5af1aa,#10b971)!important;border-color:#46e79b!important;color:#031009!important;}
.game-badge{color:#6bf0b2!important;border-color:rgba(61,226,150,.48)!important;background:rgba(3,14,9,.90)!important;}

/* Remove obvious gold remnants in common legacy components. */
.brand .fallback,.promo-mark,.latest-game-badge,.game-badge,.guest-login-icon{color:#6bf0b2!important;}
.promo-card:before{background:linear-gradient(#5af1aa,#10b971)!important;}
.promo-mark{background:linear-gradient(135deg,#5af1aa,#10b971)!important;color:#031009!important;}
.hero-orb{background:radial-gradient(circle at 38% 35%,#b8ffe0 0,#0fa969 28%,#064c31 55%,transparent 70%)!important;}

/* Mobile */
@media(max-width:600px){
  body{background-attachment:scroll!important;}
  .app,.slots-page,.register-page,.login-page,.promo-page{background-color:rgba(3,10,7,.68)!important;}
}