/* BuddySocial v10.87 - mobile/tablet/PWA artwork alignment + cover fallback presentation.
   Desktop >1100px intentionally untouched. Player functionality remains handled by player-core. */
@media (max-width:1100px){
  /* Every playlist player keeps the artwork at exactly 86x86 and moves it clearly right
     within the artwork column, matching the requested visual centering. */
  .profile-player.profile-playlist .pp-visual.pp-vinyl-wrap{
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    height:92px!important;
    min-height:92px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    transform:translateX(14px)!important;
    position:relative!important;
    z-index:2!important;
  }
  .profile-player.profile-playlist .pp-vinyl{
    width:86px!important;
    height:86px!important;
    min-width:86px!important;
    min-height:86px!important;
    max-width:86px!important;
    max-height:86px!important;
    flex:0 0 86px!important;
    padding:3px!important;
    border-radius:50%!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .profile-player.profile-playlist .pp-vinyl-label{
    inset:3px!important;
    border-radius:50%!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(0,0,0,.18)!important;
  }
  .profile-player.profile-playlist .pp-vinyl-cover{
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:50%!important;
  }
  /* Hide the generic music-note decoration whenever a real/fallback image is present. */
  .profile-player.profile-playlist .pp-vinyl-label:has(.pp-vinyl-cover)::before{
    content:none!important;
    display:none!important;
  }
}

@media (max-width:430px){
  .profile-player.profile-playlist .pp-visual.pp-vinyl-wrap{
    transform:translateX(18px)!important;
  }
}