/* BuddySocial v10.92 - force ALL profile player skins to the same 80% width + same compact height */

/* Every skin uses exactly the same outer dimensions, regardless of its own theme rules. */
.profile-player.profile-playlist,
.profile-player.profile-playlist[class*="player-"]{
  width:80%!important;
  min-width:0!important;
  max-width:80%!important;
  inline-size:80%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;

  /* One shared compact height for every player skin. */
  height:174px!important;
  min-height:174px!important;
  max-height:174px!important;
  padding-top:4px!important;
  padding-bottom:4px!important;
  row-gap:2px!important;
}

/* Stop individual skins from making the content row taller than the others. */
.profile-player.profile-playlist .pp-main{
  min-height:0!important;
  max-height:132px!important;
  box-sizing:border-box!important;
}

/* Keep the cover at the requested 86x86 and slightly lower. */
.profile-player.profile-playlist .pp-visual.pp-vinyl-wrap{
  width:86px!important;
  min-width:86px!important;
  max-width:86px!important;
  height:86px!important;
  min-height:86px!important;
  max-height:86px!important;
  margin-top:12px!important;
  align-self:flex-start!important;
}
.profile-player.profile-playlist .pp-vinyl,
.profile-player.profile-playlist .pp-vinyl-label{
  width:86px!important;
  height:86px!important;
  min-width:86px!important;
  min-height:86px!important;
  max-width:86px!important;
  max-height:86px!important;
}
.profile-player.profile-playlist .pp-vinyl-cover{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Same compact playlist bar on every skin. */
.profile-player.profile-playlist .pp-list-toggle{
  min-height:22px!important;
  height:22px!important;
  max-height:22px!important;
  padding-top:1px!important;
  padding-bottom:1px!important;
  box-sizing:border-box!important;
}
.profile-player.profile-playlist .pp-playlist-list{
  margin-top:0!important;
}

/* If a playlist is expanded, allow the list itself to continue below the fixed player shell. */
.profile-player.profile-playlist .pp-playlist-list:not([hidden]){
  max-height:240px!important;
  overflow:auto!important;
}

@media (max-width:1100px){
  .profile-player.profile-playlist,
  .profile-player.profile-playlist[class*="player-"]{
    width:80%!important;
    max-width:80%!important;
    inline-size:80%!important;
    height:168px!important;
    min-height:168px!important;
    max-height:168px!important;
    padding-top:3px!important;
    padding-bottom:3px!important;
    row-gap:2px!important;
  }
  .profile-player.profile-playlist .pp-visual.pp-vinyl-wrap{
    margin-top:10px!important;
  }
  .profile-player.profile-playlist .pp-main{
    max-height:128px!important;
  }
}

@media (max-width:430px){
  .profile-player.profile-playlist,
  .profile-player.profile-playlist[class*="player-"]{
    width:80%!important;
    max-width:80%!important;
    inline-size:80%!important;
    height:164px!important;
    min-height:164px!important;
    max-height:164px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-top:2px!important;
    padding-bottom:2px!important;
  }
  .profile-player.profile-playlist .pp-visual.pp-vinyl-wrap{
    margin-top:9px!important;
  }
}