/* ─ Album Card ─ */
.album-card {
  position: relative;
  cursor: pointer;
  background: var(--bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: inset 0 0 0 1px var(--border-subtle);
  /* Instant shadow change — same WebKitGTK jitter as animated box-shadow on .artist-card. */
  transform: translateZ(0);
}

.album-card:hover {
  box-shadow: inset 0 0 0 1px var(--card-hover-border), var(--shadow-md);
}

.album-card-cover {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  background: var(--card-placeholder-bg);
  contain: paint;
  isolation: isolate;
  transform: translateZ(0);
}

.album-card-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center center;
  position: relative;
  z-index: 0;
  transform: translateZ(0) scale(1);
  transition: opacity 0.15s ease, transform 350ms cubic-bezier(0.16, 1, 0.3, 1);
}

.album-card:hover .album-card-cover img {
  transform: translateZ(0) scale(1.02);
}

.album-card-cover-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
}

.album-card-info {
  transform: translateZ(0);
}
