/* GUDANG80 / JALURMAX FINAL OVERRIDE V6 */
@media screen and (max-width:1080px){
  html,body{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  body{padding-bottom:86px!important;}

  /* LOGIN + DAFTAR: exactly 38px high, 50/50 and edge-to-edge */
  .home .baginda-login-tabs,
  .home .fixwin-guest-actions,
  .baginda-login-tabs,
  .fixwin-guest-actions{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    position:relative!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    overflow:hidden!important;
    background:#000!important;
    background-image:none!important;
    box-sizing:border-box!important;
  }
  .home .baginda-login-tabs::before,.home .baginda-login-tabs::after,
  .home .fixwin-guest-actions::before,.home .fixwin-guest-actions::after,
  .baginda-login-tabs::before,.baginda-login-tabs::after,
  .fixwin-guest-actions::before,.fixwin-guest-actions::after{display:none!important;content:none!important;}

  .home .baginda-login-tabs>a,
  .home .fixwin-guest-actions>a,
  .baginda-login-tabs>a,
  .fixwin-guest-actions>a{
    display:flex!important;
    flex:0 0 50%!important;
    width:50%!important;
    min-width:50%!important;
    max-width:50%!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
    font-size:15px!important;
    line-height:38px!important;
    font-weight:500!important;
    text-align:center!important;
    text-decoration:none!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .home .baginda-login-tabs>a:first-child,
  .home .fixwin-guest-actions>a:first-child,
  .baginda-login-tabs>a:first-child,
  .fixwin-guest-actions>a:first-child{
    background:#ffbf2f!important;color:#111!important;background-image:none!important;
  }
  .home .baginda-login-tabs>a:last-child,
  .home .fixwin-guest-actions>a:last-child,
  .baginda-login-tabs>a:last-child,
  .fixwin-guest-actions>a:last-child{
    background:#ef182b!important;color:#fff!important;background-image:none!important;
  }

  /* GUEST bottom navigation: Jalurmax reference maroon */
  .footer-mobile:not(.fixwin-logged-footer),
  body .footer-mobile:not(.fixwin-logged-footer){
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:0!important;
    transform:translateX(-50%)!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:86px!important;
    min-height:86px!important;
    max-height:86px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    background:#a40b3b!important;
    background-image:none!important;
    border:0!important;
    border-top:0!important;
    box-shadow:none!important;
    z-index:2147483647!important;
    box-sizing:border-box!important;
  }
  .footer-mobile:not(.fixwin-logged-footer) .footer-item,
  body .footer-mobile:not(.fixwin-logged-footer) .footer-item{
    flex:1 1 33.333%!important;
    width:33.333%!important;
    min-width:33.333%!important;
    max-width:33.333%!important;
    height:86px!important;
    min-height:86px!important;
    max-height:86px!important;
    margin:0!important;
    padding:8px 0 6px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    background:#a40b3b!important;
    background-image:none!important;
    color:#fff!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
  }
  .footer-mobile:not(.fixwin-logged-footer) .footer-item:hover,
  .footer-mobile:not(.fixwin-logged-footer) .footer-item:active,
  .footer-mobile:not(.fixwin-logged-footer) .footer-item.active{background:#a40b3b!important;color:#fff!important;}
  .footer-mobile:not(.fixwin-logged-footer) .footer-icon,
  .footer-mobile:not(.fixwin-logged-footer) .footer-icon i,
  .footer-mobile:not(.fixwin-logged-footer) .footer-title{background:transparent!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important;}
  .footer-mobile:not(.fixwin-logged-footer) .footer-icon i{font-size:27px!important;line-height:30px!important;}
  .footer-mobile:not(.fixwin-logged-footer) .footer-title{font-size:12px!important;line-height:17px!important;font-weight:500!important;}

  /* Logged-in footer: same Jalurmax color, preserve existing 5 menu items. */
  .footer-mobile.fixwin-logged-footer{
    background:#a40b3b!important;background-image:none!important;border:0!important;box-shadow:none!important;
  }
  .footer-mobile.fixwin-logged-footer .footer-item,
  .footer-mobile.fixwin-logged-footer .footer-item.active,
  .footer-mobile.fixwin-logged-footer .footer-item:hover{background:#a40b3b!important;background-image:none!important;color:#fff!important;border:0!important;box-shadow:none!important;}
  .footer-mobile.fixwin-logged-footer .footer-icon,.footer-mobile.fixwin-logged-footer .footer-icon i,.footer-mobile.fixwin-logged-footer .footer-title{color:#fff!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important;}
}

/* V7 COMPACT JALURMAX MOBILE BARS */
@media screen and (max-width:1080px){
  html,body{overflow-x:hidden!important;}
  body{padding-bottom:38px!important;}

  /* LOGIN / DAFTAR: full viewport, 38px total height */
  body .home .baginda-login-tabs,
  body .home .fixwin-guest-actions,
  body .baginda-login-tabs,
  body .fixwin-guest-actions{
    display:flex!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:0!important;
    padding:0!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    gap:0!important;
    background:#000!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body .baginda-login-tabs > a,
  body .fixwin-guest-actions > a{
    flex:0 0 50%!important;
    width:50%!important;
    max-width:50%!important;
    min-width:50%!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:38px!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:0!important;
  }

  /* BOTTOM NAV: exactly 38px, maroon, 3 equal menus */
  body .footer-mobile:not(.fixwin-logged-footer){
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    transform:none!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    background:#a40b3b!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    z-index:2147483647!important;
    box-sizing:border-box!important;
  }
  body .footer-mobile:not(.fixwin-logged-footer) .footer-item{
    flex:0 0 33.333333%!important;
    width:33.333333%!important;
    min-width:33.333333%!important;
    max-width:33.333333%!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    background:#a40b3b!important;
    color:#fff!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }
  body .footer-mobile:not(.fixwin-logged-footer) .footer-icon,
  body .footer-mobile:not(.fixwin-logged-footer) .footer-icon i{
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    background:transparent!important;
    font-size:17px!important;
    line-height:18px!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }
  body .footer-mobile:not(.fixwin-logged-footer) .footer-title{
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    background:transparent!important;
    font-size:10px!important;
    line-height:12px!important;
    font-weight:500!important;
    white-space:nowrap!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }
  body .footer-mobile:not(.fixwin-logged-footer) .footer-item.active,
  body .footer-mobile:not(.fixwin-logged-footer) .footer-item:hover,
  body .footer-mobile:not(.fixwin-logged-footer) .footer-item:active{
    background:#a40b3b!important;
    color:#fff!important;
  }
}

/* FINAL USER OVERRIDE - 2026-09-22
   Guest LOGIN/DAFTAR exactly 38px high.
   Guest 3-item bottom navbar exactly 45px high.
   All three bottom items share the same Jalurmax maroon. */
@media screen and (max-width:1080px){
  html,body{overflow-x:hidden!important;}
  body{padding-bottom:45px!important;}

  /* LOGIN + DAFTAR: 38px total height, 50/50 width */
  body .home .baginda-login-tabs,
  body .home .fixwin-guest-actions,
  body .baginda-login-tabs,
  body .fixwin-guest-actions{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0 0 0 calc(50% - 50vw)!important;
    padding:0!important;
    gap:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body .home .baginda-login-tabs>a,
  body .home .fixwin-guest-actions>a,
  body .baginda-login-tabs>a,
  body .fixwin-guest-actions>a{
    flex:0 0 50%!important;
    width:50%!important;
    min-width:50%!important;
    max-width:50%!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:0!important;
    line-height:38px!important;
    font-size:15px!important;
  }

  body .home .baginda-login-tabs>a:first-child,
  body .home .fixwin-guest-actions>a:first-child,
  body .baginda-login-tabs>a:first-child,
  body .fixwin-guest-actions>a:first-child{
    background:#ffbf2f!important;
    background-image:none!important;
    color:#111!important;
  }
  body .home .baginda-login-tabs>a:last-child,
  body .home .fixwin-guest-actions>a:last-child,
  body .baginda-login-tabs>a:last-child,
  body .fixwin-guest-actions>a:last-child{
    background:#ef182b!important;
    background-image:none!important;
    color:#fff!important;
  }

  /* BOTTOM NAV: exactly 45px, all 3 items same maroon */
  body .footer-mobile:not(.fixwin-logged-footer){
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:0!important;
    transform:translateX(-50%)!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:45px!important;
    min-height:45px!important;
    max-height:45px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    background:#a40b3b!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    z-index:2147483647!important;
    box-sizing:border-box!important;
  }

  body .footer-mobile:not(.fixwin-logged-footer) .footer-item{
    flex:1 1 33.3333%!important;
    width:33.3333%!important;
    min-width:33.3333%!important;
    max-width:33.3333%!important;
    height:45px!important;
    min-height:45px!important;
    max-height:45px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    background:#a40b3b!important;
    background-image:none!important;
    color:#fff!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }

  body .footer-mobile:not(.fixwin-logged-footer) .footer-item:hover,
  body .footer-mobile:not(.fixwin-logged-footer) .footer-item:active,
  body .footer-mobile:not(.fixwin-logged-footer) .footer-item.active{
    background:#a40b3b!important;
    background-image:none!important;
    color:#fff!important;
    box-shadow:none!important;
    transform:none!important;
  }

  body .footer-mobile:not(.fixwin-logged-footer) .footer-icon,
  body .footer-mobile:not(.fixwin-logged-footer) .footer-icon i{
    height:auto!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    background-image:none!important;
    color:#fff!important;
    box-shadow:none!important;
    text-shadow:none!important;
    line-height:20px!important;
  }
  body .footer-mobile:not(.fixwin-logged-footer) .footer-icon i{
    font-size:20px!important;
  }
  body .footer-mobile:not(.fixwin-logged-footer) .footer-title{
    margin:0!important;
    padding:0!important;
    font-size:10px!important;
    line-height:13px!important;
    font-weight:500!important;
    color:#fff!important;
    background:transparent!important;
  }
}

/* V10 HARD OVERRIDE - inline duplicate is also emitted from mobile/index.php */
@media screen and (max-width:1080px){
 body .footer-mobile,body .footer-mobile.fixwin-logged-footer{height:45px!important;min-height:45px!important;max-height:45px!important;background:#a40b3b!important;background-image:none!important;}
 body .footer-mobile .footer-item,body .footer-mobile.fixwin-logged-footer .footer-item{height:45px!important;min-height:45px!important;max-height:45px!important;background:#a40b3b!important;background-image:none!important;}
}

/* V12 FINAL - Jalurmax color cleanup + exact 45px guest footer.
   This block is intentionally last in the mobile theme stylesheet. */
@media screen and (max-width:1080px){
  /* Togel date strip: remove the legacy white/yellow gradient completely. */
  body.theme-jalurmax-reference .fixwin-home-modern .fw-togel-date,
  body .fixwin-home-modern .fw-togel-date{
    background:#ffbf2f!important;
    background-image:none!important;
    color:#111!important;
    border:0!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }

  /* Game title strip: solid Jalurmax yellow, never a white/yellow gradient. */
  body.theme-jalurmax-reference .fixwin-home-modern .fw-game-name,
  body .fixwin-home-modern .fw-game-name{
    background:#ffbf2f!important;
    background-image:none!important;
    color:#111!important;
    border-top:0!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }

  /* Exact 45px bottom navbar for guest and logged-in variants. */
  body.theme-jalurmax-reference .footer-mobile,
  body.theme-jalurmax-reference .footer-mobile.fixwin-logged-footer,
  body .footer-mobile,
  body .footer-mobile.fixwin-logged-footer{
    height:45px!important;
    min-height:45px!important;
    max-height:45px!important;
    padding:0!important;
    margin:0!important;
    background:#a40b3b!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.theme-jalurmax-reference .footer-mobile .footer-item,
  body.theme-jalurmax-reference .footer-mobile.fixwin-logged-footer .footer-item,
  body .footer-mobile .footer-item,
  body .footer-mobile.fixwin-logged-footer .footer-item{
    height:45px!important;
    min-height:45px!important;
    max-height:45px!important;
    padding:0!important;
    margin:0!important;
    background:#a40b3b!important;
    background-image:none!important;
    color:#fff!important;
    border:0!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }

  body .footer-mobile .footer-icon,
  body .footer-mobile .footer-icon i,
  body .footer-mobile .footer-title{
    background:transparent!important;
    background-image:none!important;
    color:#fff!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }
  body .footer-mobile .footer-icon{height:20px!important;line-height:20px!important;margin:0!important;padding:0!important;}
  body .footer-mobile .footer-icon i{font-size:20px!important;line-height:20px!important;}
  body .footer-mobile .footer-title{font-size:10px!important;line-height:13px!important;margin:0!important;padding:0!important;}
}


/* =========================================================
   GUDANG80 V28 - BANNER FREE-SCROLL / NO CROP
   Match the horizontal Hasil Togel interaction:
   - banner can be dragged freely instead of snapping
   - autoplay continues after touch
   - uploaded/banner images keep their full aspect ratio
   - remove the old decorative border/edge line around banner
========================================================= */
@media screen and (max-width:1080px){
  .home .home__slider.g80-banner-free-scroll,
  .home__slider.fixwin-banner.g80-banner-free-scroll{
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    background:#111!important;
  }

  /* Disable the previous animated edge decoration completely. */
  .home .home__slider.g80-banner-free-scroll::before,
  .home .home__slider.g80-banner-free-scroll::after,
  .home__slider.fixwin-banner.g80-banner-free-scroll::before,
  .home__slider.fixwin-banner.g80-banner-free-scroll::after{
    display:none!important;
    content:none!important;
    border:0!important;
    box-shadow:none!important;
  }

  .home .home__slider.g80-banner-free-scroll .swiper-container,
  .home .home__slider.g80-banner-free-scroll .swiper-wrapper,
  .home .home__slider.g80-banner-free-scroll .swiper-slide{
    height:auto!important;
    min-height:0!important;
  }

  .home .home__slider.g80-banner-free-scroll .swiper-slide{
    width:100%!important;
    flex-shrink:0!important;
  }

  .home .home__slider.g80-banner-free-scroll .swiper-slide a{
    display:block!important;
    width:100%!important;
    height:auto!important;
    line-height:0!important;
  }

  .home .home__slider.g80-banner-free-scroll .swiper-slide img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-width:100%!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    border:0!important;
    border-radius:0!important;
  }

  /* Keep pagination dots if present, but never let them create a border. */
  .home .home__slider.g80-banner-free-scroll .swiper-pagination{
    z-index:20!important;
  }
}