/* =====================================================
   JAKSKY PUBLIC PROFILE AVATAR V54
   Popup cek profil:
   - foto tetap milik user / default avatar
   - semua animated avatar frame dimatikan
   - avatar bulat dan konsisten
   ===================================================== */


/* SHELL */
#publicProfileModal .publicAvatarFrameShell{
  width:108px !important;
  height:108px !important;
  min-width:108px !important;
  min-height:108px !important;

  position:relative !important;

  display:grid !important;
  place-items:center !important;

  margin:0 auto !important;
  padding:0 !important;

  border:0 !important;
  outline:0 !important;

  border-radius:50% !important;

  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;

  overflow:hidden !important;

  animation:none !important;
  transform:none !important;
}


/* MATIKAN SEMUA FRAME / DECOR */
#publicProfileModal .publicAvatarFrameShell::before,
#publicProfileModal .publicAvatarFrameShell::after,
#publicProfileModal .avatarFrameDecor,
#publicProfileModal .avatarFrameDecorA,
#publicProfileModal .avatarFrameDecorB{
  display:none !important;
  content:none !important;

  opacity:0 !important;
  visibility:hidden !important;

  animation:none !important;
  background:none !important;
  box-shadow:none !important;
}


/* Kalau sistem frame menyisipkan video/webm */
#publicProfileModal .publicAvatarFrameShell video,
#publicProfileModal .publicAvatarFrameShell canvas,
#publicProfileModal .publicAvatarFrameShell .avatarFrameVideo,
#publicProfileModal .publicAvatarFrameShell .avatarFxVideo,
#publicProfileModal .publicAvatarFrameShell [class*="FrameFx"],
#publicProfileModal .publicAvatarFrameShell [class*="frameFx"]{
  display:none !important;

  opacity:0 !important;
  visibility:hidden !important;

  pointer-events:none !important;
}


/* Hapus style khusus frame terpilih */
#publicProfileModal
.publicAvatarFrameShell[class*="avatarFrame-"]{
  background:none !important;
  border:0 !important;
  outline:0 !important;

  box-shadow:none !important;
  filter:none !important;

  animation:none !important;
}


/* PP USER */
#publicProfileModal .publicProfileAvatar{
  position:relative !important;
  z-index:3 !important;

  width:100px !important;
  height:100px !important;

  min-width:100px !important;
  min-height:100px !important;

  max-width:100px !important;
  max-height:100px !important;

  display:block !important;

  margin:0 !important;
  padding:0 !important;

  aspect-ratio:1 / 1 !important;

  border-radius:50% !important;

  object-fit:cover !important;
  object-position:center !important;

  border:
    2px solid rgba(137,194,255,.42) !important;

  outline:
    3px solid rgba(51,121,255,.09) !important;

  background:#09172b !important;

  box-shadow:
    0 8px 25px rgba(0,0,0,.32),
    0 0 18px rgba(69,145,255,.12) !important;

  filter:none !important;
  transform:none !important;
  animation:none !important;
}


/* Tidak boleh ikut aturan frame identity lama */
#publicProfileModal
.publicProfileHero.identityBasic
.publicProfileAvatar,

#publicProfileModal
.publicProfileHero.identityPro
.publicProfileAvatar,

#publicProfileModal
.publicProfileHero.identityOwner
.publicProfileAvatar,

#publicProfileModal
.publicProfileHero.identityAdmin
.publicProfileAvatar,

#publicProfileModal
.publicProfileHero.identityMod
.publicProfileAvatar{
  width:100px !important;
  height:100px !important;

  border-radius:50% !important;

  transform:none !important;
  animation:none !important;
}


/* Mobile */
@media(max-width:430px){

  #publicProfileModal .publicAvatarFrameShell{
    width:104px !important;
    height:104px !important;

    min-width:104px !important;
    min-height:104px !important;
  }

  #publicProfileModal .publicProfileAvatar{
    width:96px !important;
    height:96px !important;

    min-width:96px !important;
    min-height:96px !important;

    max-width:96px !important;
    max-height:96px !important;
  }

}