/* ==========================================================================
   CITYSCAPE REAL ESTATE — SOLD PAGE STYLES
   Record price callout, recent sales ticker, architectural sold showcase cards.
   ========================================================================== */

/* Hero record sale number typography */
[data-screen-label="Sold · Hero"] span[data-count] {
  font-size: clamp(48px, 9vw, 136px) !important;
  line-height: 0.9 !important;
  letter-spacing: -0.04em !important;
  font-variant-numeric: lining-nums tabular-nums !important;
}

/* Sold Property Cards */
[data-screen-label="Sold · Results"] article {
  border: 1px solid var(--line) !important;
  border-radius: 4px !important;
  padding: clamp(20px, 3vw, 36px) !important;
  background: var(--paper) !important;
  box-shadow: 0 8px 30px rgba(10, 10, 10, 0.03) !important;
  transition: transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), border-color var(--dur-fast) ease !important;
}
[data-screen-label="Sold · Results"] article:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 48px rgba(10, 10, 10, 0.08) !important;
  border-color: rgba(197, 160, 89, 0.45) !important;
}

/* Sold card images */
[data-screen-label="Sold · Results"] article > div:first-child,
[data-screen-label="Sold · Results"] article > div:last-child {
  border-radius: 2px !important;
  overflow: hidden !important;
}
[data-screen-label="Sold · Results"] article:hover img {
  transform: scale(1.045) !important;
}

/* Sold card prices: clean authoritative single-line scale */
[data-screen-label="Sold · Results"] article span:nth-of-type(2) {
  font-size: clamp(28px, 3.4vw, 50px) !important;
  line-height: 1 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
}

/* Sold card addresses */
[data-screen-label="Sold · Results"] article h2 {
  font-family: var(--font-display) !important;
  font-weight: 500 !important;
  font-size: clamp(22px, 2vw, 32px) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.015em !important;
  transition: color var(--dur-fast) ease !important;
}
[data-screen-label="Sold · Results"] article:hover h2 {
  color: var(--gold-deep) !important;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  [data-screen-label="Sold · Results"] article {
    grid-template-columns: 1fr !important;
    gap: 2.5vh !important;
  }
  [data-screen-label="Sold · Results"] article > div {
    order: unset !important;
  }
  [data-screen-label="Sold · Results"] article > div:first-child {
    order: 1 !important;
  }
  [data-screen-label="Sold · Results"] article > div:last-child {
    order: 2 !important;
  }
  [data-screen-label="Sold · Summary"] > div {
    grid-template-columns: 1fr !important;
    gap: 2vh !important;
  }
}