/* FINAL MOBILE OVERRIDES - 2026-08-24 */
@media (max-width:1080px){
  /* HOME: compact balance strip */
  body .home .baginda-mobile-balance{
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    padding:0 7px 0 14px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body .home .baginda-mobile-balance-left{gap:6px!important;height:100%!important;}
  body .home .baginda-balance-icon{
    width:28px!important;height:28px!important;min-width:28px!important;flex:0 0 28px!important;
    font-size:12px!important;
  }
  body .home .baginda-balance-label{font-size:12px!important;line-height:16px!important;}
  body .home #mobileMainBalance{font-size:13px!important;line-height:16px!important;}
  body .home .baginda-balance-refresh{
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
    max-width:34px!important;max-height:34px!important;flex:0 0 34px!important;
    font-size:18px!important;border-radius:50%!important;
  }
  body .home .baginda-balance-refresh i{font-size:18px!important;}
}
@media (max-width:390px){
  body .home .baginda-mobile-balance{height:46px!important;min-height:46px!important;max-height:46px!important;padding-left:12px!important;}
  body .home .baginda-balance-icon{width:26px!important;height:26px!important;min-width:26px!important;flex-basis:26px!important;font-size:11px!important;}
  body .home .baginda-balance-label{font-size:11px!important;}
  body .home #mobileMainBalance{font-size:12px!important;}
  body .home .baginda-balance-refresh{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;flex-basis:32px!important;font-size:17px!important;}
  body .home .baginda-balance-refresh i{font-size:17px!important;}
}

/* Referral page: keep the referral panel compact and prevent long URLs from breaking layout. */
body .transaksi .form-title #refferalCode{overflow-wrap:anywhere!important;word-break:break-word!important;}


/* FINAL BALANCE MICRO-COMPACT OVERRIDE - 2026-08-24 */
@media (max-width:1080px){
  body.home .baginda-mobile-balance{
    width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;
    padding:0 6px 0 10px!important;margin:0!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    box-sizing:border-box!important;overflow:hidden!important;line-height:1!important;
  }
  body.home .baginda-mobile-balance-left{
    height:40px!important;min-height:40px!important;gap:5px!important;
    display:flex!important;align-items:center!important;line-height:1!important;
  }
  body.home .baginda-balance-icon{
    width:23px!important;height:23px!important;min-width:23px!important;
    flex:0 0 23px!important;font-size:10px!important;line-height:23px!important;
  }
  body.home .baginda-balance-label{font-size:10px!important;line-height:12px!important;margin:0!important;padding:0!important;}
  body.home #mobileMainBalance{font-size:11px!important;line-height:13px!important;margin:0!important;padding:0!important;}
  body.home .baginda-balance-refresh{
    width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;
    max-width:27px!important;max-height:27px!important;flex:0 0 27px!important;
    margin:0!important;padding:0!important;border-radius:50%!important;
    font-size:13px!important;line-height:27px!important;
  }
  body.home .baginda-balance-refresh i{font-size:13px!important;line-height:1!important;margin:0!important;padding:0!important;}
}
@media (max-width:390px){
  body.home .baginda-mobile-balance{height:38px!important;min-height:38px!important;max-height:38px!important;padding-left:9px!important;}
  body.home .baginda-mobile-balance-left{height:38px!important;min-height:38px!important;gap:4px!important;}
  body.home .baginda-balance-icon{width:22px!important;height:22px!important;min-width:22px!important;flex-basis:22px!important;font-size:9px!important;}
  body.home .baginda-balance-label{font-size:9px!important;line-height:11px!important;}
  body.home #mobileMainBalance{font-size:10px!important;line-height:12px!important;}
  body.home .baginda-balance-refresh{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;max-width:25px!important;max-height:25px!important;flex-basis:25px!important;font-size:12px!important;}
  body.home .baginda-balance-refresh i{font-size:12px!important;}
}

/* FINAL HARD OVERRIDE - mobile v5
   Apply the Home Login neon palette to legacy gold controls and fix balance selectors. */
@media (max-width:1080px){
  :root{
    --vh-login-gradient:linear-gradient(135deg,#ff159d 0%,#8b2cff 48%,#216cff 100%);
  }

  /* HOME BALANCE: selector targets .home wrapper, not body.home. */
  body .home .baginda-mobile-balance{
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:0 6px 0 9px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body .home .baginda-mobile-balance-left{
    height:36px!important;
    min-height:36px!important;
    gap:4px!important;
    display:flex!important;
    align-items:center!important;
    line-height:1!important;
  }
  body .home .baginda-balance-icon{
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    flex:0 0 21px!important;
    font-size:9px!important;
    line-height:21px!important;
  }
  body .home .baginda-balance-label{
    font-size:9px!important;
    line-height:11px!important;
    margin:0!important;
    padding:0!important;
  }
  body .home #mobileMainBalance{
    font-size:10px!important;
    line-height:12px!important;
    margin:0!important;
    padding:0!important;
  }
  body .home .baginda-balance-refresh{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
    flex:0 0 24px!important;
    margin:0!important;
    padding:0!important;
    border-radius:50%!important;
    font-size:11px!important;
    line-height:24px!important;
  }
  body .home .baginda-balance-refresh i{
    font-size:11px!important;
    line-height:1!important;
    margin:0!important;
    padding:0!important;
  }

  /* PROFILE: replace the legacy gold Detail / Password tab background. */
  body .fixwin-profile-tabs{
    background:var(--vh-login-gradient)!important;
    border:0!important;
    box-shadow:0 0 10px rgba(139,44,255,.18)!important;
  }
  body .fixwin-profile-tabs button,
  body .fixwin-profile-tabs button.active,
  body .fixwin-profile-tabs button:focus{
    background:transparent!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.18)!important;
    box-shadow:none!important;
  }

  /* REGISTER: force Lanjut to exactly the Home Login palette. */
  body.fixwin-register-page #registerNext,
  body.fixwin-register-page .register-next-btn,
  body.fixwin-register-page .fixwin-register-btn{
    background:var(--vh-login-gradient)!important;
    background-image:var(--vh-login-gradient)!important;
    border:0!important;
    color:#fff!important;
    box-shadow:0 0 10px rgba(139,44,255,.20)!important;
  }
}

/* =========================================================
   FINAL v7 - MATCH LOGGED-IN BOTTOM NAV TO LOGIN BUTTON
   Home / Promo / Memo / Live Chat / Dana all use the exact
   same neon gradient as the Home Login button.
========================================================= */
@media (max-width:1080px){
  body .footer-mobile,
  body .footer-mobile.fixwin-logged-footer{
    background:var(--vh-gradient)!important;
    background-image:var(--vh-gradient)!important;
    border-top:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 -5px 20px rgba(139,44,255,.28)!important;
  }

  body .footer-mobile .footer-item,
  body .footer-mobile .footer-item.active,
  body .footer-mobile .footer-item:hover,
  body .footer-mobile .footer-item:focus{
    background:transparent!important;
    color:#fff!important;
  }

  body .footer-mobile .footer-item .footer-icon i,
  body .footer-mobile .footer-item .footer-title,
  body .footer-mobile .footer-item.active .footer-icon i,
  body .footer-mobile .footer-item.active .footer-title{
    color:#fff!important;
    text-shadow:0 1px 4px rgba(0,0,0,.25)!important;
  }

  /* Center DANA button remains circular but uses the same login gradient. */
  body .footer-mobile .footer-item.footer-dana .footer-icon,
  body .footer-mobile .footer-item.footer-login .footer-icon{
    background:var(--vh-gradient)!important;
    background-image:var(--vh-gradient)!important;
    border-color:rgba(255,255,255,.18)!important;
    box-shadow:0 0 12px rgba(139,44,255,.35)!important;
  }

  /* Fix any legacy gold/yellow footer border or background. */
  body .footer-mobile{border-bottom:0!important;}

  /* Keep the same palette for legacy login/register tab buttons. */
  body .button-login,
  body .button-register,
  body .fixwin-login-submit,
  body .fixwin-register-btn,
  body .fixwin-profile-tabs,
  body .fixwin-profile-tabs button{
    background:var(--vh-gradient)!important;
    background-image:var(--vh-gradient)!important;
    color:#fff!important;
    border-color:transparent!important;
  }
}

/* =========================================================
   FINAL v8 - PROFILE SHORTCUTS + LOGGED-IN BOTTOM NAV
   Match the Home Login button palette exactly.
========================================================= */
@media (max-width:1080px){
  :root{
    --vh-login-gradient:linear-gradient(135deg,#ff159d 0%,#8b2cff 48%,#216cff 100%);
  }

  /* PROFILE: Referral / Memo / Keamanan icons use the Login gradient. */
  body .fixwin-profile-shortcuts{
    background:#05000f!important;
    border-bottom:1px solid rgba(139,44,255,.35)!important;
  }
  body .fixwin-profile-shortcuts a{
    background:transparent!important;
    color:#fff!important;
    border:0!important;
    box-shadow:none!important;
  }
  body .fixwin-profile-shortcuts a i{
    background:var(--vh-login-gradient)!important;
    background-image:var(--vh-login-gradient)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    color:transparent!important;
    filter:none!important;
    text-shadow:none!important;
  }
  body .fixwin-profile-shortcuts a strong{
    color:#fff!important;
  }

  /* LOGGED-IN BOTTOM: full bar uses the same Login gradient. */
  body .footer-mobile.fixwin-logged-footer,
  body .footer-mobile{
    background:var(--vh-login-gradient)!important;
    background-image:var(--vh-login-gradient)!important;
    border-top:1px solid rgba(255,255,255,.25)!important;
    border-bottom:0!important;
    box-shadow:0 -5px 20px rgba(139,44,255,.30)!important;
  }
  body .footer-mobile.fixwin-logged-footer .footer-item,
  body .footer-mobile.fixwin-logged-footer .footer-item.active,
  body .footer-mobile.fixwin-logged-footer .footer-item:hover,
  body .footer-mobile.fixwin-logged-footer .footer-item:focus,
  body .footer-mobile .footer-item{
    background:transparent!important;
    color:#fff!important;
  }
  body .footer-mobile.fixwin-logged-footer .footer-icon,
  body .footer-mobile.fixwin-logged-footer .footer-title{
    background:transparent!important;
  }
  body .footer-mobile.fixwin-logged-footer .footer-icon i,
  body .footer-mobile.fixwin-logged-footer .footer-title,
  body .footer-mobile .footer-icon i,
  body .footer-mobile .footer-title{
    color:#fff!important;
    text-shadow:0 1px 4px rgba(0,0,0,.25)!important;
  }

  /* DANA center button keeps its circle but same Login gradient. */
  body .footer-mobile.fixwin-logged-footer .footer-item.footer-dana .footer-icon{
    background:var(--vh-login-gradient)!important;
    background-image:var(--vh-login-gradient)!important;
    border:1px solid rgba(255,255,255,.25)!important;
    box-shadow:0 0 14px rgba(139,44,255,.38)!important;
  }
}


/* =========================================================
   FINAL v9 - FORCE LOGGED FOOTER + REMOVE DRAWER EDGE SHADOW
========================================================= */
@media (max-width:1080px){
  :root{
    --vh-login-gradient:linear-gradient(135deg,#ff159d 0%,#8b2cff 48%,#216cff 100%);
  }

  /* Logged-in bottom navigation: every visible surface uses Login gradient. */
  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer,
  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer .footer-item,
  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer .footer-item.active,
  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer .footer-item:hover,
  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer .footer-item:focus{
    background:var(--vh-login-gradient)!important;
    background-image:var(--vh-login-gradient)!important;
    color:#fff!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer{
    border-top:1px solid rgba(255,255,255,.22)!important;
    box-shadow:none!important;
  }

  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer .footer-icon,
  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer .footer-title{
    background:transparent!important;
    color:#fff!important;
  }

  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer .footer-icon i,
  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer .footer-title{
    color:#fff!important;
    text-shadow:none!important;
  }

  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer .footer-item.footer-dana .footer-icon{
    background:var(--vh-login-gradient)!important;
    background-image:var(--vh-login-gradient)!important;
    box-shadow:none!important;
    border:1px solid rgba(255,255,255,.2)!important;
  }

  /* Remove the long vertical edge/shadow beside the mobile drawers. */
  body .fixwin-profile-drawer,
  body .fixwin-login-drawer,
  body .sidenav{
    box-shadow:none!important;
    -webkit-box-shadow:none!important;
  }
  body .fixwin-profile-drawer{border-left:0!important;}
  body .fixwin-login-drawer{border-left:0!important;}
  body .sidenav{border-right:0!important;}
}

/* =========================================================
   FINAL v10 - ULTRA COMPACT BOTTOM NAV
   Shrink footer on Home/Login/Register without changing the
   main page sizing. Keep the Login pink-purple-blue palette.
========================================================= */
@media (max-width:599px){
  :root{
    --vh-login-gradient:linear-gradient(135deg,#ff159d 0%,#8b2cff 48%,#216cff 100%);
  }

  /* All mobile bottom navigation states */
  body .footer-mobile,
  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer,
  body.fixwin-register-page .footer-mobile{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    padding:0!important;
    background:var(--vh-login-gradient)!important;
    background-image:var(--vh-login-gradient)!important;
    border:0!important;
    box-shadow:none!important;
  }

  body .footer-mobile .footer-item,
  body .footer-mobile .footer-item:nth-child(n),
  body.fixwin-register-page .footer-mobile .footer-item,
  body.fixwin-register-page .footer-mobile .footer-item:nth-child(n){
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    padding:2px 2px 1px!important;
    margin:0!important;
    background:transparent!important;
    color:#fff!important;
  }

  body .footer-mobile .footer-icon,
  body.fixwin-register-page .footer-mobile .footer-icon{
    height:25px!important;
    min-height:25px!important;
    max-height:25px!important;
  }

  body .footer-mobile .footer-icon i,
  body.fixwin-register-page .footer-mobile .footer-icon i{
    font-size:20px!important;
    line-height:1!important;
    color:#fff!important;
  }

  body .footer-mobile .footer-title,
  body.fixwin-register-page .footer-mobile .footer-title{
    margin:1px 0 0!important;
    padding:0!important;
    font-size:9px!important;
    line-height:11px!important;
    color:#fff!important;
    font-weight:500!important;
    text-shadow:none!important;
  }

  /* Keep the center DANA control compact instead of allowing its
     larger legacy circle to stretch the footer upward. */
  body .footer-mobile .footer-item.footer-dana .footer-icon,
  body .footer-mobile .footer-item.footer-login .footer-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    margin-top:-1px!important;
    border-radius:50%!important;
    background:var(--vh-login-gradient)!important;
    background-image:var(--vh-login-gradient)!important;
    box-shadow:none!important;
  }

  body .footer-mobile .footer-item.footer-dana .footer-icon i,
  body .footer-mobile .footer-item.footer-login .footer-icon i{
    font-size:20px!important;
  }

  /* Register/login pages: reduce the reserved bottom space to match. */
  body,
  body.fixwin-register-page{
    padding-bottom:56px!important;
  }

  body.fixwin-has-logged-footer{
    padding-bottom:56px!important;
  }
}

/* =========================================================
   FINAL v11 - LOGIN/DAFTAR COMPACT + JACKPOT NEON CHASE
   Match the Home Login pink-purple-blue palette.
========================================================= */
@media (max-width:599px){
  :root{
    --vh-login-gradient:linear-gradient(135deg,#ff159d 0%,#8b2cff 48%,#216cff 100%);
    --vh-login-gradient-r:linear-gradient(135deg,#216cff 0%,#8b2cff 52%,#ff159d 100%);
  }

  /* Make LOGIN / DAFTAR a little narrower and shorter. */
  body .home .fixwin-guest-actions,
  body .baginda-login-tabs{
    width:calc(100% - 18px)!important;
    margin:6px auto!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    border-radius:7px!important;
    overflow:hidden!important;
    background:var(--vh-login-gradient)!important;
    background-image:var(--vh-login-gradient)!important;
    box-shadow:none!important;
  }
  body .home .fixwin-guest-actions a,
  body .baginda-login-tabs a{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    font-size:14px!important;
    line-height:42px!important;
    padding:0!important;
    color:#fff!important;
    background:transparent!important;
    border-right:1px solid rgba(255,255,255,.18)!important;
  }
  body .home .fixwin-guest-actions a:last-child,
  body .baginda-login-tabs a:last-child{border-right:0!important;}

  /* Jackpot: animated pink-purple-blue light travels around the frame. */
  body .home .fixwin-jackpot{
    border:0!important;
    border-radius:12px!important;
    background-position:center center!important;
    isolation:isolate!important;
  }
  body .home .fixwin-jackpot::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    padding:2px!important;
    border-radius:12px!important;
    background:conic-gradient(from 0deg,
      transparent 0deg,
      transparent 25deg,
      #ff159d 55deg,
      #8b2cff 105deg,
      #216cff 150deg,
      transparent 190deg,
      transparent 245deg,
      #ff159d 290deg,
      #8b2cff 325deg,
      #216cff 350deg,
      transparent 360deg)!important;
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
    -webkit-mask-composite:xor!important;
    mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
    mask-composite:exclude!important;
    animation:fixwinJackpotRing 2.4s linear infinite!important;
    pointer-events:none!important;
    z-index:20!important;
  }
  @keyframes fixwinJackpotRing{
    to{transform:rotate(360deg);}
  }

  /* Restore the chasing dots and change their yellow palette. */
  body .home .fixwin-jackpot .fixwin-jackpot-lamps{
    display:flex!important;
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    height:10px!important;
    align-items:center!important;
    justify-content:space-between!important;
    z-index:12!important;
    pointer-events:none!important;
  }
  body .home .fixwin-jackpot .fixwin-jackpot-lamps-top{top:2px!important;bottom:auto!important;}
  body .home .fixwin-jackpot .fixwin-jackpot-lamps-bottom{bottom:2px!important;top:auto!important;}
  body .home .fixwin-jackpot .fixwin-jackpot-lamp{
    display:block!important;
    width:5px!important;
    height:5px!important;
    flex:0 0 5px!important;
    border-radius:50%!important;
    background:var(--vh-login-gradient)!important;
    background-image:var(--vh-login-gradient)!important;
    opacity:.42!important;
    box-shadow:0 0 3px rgba(255,21,157,.35)!important;
    transition:opacity .08s linear,transform .08s linear,filter .08s linear!important;
  }
  body .home .fixwin-jackpot .fixwin-jackpot-lamp.is-on{
    background:var(--vh-login-gradient-r)!important;
    background-image:var(--vh-login-gradient-r)!important;
    opacity:1!important;
    transform:scale(1.35)!important;
    filter:brightness(1.35)!important;
    box-shadow:0 0 5px rgba(255,21,157,.8),0 0 9px rgba(33,108,255,.45)!important;
  }
}


/* =========================================================
   V17 JACKPOT PERIMETER LIGHT
   One small neon glow travels around the OUTER EDGE of the
   jackpot banner. It does not draw diagonal lines and does
   not rotate the banner itself.
========================================================= */
body .home .fixwin-jackpot{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

/* Remove the previous rotating conic border and old straight lamps. */
body .home .fixwin-jackpot::before{
  content:none!important;
  display:none!important;
  animation:none!important;
  transform:none!important;
}
body .home .fixwin-jackpot .fixwin-jackpot-lamps{
  display:none!important;
}

/* Subtle static frame. */
body .home .fixwin-jackpot{
  border:2px solid rgba(105,70,255,.48)!important;
  box-shadow:0 0 5px rgba(255,21,157,.10), inset 0 0 10px rgba(107,45,255,.06)!important;
}

/* The moving light is a short soft streak following the rectangular path. */
body .home .fixwin-jackpot-orbit{
  position:absolute!important;
  z-index:30!important;
  display:block!important;
  width:44px!important;
  height:5px!important;
  left:0!important;
  top:0!important;
  border-radius:999px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,
    transparent 0%,
    #ff159d 22%,
    #c52cff 48%,
    #216cff 78%,
    transparent 100%)!important;
  box-shadow:
    0 0 5px rgba(255,21,157,.95),
    0 0 11px rgba(166,44,255,.75),
    0 0 18px rgba(33,108,255,.55)!important;
  filter:brightness(1.25)!important;
  offset-path:inset(1px round 12px)!important;
  -webkit-offset-path:inset(1px round 12px)!important;
  offset-distance:0%!important;
  -webkit-offset-distance:0%!important;
  offset-rotate:0deg!important;
  -webkit-offset-rotate:0deg!important;
  animation:fixwinJackpotOrbit 3.8s linear infinite!important;
  will-change:offset-distance!important;
}

@keyframes fixwinJackpotOrbit{
  0%{offset-distance:0%;-webkit-offset-distance:0%;}
  100%{offset-distance:100%;-webkit-offset-distance:100%;}
}

@media(max-width:520px){
  body .home .fixwin-jackpot-orbit{
    width:38px!important;
    height:4px!important;
    offset-path:inset(1px round 11px)!important;
    -webkit-offset-path:inset(1px round 11px)!important;
  }
}

/* FINAL v18 - Header & profile action icons follow Login gradient */
:root{
  --login-gradient:linear-gradient(90deg,#f5009b 0%,#a52cff 50%,#3d7cff 100%);
}
/* Hamburger / menu icon on the left */
body .target-mobile-menu,
body .target-mobile-menu i,
body .btn-daftar.sidenav-toggle,
body .btn-daftar.sidenav-toggle i{
  color:transparent !important;
  background:var(--login-gradient) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:none !important;
}
/* Account / user icon on the right */
body .target-mobile-profile,
body .target-mobile-profile i{
  color:transparent !important;
  background:var(--login-gradient) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:none !important;
}
/* Logout icon in profile drawer */
body .fixwin-profile-logout,
body .fixwin-profile-logout i{
  color:transparent !important;
  background:var(--login-gradient) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:none !important;
}
/* Keep clickable areas transparent; only the glyph receives the gradient */
body .target-mobile-menu,
body .target-mobile-profile,
body .fixwin-profile-logout,
body .btn-daftar.sidenav-toggle{
  background-color:transparent !important;
}

/* v19 - Game title strips use the same LOGIN gradient */
@media (max-width:599px){
  body .home .fixwin-home-modern .fw-game-name,
  body .home .mobile__games .games-holder .games-name,
  body .home .games-name{
    background:linear-gradient(135deg,#ff159d 0%,#8b2cff 48%,#216cff 100%)!important;
    background-image:linear-gradient(135deg,#ff159d 0%,#8b2cff 48%,#216cff 100%)!important;
    color:#fff!important;
    text-shadow:0 0 6px rgba(255,255,255,.28)!important;
    border:0!important;
  }
}


/* =========================================================
   SAFE PATCH - LOGIN ICONS ONLY
   Built from v20 without touching jackpot/category assets.
   Uses the same pink-purple-blue palette as the LOGIN button.
========================================================= */
:root{
  --vh-safe-login-gradient:linear-gradient(135deg,#ff159d 0%,#8b2cff 48%,#216cff 100%);
}

/* Login drawer: close, username, password and visibility icons */
body .fixwin-login-close,
body .fixwin-login-close i,
body .fixwin-login-input > i,
body .fixwin-login-input i,
body .fixwin-login-password-toggle,
body .fixwin-login-password-toggle i{
  color:transparent!important;
  background-image:var(--vh-safe-login-gradient)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
}

/* Header/menu icons visible behind or around the login drawer */
body .target-mobile-menu,
body .target-mobile-menu i,
body .target-mobile-profile,
body .target-mobile-profile i{
  color:transparent!important;
  background-image:var(--vh-safe-login-gradient)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
}

/* Do not alter the icon containers, layout, images, jackpot or categories. */
body .fixwin-login-close,
body .target-mobile-menu,
body .target-mobile-profile{
  background-color:transparent!important;
}

/* =========================================================
   V22 - PROVIDER/GAME PAGE BUTTONS USE THE HOME LOGIN GRADIENT
   Applies only to game/provider pages. Replaces legacy yellow
   MAIN / LOGIN buttons without changing game images or layout.
========================================================= */
:root{
  --vh-provider-login-gradient:linear-gradient(135deg,#ff159d 0%,#8b2cff 48%,#216cff 100%);
}

/* Nexus dynamic provider/game page */
body .idg-page .idg-play,
body .idg-page .idg-play:visited,
body .idg-page .idg-play:hover,
body .idg-page .idg-play:focus,
body .idg-page .idg-play:active{
  background:var(--vh-provider-login-gradient)!important;
  background-image:var(--vh-provider-login-gradient)!important;
  color:#fff!important;
  border:1px solid rgba(139,44,255,.95)!important;
  box-shadow:0 0 8px rgba(255,21,157,.22),0 0 12px rgba(33,108,255,.16)!important;
  text-shadow:0 0 5px rgba(255,255,255,.25)!important;
}

/* Legacy provider pages (slot/casino/arcade/sports) */
body .game .game-links .btn-custom,
body .game .game-links .fixwin-btn,
body .slot-game .game-links .btn-custom,
body .slot-game .game-links .fixwin-btn,
body .casino .game-links .btn-custom,
body .casino .game-links .fixwin-btn,
body .arcade .game-links .btn-custom,
body .arcade .game-links .fixwin-btn,
body .sport .game-links .btn-custom,
body .sport .game-links .fixwin-btn,
body .game .fixwin-btn,
body .slot-game .fixwin-btn,
body .casino .fixwin-btn,
body .arcade .fixwin-btn,
body .sport .fixwin-btn{
  background:var(--vh-provider-login-gradient)!important;
  background-image:var(--vh-provider-login-gradient)!important;
  color:#fff!important;
  border-color:#8b2cff!important;
  box-shadow:0 0 8px rgba(255,21,157,.22),0 0 12px rgba(33,108,255,.16)!important;
  text-shadow:0 0 5px rgba(255,255,255,.25)!important;
}

/* Any MAIN/LOGIN action button generated inside game cards. */
body .main-sekarang-alert .btn-custom,
body .main-sekarang-alert .fixwin-btn{
  background:var(--vh-provider-login-gradient)!important;
  background-image:var(--vh-provider-login-gradient)!important;
  color:#fff!important;
  border-color:#8b2cff!important;
}


/* V38 - JACKPOT LOGIN-GRADIENT GLOW: JS-DRIVEN MOBILE RING
   CSS offset-path/conic-mask animation is intentionally disabled because
   several older mobile rules can freeze/override it. The visible streak
   is moved by requestAnimationFrame in global.js instead. */
body .home .fixwin-jackpot{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:2px solid rgba(139,44,255,.72)!important;
  box-shadow:0 0 7px rgba(255,21,157,.24),0 0 14px rgba(139,44,255,.20),0 0 20px rgba(33,108,255,.14)!important;
}
body .home .fixwin-jackpot::before,
body .home .fixwin-jackpot::after{
  content:none!important;
  display:none!important;
  animation:none!important;
  filter:none!important;
}
body .home .fixwin-jackpot .fixwin-jackpot-orbit{
  position:absolute!important;
  z-index:50!important;
  display:block!important;
  width:46px!important;
  height:5px!important;
  left:0!important;
  top:0!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent 0%,#ff159d 18%,#c52cff 45%,#8b2cff 62%,#216cff 84%,transparent 100%)!important;
  box-shadow:0 0 4px rgba(255,21,157,.95),0 0 9px rgba(139,44,255,.9),0 0 15px rgba(33,108,255,.7)!important;
  filter:brightness(1.35)!important;
  transform:translate3d(0,0,0);
  will-change:transform;
  animation:none!important;
  offset-path:none!important;
  -webkit-offset-path:none!important;
}
@media(max-width:520px){
  body .home .fixwin-jackpot .fixwin-jackpot-orbit{
    width:38px!important;
    height:4px!important;
  }
}


/* V38 FIX: JS orbit must be allowed to update transform. */
body .home .fixwin-jackpot .fixwin-jackpot-orbit{
  transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  will-change:transform;
}


/* =========================================================
   V39 - DEFINITIVE JACKPOT BORDER RUNNER
   Pure CSS left/top animation. No offset-path, no JS transform.
   This is intentionally simple for Android WebView/Chrome.
========================================================= */
@keyframes fixwinJackpotBorderRun {
  0%   { left: 0; top: 0; transform: rotate(0deg); }
  24%  { left: calc(100% - 46px); top: 0; transform: rotate(0deg); }
  25%  { left: calc(100% - 46px); top: 0; transform: rotate(90deg); }
  49%  { left: calc(100% - 46px); top: calc(100% - 5px); transform: rotate(90deg); }
  50%  { left: calc(100% - 46px); top: calc(100% - 5px); transform: rotate(180deg); }
  74%  { left: 0; top: calc(100% - 5px); transform: rotate(180deg); }
  75%  { left: 0; top: calc(100% - 5px); transform: rotate(270deg); }
  99%  { left: 0; top: 0; transform: rotate(270deg); }
  100% { left: 0; top: 0; transform: rotate(360deg); }
}

body .home .fixwin-jackpot {
  position: relative !important;
  overflow: hidden !important;
}

body .home .fixwin-jackpot .fixwin-jackpot-orbit {
  position: absolute !important;
  z-index: 999 !important;
  display: block !important;
  left: 0 !important;
  top: 0 !important;
  width: 46px !important;
  height: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg,#ff159d 0%,#c52cff 40%,#8b2cff 68%,#216cff 100%) !important;
  box-shadow: 0 0 5px #ff159d, 0 0 10px #8b2cff, 0 0 17px #216cff !important;
  filter: brightness(1.5) !important;
  transform: none !important;
  -webkit-transform: none !important;
  offset-path: none !important;
  -webkit-offset-path: none !important;
  animation: fixwinJackpotBorderRun 3.2s linear infinite !important;
  -webkit-animation: fixwinJackpotBorderRun 3.2s linear infinite !important;
  will-change: left, top, transform !important;
}

@media (max-width:520px) {
  body .home .fixwin-jackpot .fixwin-jackpot-orbit {
    width: 38px !important;
    height: 4px !important;
    animation-name: fixwinJackpotBorderRun !important;
    -webkit-animation-name: fixwinJackpotBorderRun !important;
  }
}


/* =========================================================
   V50 CSS - REAL JACKPOT RUNNER SUPPORT
   Final override for Android Chrome/WebView.
========================================================= */
body .home .fixwin-jackpot .fixwin-jackpot-orbit,
body .home .fixwin-jackpot .fixwin-jackpot-lamps,
body .home .fixwin-jackpot .fixwin-jackpot-lamp{
  display:none!important;
  animation:none!important;
  -webkit-animation:none!important;
}
body .home .fixwin-jackpot .v50-jackpot-runner{
  display:block!important;
  animation:none!important;
  -webkit-animation:none!important;
}
body .home .fixwin-jackpot .v50-lamp{
  display:block!important;
  animation:none!important;
  -webkit-animation:none!important;
}


/* =========================================================
   FINAL v19 - DANA HEXAGON / LABEL LAYOUT
   Center DANA follows the reference: visible hexagon protrudes
   above the black bottom bar, with DANA directly underneath.
========================================================= */
@media (max-width:599px){
  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer,
  body .footer-mobile.fixwin-logged-footer{
    height:82px !important;
    min-height:82px !important;
    max-height:82px !important;
    background:#000 !important;
    background-image:none !important;
    border-top:0 !important;
    overflow:visible !important;
  }

  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer .footer-item,
  body .footer-mobile.fixwin-logged-footer .footer-item{
    height:82px !important;
    min-height:82px !important;
    max-height:82px !important;
    padding:4px 2px 3px !important;
    background:#000 !important;
    color:#fff !important;
    overflow:visible !important;
  }

  /* Normal footer items stay compact. */
  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer .footer-item:not(.footer-dana) .footer-icon,
  body .footer-mobile.fixwin-logged-footer .footer-item:not(.footer-dana) .footer-icon{
    height:30px !important;
    margin:4px 0 3px !important;
  }

  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer .footer-title,
  body .footer-mobile.fixwin-logged-footer .footer-title{
    font-size:12px !important;
    line-height:15px !important;
    color:#fff !important;
    margin:2px 0 0 !important;
  }

  /* Reference-style center hexagon: point at top and bottom. */
  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer .footer-item.footer-dana,
  body .footer-mobile.fixwin-logged-footer .footer-item.footer-dana{
    position:relative !important;
    z-index:10 !important;
    overflow:visible !important;
    display:block !important;
    padding:0 !important;
  }

  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer .footer-item.footer-dana .footer-icon,
  body .footer-mobile.fixwin-logged-footer .footer-item.footer-dana .footer-icon{
    position:absolute !important;
    left:50% !important;
    top:-25px !important;
    transform:translateX(-50%) !important;
    width:76px !important;
    height:84px !important;
    min-width:76px !important;
    min-height:84px !important;
    max-width:76px !important;
    max-height:84px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(255,255,255,.22) !important;
    border-radius:0 !important;
    clip-path:polygon(50% 0%, 100% 24%, 100% 76%, 50% 100%, 0% 76%, 0% 24%) !important;
    -webkit-clip-path:polygon(50% 0%, 100% 24%, 100% 76%, 50% 100%, 0% 76%, 0% 24%) !important;
    background:var(--theme-gradient, var(--vh-login-gradient)) !important;
    background-image:var(--theme-gradient, var(--vh-login-gradient)) !important;
    box-shadow:0 0 14px rgba(33,108,255,.28) !important;
    overflow:hidden !important;
  }

  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer .footer-item.footer-dana .footer-icon i,
  body .footer-mobile.fixwin-logged-footer .footer-item.footer-dana .footer-icon i{
    font-size:27px !important;
    line-height:1 !important;
    color:#fff !important;
    margin-top:-5px !important;
    text-shadow:0 1px 3px rgba(0,0,0,.3) !important;
  }

  /* DANA sits directly below the hexagon, never hidden behind it. */
  body.fixwin-logged-in .footer-mobile.fixwin-logged-footer .footer-item.footer-dana .footer-title,
  body .footer-mobile.fixwin-logged-footer .footer-item.footer-dana .footer-title{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:2px !important;
    z-index:12 !important;
    margin:0 !important;
    padding:0 !important;
    font-size:12px !important;
    line-height:15px !important;
    font-weight:600 !important;
    color:#fff !important;
    text-align:center !important;
    text-shadow:0 1px 3px rgba(0,0,0,.55) !important;
  }

  /* Transaction panel remains anchored to the new footer height. */
  body.fixwin-logged-in .fixwin-dana-menu,
  body .fixwin-dana-menu{
    bottom:84px !important;
  }
  body.fixwin-logged-in .fixwin-dana-close,
  body .fixwin-dana-close{z-index:2147482999 !important;}

  body.fixwin-has-logged-footer{padding-bottom:82px !important;}
}