/* ============================================================================
   COMPONENT: artwork-catalog-card — catalog list/grid card (SKIN tier, ArtsDot)
   PHASE B REDESIGN (2026-07-06) — see artwork-catalog-card.css header and
   DOC_CSS_COMPONENT_MIGRATION_LIST.md §F6. ADC is a HANDS-OFF brand.

   Critical fix: Phase A's ADC tokens/design lived ENTIRELY under
   `.custom_search .artwork-catalog-card` — meaning they silently did not
   apply to any bare-root card instance. Promoted to the true component root
   here so ADC's real design (line/ink/accent tokens, grayscale hover,
   pill-shaped buy button) applies everywhere unconditionally.
   ============================================================================ */

.artwork-catalog-card {
  --artwork-catalog-card-border-color: var(--adc-line, #e9e7e2);
  --artwork-catalog-card-bg: var(--adc-bg, #fff);

  --artwork-catalog-card-artist-color: var(--adc-ink, #111110);
  --artwork-catalog-card-artist-accent-color: var(--adc-accent, #b3402a);
  --artwork-catalog-card-title-color: var(--adc-ink, #111110);
  --artwork-catalog-card-desc-color: var(--adc-ink, #111110);

  --artwork-catalog-card-hover-bg: var(--adc-bg, #fff);
  --artwork-catalog-card-hover-border: 1px solid var(--adc-line, #e9e7e2);
  --artwork-catalog-card-hover-inset: 1px;

  --artwork-catalog-card-buy-btn-bg: var(--adc-ink, #111110);
  --artwork-catalog-card-buy-btn-color: #fff;
  --artwork-catalog-card-buy-btn-radius: 999px; /* ADC's signature pill button */

  /* icon-only fav toggle: grayscale ink at rest, accent once favorited */
  --artwork-catalog-card-fav-icon-filter: brightness(0) saturate(100%) invert(8%) sepia(6%) saturate(500%) hue-rotate(12deg) brightness(95%) contrast(95%);
  --artwork-catalog-card-fav-icon-filter-active: brightness(0) saturate(100%) invert(37%) sepia(28%) saturate(1679%) hue-rotate(339deg) brightness(91%) contrast(89%);

  /* ADC's signature photo-to-mono hover */
  --artwork-catalog-card-image-hover-transform: scale(1.02);
  --artwork-catalog-card-image-hover-filter: grayscale(100%);
}

.artwork-catalog-card .artwork-catalog-card__media img {
  filter: none;
  transition: filter 0.3s ease-out, transform 1s ease-out;
}

/* ---- top100-listing: ADC's ranked-list frame ---- */

.top100-listing .artwork-catalog-card {
  background: var(--adc-bg, #ffffff);
  border-color: var(--adc-line, #e9e7e2);
}