/* ============================================================================
   COMPONENT: artwork-catalog-card — catalog list/grid card (SKIN tier, WikiOO)
   PHASE B REDESIGN (2026-07-06) — see artwork-catalog-card.css header and
   DOC_CSS_COMPONENT_MIGRATION_LIST.md §F6. WK sells nothing
   (site_displays_artwork_sales is False for WK) — the buy-btn still renders
   with full token styling, the template just supplies "View" text instead of
   a price. Fav double-ring bug fixed (was unfixed here).
   ============================================================================ */

.artwork-catalog-card {
  --artwork-catalog-card-border-color: var(--card-border, #cdcdcd);
  --artwork-catalog-card-bg: var(--wk-bg, #ffffff);

  --artwork-catalog-card-artist-color: var(--wk-ink-3, #a3a09b);
  --artwork-catalog-card-artist-accent-color: var(--wk-ink, #1c1c1c);
  --artwork-catalog-card-title-color: var(--wk-ink, #1c1c1c);
  --artwork-catalog-card-desc-color: var(--wk-ink-2, #6e6c68);

  --artwork-catalog-card-hover-bg: var(--wk-band, #f5f5f5);
  --artwork-catalog-card-hover-border: 1px solid var(--wk-ink, #1c1c1c);

  --artwork-catalog-card-buy-btn-bg: var(--wk-ink, #1c1c1c);
  --artwork-catalog-card-buy-btn-color: #ffffff;

  --artwork-catalog-card-fav-icon-filter: brightness(0);
  --artwork-catalog-card-fav-icon-filter-active: brightness(0) saturate(100%) invert(20%);

  --artwork-catalog-card-image-hover-transform: scale(0.95);
  --artwork-catalog-card-image-hover-filter: contrast(1.5) saturate(0.05) brightness(1.05);
  --artwork-catalog-card-image-hover-opacity: 0.8;

  --artwork-catalog-card-card-hover-bg: var(--wk-band, #f5f5f5);
}

.artwork-catalog-card:hover {
  border-color: var(--wk-ink, #1c1c1c);
}

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

.artwork-catalog-card__title,
.artwork-catalog-card__title a {
  font-family: var(--font-title, 'Newsreader', Georgia, serif);
  font-style: italic;
}

.artwork-catalog-card__media {
  background: #333;
}

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

.top100-listing .artwork-catalog-card {
  background: var(--page, #ffffff);
}

.top100-listing .artwork-catalog-card:hover {
  border-color: var(--ink, #1c1c1c);
  background: var(--hover-wash, #f5f5f5);
}

.top100-listing .artwork-catalog-card__artist h2,
.top100-listing .artwork-catalog-card__artist h2 a {
  color: var(--muted, #8a8a8a);
}

.top100-listing .artwork-catalog-card__buy-btn {
  background: transparent;
  color: var(--ink, #1c1c1c);
  border: 1px solid var(--ink, #1c1c1c);
}

.top100-listing .artwork-catalog-card__buy-btn:hover {
  background: var(--ink, #1c1c1c);
  color: var(--page, #ffffff);
}