/* ================================================
   JAKSKY MOON FINISHING V2
   - logo atas lebih jelas
   - ruang kosong bawah diperkecil
   - grid tidak disentuh
================================================ */


/* ================================================
   LOGO KECIL ATAS
================================================ */

body.jakMoonV2 .jakMoonTopV3{
  z-index:30 !important;
}

/* petir */
body.jakMoonV2
.jakMoonBrandV3 .jakBoltV31{
  display:inline-flex !important;

  opacity:1 !important;

  filter:
    drop-shadow(0 0 7px rgba(255,201,55,.65))
    !important;
}

/* tulisan JakSky */
body.jakMoonV2
.jakMoonBrandV3 .jakTextV31{
  opacity:1 !important;

  color:#ffffff !important;

  background:
    linear-gradient(
      100deg,
      #ffffff 0%,
      #f4f9ff 34%,
      #67c8ff 68%,
      #7c8cff 100%
    ) !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;

  -webkit-text-fill-color:transparent !important;

  filter:
    drop-shadow(0 2px 4px rgba(0,0,0,.75))
    drop-shadow(0 0 8px rgba(62,166,255,.23))
    !important;

  text-shadow:none !important;
}

/* subtitle di bawah logo */
body.jakMoonV2
.jakMoonBrandV3 .brandSub{
  opacity:1 !important;

  color:#edf5ff !important;
  -webkit-text-fill-color:#edf5ff !important;

  text-shadow:
    0 2px 5px rgba(0,0,0,.95)
    !important;
}

/* sedikit dark backing agar logo tetap terlihat
   walaupun bulan ada di belakang */
body.jakMoonV2 .jakMoonBrandV3{
  position:relative !important;

  isolation:isolate !important;
}

body.jakMoonV2 .jakMoonBrandV3::before{
  content:"";

  position:absolute;

  z-index:-1;

  left:-10px;
  top:-8px;

  width:245px;
  height:73px;

  border-radius:18px;

  background:
    radial-gradient(
      ellipse at left center,
      rgba(0,8,28,.50),
      rgba(0,8,28,.20) 62%,
      transparent 82%
    );

  pointer-events:none;
}


/* ================================================
   BOTTOM SPACE
================================================ */

/* sebelumnya terlalu banyak spacer di bawah list */
body.jakMoonV2 #list{
  padding-bottom:
    calc(
      76px +
      env(safe-area-inset-bottom)
    ) !important;
}


/* CS sedikit lebih dekat ke nav */
body.jakMoonV2 #jakCsLauncher{
  bottom:
    calc(
      76px +
      env(safe-area-inset-bottom)
    ) !important;
}


/* bottom nav sedikit lebih rendah/compact */
body.jakMoonV2 .bottomNav{
  bottom:
    calc(
      7px +
      env(safe-area-inset-bottom)
    ) !important;
}


/* kalau card terakhir, jangan kasih margin tambahan */
body.jakMoonV2 #list .card:last-child,
body.jakMoonV2 #list .card:nth-last-child(2){
  margin-bottom:0 !important;
}


/* ================================================
   MOBILE
================================================ */

@media(max-width:520px){

  body.jakMoonV2
  .jakMoonBrandV3 .jakTextV31{
    font-weight:950 !important;
  }

  body.jakMoonV2
  .jakMoonBrandV3::before{
    width:220px;
    height:68px;
  }

}