/* ============================================================================
   COMPONENT: artwork-catalog-card — catalog list/grid card (SKIN tier, Most-Famous-Paintings)
   PHASE B REDESIGN (2026-07-06) — see artwork-catalog-card.css header and
   DOC_CSS_COMPONENT_MIGRATION_LIST.md §F6. MFP is the only brand with an
   explicit kit-defined card shadow token (--sh-card), wired into the shared
   hover-shadow token. Unique 3D image-tilt hover preserved. Fav double-ring
   bug fixed (was unfixed here).
   ============================================================================ */

.artwork-catalog-card {
  --artwork-catalog-card-border-color: var(--mfp-sand-3, #DDD5C0);
  --artwork-catalog-card-radius: var(--r-sm, 2px);
  --artwork-catalog-card-bg: var(--mfp-ivory, #FDFAF4);

  --artwork-catalog-card-artist-color: var(--mfp-ink-3, #8A8273);
  --artwork-catalog-card-artist-accent-color: var(--mfp-ink, #1A1814);
  --artwork-catalog-card-title-color: var(--mfp-ink-2, #4A4438);
  --artwork-catalog-card-desc-color: var(--mfp-ink-2, #4A4438);

  --artwork-catalog-card-hover-bg: var(--mfp-sand-2, #EDE7D9);
  --artwork-catalog-card-hover-border: 1px solid var(--mfp-sand-3, #DDD5C0);

  --artwork-catalog-card-buy-btn-bg: var(--mfp-ink, #1A1814);
  --artwork-catalog-card-buy-btn-color: var(--mfp-ivory, #FDFAF4);
  --artwork-catalog-card-buy-btn-radius: var(--r-sm, 2px);

  --artwork-catalog-card-fav-icon-filter: brightness(0) saturate(100%) invert(52%) sepia(6%) saturate(500%) hue-rotate(20deg) brightness(90%) contrast(90%);
  --artwork-catalog-card-fav-icon-filter-active: brightness(0) saturate(100%) invert(45%) sepia(55%) saturate(500%) hue-rotate(10deg) brightness(90%) contrast(95%);

  /* card lift — MFP is the only brand with a kit-defined card shadow token */
  --artwork-catalog-card-card-hover-bg: var(--mfp-sand-2, #EDE7D9);
  --artwork-catalog-card-card-hover-shadow: var(--sh-frame, 0 30px 60px -20px rgba(26,24,20,0.35), 0 8px 20px -8px rgba(26,24,20,0.2));
  --artwork-catalog-card-card-hover-transform: translateY(-2px);
}

.artwork-catalog-card {
  box-shadow: var(--sh-card, 0 12px 24px -12px rgba(26,24,20,0.18));
}

.artwork-catalog-card__artist h2,
.artwork-catalog-card__artist h2 a {
  font-family: var(--font-title, 'Baskervville SC', Georgia, serif);
}

.artwork-catalog-card__title,
.artwork-catalog-card__title a {
  font-style: italic;
}

/* MFP's signature: subtle 3D tilt on image hover */
.artwork-catalog-card__media {
  perspective: 600px;
}

.artwork-catalog-card:hover .artwork-catalog-card__media img {
  transform: rotateY(-7deg) rotateX(3deg) scale(1.04);
}

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

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

.top100-listing .artwork-catalog-card__buy-btn {
  border-radius: var(--r-pill, 999px);
}

.top100-listing .artwork-catalog-card__buy-btn:hover {
  background: var(--mfp-gold, #8B6914);
  border-color: var(--mfp-gold, #8B6914);
}