.flickity-button:focus{box-shadow:0 0 0 5px #333}.waku{float:left;width:40px;height:40px;border-radius:10px;line-height:42px;background-color:#59ce72}.fbku{float:left;width:40px;height:40px;border-radius:10px;line-height:45px;background-color:#3b5998}.twku{float:left;width:40px;height:40px;border-radius:10px;line-height:45px;background-color:#00acee}.igku{float:left;width:40px;height:40px;border-radius:10px;line-height:30px;vertical-align:middle;background:radial-gradient(circle farthest-corner at 35% 90%,#fec564,transparent 50%),radial-gradient(circle farthest-corner at 0 140%,#fec564,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent),linear-gradient(#6559ca,#bc318f 30%,#e33f5f 50%,#f77638 70%,#fec66d 100%)}.linkedku{float:left;width:40px;height:40px;border-radius:10px;line-height:45px;background-color:#0e76a8}.youtubeku{float:left;width:40px;height:40px;border-radius:10px;line-height:45px;background-color:red}.login-img{height:40px}.slidecontainer{width:100%}.slider{-webkit-appearance:none;width:100%;height:25px;background:#b19973;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s;border-radius:12px}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;background:#fedf50;cursor:pointer;border-radius:12px}.slider::-moz-range-thumb{width:25px;height:25px;background:#000;cursor:pointer}

/* === Override supaya elemen tidak hilang di mobile === */
@media only screen and (max-width: 1024px) {
  .hidden-xs {
    display: block !important;
  }
}

@media only screen and (max-width: 480px) {
  .dropdown-lg {
    display: block !important;
  }
  .nav-item.language {
    display: block !important;
  }
}

.menu-icons {
   display: flex !important;
   justify-content: center !important;
   gap: 20px !important;
   padding: 15px 0 !important;
   background: #001f1c !important; /* ganti sesuai warna tema */
}

.menu-item {
   display: flex !important;
   flex-direction: column !important;
   align-items: center !important;
   text-decoration: none !important;
   color: #fff !important;
   font-size: 12px !important;
   font-weight: bold !important;
}

.menu-item img {
   width: 50px;   /* lebih kecil, dari 60px jadi 40px */
   height: 50px;
   border-radius: 15%;
   margin-bottom: 5px;
   transition: transform 0.3s;
}

.menu-item span {
   font-size: 11px;  /* teks lebih kecil biar seimbang */
   letter-spacing: 0.5px;
}

.menu-item:hover img {
   transform: scale(1.1) !important;
}

/* Hilangkan filter agar GIF jackpot tampil sesuai warna aslinya */
.progressive-jackpot {
    filter: none !important;
}

/* Matikan semua efek filter agar GIF tampil sesuai warna aslinya */
html body .progressive-jackpot,
html body .progressive-jackpot img,
html body .progressive-jackpot * {
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
}

/* Jika ada pseudo overlay yang memberi efek */
html body .progressive-jackpot::before,
html body .progressive-jackpot::after {
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
}

.logo-wrapper {
  text-align: center;
}

.logo-wrapper img {
  display: inline-block;
  max-width: 200px; /* bisa disesuaikan */
  height: auto;
}

/* Paksa logo supaya selalu di tengah */
.logo-wrapper {
    width: 100%;
    text-align: center !important;
}

.logo-wrapper img {
    display: inline-block !important;
    margin: 0 auto !important;
    float: none !important;
}

/* === Override custom untuk mobile === */
@media only screen and (max-width: 1024px) {
  .hidden-xs {
    display: block !important;
  }
}

@media only screen and (max-width: 480px) {
  .dropdown-lg {
    display: block !important;
  }

  .nav-item.language {
    display: block !important;
  }
}

/* Fallback supaya gambar lazyload tetap tampil meskipun JS tidak jalan */
img.lazyload {
  opacity: 1 !important;
}
