/* JF4158: unobtrusive album favorites and uniform three-column cards. */
.album-favorite-card .album-favorite-star,
.album-favorite-card .album-favorite-star.active{
  width:37px!important;
  height:37px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.album-favorite-card .album-favorite-star::before{
  font-size:1.35rem!important;
}
.album-favorite-card .album-favorite-star:hover{
  transform:none!important;
}
.album-favorite-card .album-favorite-star:focus-visible{
  outline:2px solid #7f936f;
  outline-offset:1px;
  border-radius:4px!important;
}

.music-album-grid.grid-cols-3{
  grid-auto-rows:138px;
  align-items:stretch;
}
.music-album-grid.grid-cols-3 .music-album-card{
  width:100%;
  height:138px!important;
  min-height:138px!important;
  max-height:138px!important;
  overflow:hidden!important;
  box-sizing:border-box;
}
.music-album-grid.grid-cols-3 .music-album-card-link{
  width:100%;
  height:100%!important;
  min-height:0!important;
  box-sizing:border-box;
  overflow:hidden!important;
}
.music-album-grid.grid-cols-3 .music-album-card-link>div:last-child{
  min-width:0;
  min-height:0;
  overflow:hidden;
}
.music-album-grid.grid-cols-3 .music-album-card h3{
  overflow:hidden;
}
.music-album-grid.grid-cols-3 .music-album-card small{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

@media(max-width:760px){
  .music-album-grid.grid-cols-3{
    grid-auto-rows:clamp(174px,calc((96vw - 14px)/3 + 64px),306px);
  }
  .music-album-grid.grid-cols-3 .music-album-card{
    height:clamp(174px,calc((96vw - 14px)/3 + 64px),306px)!important;
    min-height:clamp(174px,calc((96vw - 14px)/3 + 64px),306px)!important;
    max-height:clamp(174px,calc((96vw - 14px)/3 + 64px),306px)!important;
  }
  .music-album-grid.grid-cols-3 .music-album-card-link{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:5px!important;
    align-items:start!important;
    padding:8px!important;
  }
  .music-album-grid.grid-cols-3 .music-album-cover{
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    aspect-ratio:1;
  }
  .music-album-grid.grid-cols-3 .music-album-card-link>div:last-child{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    padding:0 2px!important;
  }
  .music-album-grid.grid-cols-3 .music-album-card h3{
    margin:0 0 2px!important;
    font-size:.72rem!important;
    line-height:1.2!important;
    max-height:2.4em;
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .music-album-grid.grid-cols-3 .music-album-card p{
    display:none!important;
  }
  .music-album-grid.grid-cols-3 .music-album-card small{
    margin-top:auto;
    font-size:.66rem!important;
    line-height:1.15;
  }
}