/* ============================================================================
   COMPONENT: artwork-catalog-card — catalog list/grid card (SKIN tier, BuyPopArt)
   PHASE B REDESIGN (2026-07-06) — see artwork-catalog-card.css header and
   DOC_CSS_COMPONENT_MIGRATION_LIST.md §F6. BPA's hard pop-art aesthetic (2px
   black border, zero radius, comic-panel drop-shadow on hover, uppercase Anton
   display font) preserved. Fav double-ring bug fixed (BPA carried its own
   painted pill, unfixed pre-redesign).
   ============================================================================ */

.artwork-catalog-card {
  --artwork-catalog-card-border-color: var(--bpa-ink, #111111);
  --artwork-catalog-card-border-width: 2px;
  --artwork-catalog-card-radius: 0;
  --artwork-catalog-card-bg: var(--bpa-bg, #ffffff);

  --artwork-catalog-card-artist-color: var(--bpa-ink-3, #888888);
  --artwork-catalog-card-artist-accent-color: var(--bpa-accent, #D4004C);
  --artwork-catalog-card-title-color: var(--bpa-ink-2, #111111);
  --artwork-catalog-card-desc-color: var(--bpa-ink-2, #111111);

  --artwork-catalog-card-hover-bg: var(--bpa-bg, #ffffff);
  --artwork-catalog-card-hover-border: 2px solid var(--bpa-ink, #111111);

  --artwork-catalog-card-buy-btn-bg: var(--bpa-ink, #111111);
  --artwork-catalog-card-buy-btn-color: #ffffff;
  --artwork-catalog-card-buy-btn-radius: 0;

  --artwork-catalog-card-fav-icon-filter: brightness(0);
  --artwork-catalog-card-fav-icon-filter-active: brightness(0) saturate(100%) invert(15%) sepia(90%) saturate(4000%) hue-rotate(325deg) brightness(95%) contrast(105%);

  --artwork-catalog-card-image-hover-filter: contrast(1.18) saturate(1.3) brightness(1.03);

  /* BPA's signature: hard comic-panel drop-shadow, no blur, no transform */
  --artwork-catalog-card-card-hover-shadow: 8px 8px 0 0 var(--bpa-ink, #111111);
}

.artwork-catalog-card__title a {
  font-family: var(--bpa-display, "Anton", sans-serif);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.artwork-catalog-card__artist h2,
.artwork-catalog-card__artist h2 a {
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* pop-art vignette on image hover */
.artwork-catalog-card__media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(transparent 30%, rgba(0, 0, 0, .55) 100%);
  opacity: 0;
  transition: opacity 1.1s;
  pointer-events: none;
}

.artwork-catalog-card__media:hover::after {
  opacity: 1;
}

/* ---- top100-listing ---- */

.top100-listing .artwork-catalog-card {
  --artwork-catalog-card-card-hover-shadow: 8px 8px 0 0 var(--lc, var(--bpa-accent, #D4004C));
  --artwork-catalog-card-card-hover-transform: translateY(-3px);
}

.top100-listing .artwork-catalog-card__artist h2,
.top100-listing .artwork-catalog-card__artist h2 a {
  color: var(--lc, var(--bpa-accent, #D4004C));
}

.top100-listing .artwork-catalog-card__buy-btn:hover {
  background: var(--lc, var(--bpa-accent, #D4004C));
}