/* Unified dark theme — mobile + desktop */
html, body {
  background-color: #141126 !important;
  color: #fff !important;
}

.nav,
.bottom-nav,
.sidenav,
.g8app-mob,
.content {
  background-color: #141126 !important;
}
.menu { background-color: #080711 !important; }

.bottom-nav a,
.nav a,
.menu ul li a span,
.sidenav,
.sidenav_btn_title,
.sidenav_btn_forgetpw a,
.seo, .seo p, .seo h1, .seo h2,
.marquee, .menu-2 span,
.home-games > .title span {
  color: #fff !important;
}
.menu ul li { border-color: #33112e !important; }

/* Mobile Masuk / Daftar bar */
.quick-btn a {
  background: #3a3548 !important;
  color: #fff !important;
}
.quick-btn a:last-child {
  background: #942d86 !important;
  color: #fff !important;
}

/* Category strip + hide light scrollbar */
.menu-2 {
  background-color: #230b27 !important;
  border-color: #230b27 !important;
  scrollbar-width: thin;
  scrollbar-color: #942d86 #1a1024;
}
.menu-2::-webkit-scrollbar { height: 6px; }
.menu-2::-webkit-scrollbar-track { background: #1a1024; }
.menu-2::-webkit-scrollbar-thumb { background: #942d86; border-radius: 4px; }
.game-wrapper::-webkit-scrollbar { height: 6px; }
.game-wrapper::-webkit-scrollbar-track { background: #1a1024; }
.game-wrapper::-webkit-scrollbar-thumb { background: #942d86; border-radius: 4px; }

.sidenav-login { background: #4b4b45 !important; color: #fff !important; }
.sidenav-register,
.sidenav-register a { background: #6e1a55 !important; color: #fff !important; }

/* Desktop header inputs */
@media only screen and (min-width: 769px) {
  .header-menu ul li a { color: #fff !important; }
  .header-mdl__login-form .form-group input,
  .header-mdl__login-form .form-group input.form-control {
    background-color: #fff !important;
    color: #0a0a0a !important;
    border: none !important;
  }
  .header-mdl__login-form .form-group input::placeholder { color: #888 !important; }
  .header-mdl__login-forgot,
  .header-top__detail,
  .header-top__detail a,
  .header-top__detail span,
  .header-top__detail li { color: #e4e4e4 !important; }
}

/* Modals dark */
.modal-login,
.modal-forgot { background-color: rgba(8, 7, 17, 0.92) !important; }
.modal-login__dialog,
.modal-forgot__dialog {
  background-color: #1a152e !important;
  color: #fff !important;
}
.modal-login__dialog-header .header-title,
.modal-forgot__dialog-header .forgot-title,
.modal-login__dialog-body .button-forget { color: #fff !important; }
.modal-login__dialog-body form .form-container .form-input .form-group .form-control,
.modal-forgot__dialog-body form .form-container .form-group .form-control,
.form-group .form-control {
  background-color: #141126 !important;
  color: #fff !important;
  border: 1px solid #3a2f55 !important;
}
.modal-login__dialog-body .img-container img,
.modal-forgot__dialog-body .img-container img {
  filter: none !important;
  -webkit-filter: none !important;
}
.modal__content {
  background-color: #1a152e !important;
  color: #fff !important;
}

footer .information__detail p,
footer .nav-bottom li a,
footer .row-end-footer .box-copyright .text {
  color: #b9acbb !important;
}
/* CTA buttons as anchors */
.header-mdl__login-form a.button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  line-height: 1.42857;
}