/* ============================================================================
   COMPONENT: artwork-catalog-card — catalog list/grid card (SKIN tier, WahooArt)
   PHASE B REDESIGN (2026-07-06) — see artwork-catalog-card.css header and
   DOC_CSS_COMPONENT_MIGRATION_LIST.md §F6. WA is a HANDS-OFF brand: the goal
   here is to reproduce WA's current rendered look (flat/borderless card,
   parchment beige hover panel, no shadow) under the new shared mechanism —
   NOT to redesign WA's visuals. The structure file's fallback values already
   equal WA's Phase-A defaults, so this skin only needs to (a) wire WA's real
   design tokens where they exist, (b) restore WA's signature image-hover
   effect, and (c) apply the fav-toggle double-ring fix (WA was one of the
   5 brands where it was still unfixed).
   ============================================================================ */

.artwork-catalog-card {
  --artwork-catalog-card-border-color: var(--wa-line, #DCD3BF);
  --artwork-catalog-card-artist-color: var(--wa-ink, #3E342A);
  --artwork-catalog-card-artist-accent-color: var(--wa-logo-red, #B23333);
  --artwork-catalog-card-title-color: var(--wa-ink, #3E342A);
  --artwork-catalog-card-desc-color: var(--wa-ink, #3E342A);

  --artwork-catalog-card-hover-bg: var(--wa-panel, #E8E2CD);

  --artwork-catalog-card-buy-btn-bg: var(--wa-bronze, #875D2A);
  --artwork-catalog-card-buy-btn-color: var(--wa-panel, #EDE9DE);

  /* icon-only fav toggle: ink at rest, bronze once favorited */
  --artwork-catalog-card-fav-icon-filter: brightness(0) saturate(100%) invert(20%) sepia(8%) saturate(600%) hue-rotate(12deg) brightness(90%) contrast(90%);
  --artwork-catalog-card-fav-icon-filter-active: brightness(0) saturate(100%) invert(37%) sepia(28%) saturate(1200%) hue-rotate(360deg) brightness(95%) contrast(90%);

  /* WA's signature warm-glow zoom on image hover (unchanged from Phase A) */
  --artwork-catalog-card-image-hover-transform: scale(1.05);
  --artwork-catalog-card-image-hover-filter: brightness(1.14) saturate(1.25);
}

.artwork-catalog-card .artwork-catalog-card__media img {
  transition: filter 0.75s ease, transform 1.5s ease;
}

/* ---- top100-listing: WA's ranked-list frame (gold-leaf hover lift) ---- */

.top100-listing .artwork-catalog-card {
  background: var(--wa-panel, #E8E4D9);
  border-color: var(--wa-line, rgba(47, 42, 35, 0.16));
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(47, 42, 35, 0.03);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.top100-listing .artwork-catalog-card:hover {
  border-color: var(--wa-gold-leaf, #B08D4E);
  box-shadow: 0 6px 20px rgba(31, 25, 16, 0.14);
  transform: translateY(-2px);
}

.top100-listing .artwork-catalog-card__title a {
  font-family: var(--font-title, "Cormorant Garamond", serif);
  font-style: italic;
}

.top100-listing .artwork-catalog-card__artist h2,
.top100-listing .artwork-catalog-card__artist h2 a {
  font-weight: 700;
  letter-spacing: 0.13em;
  font-size: 0.68rem;
  color: var(--wa-bronze, #8A5D2B);
}