/* ==========================================================================
   Recently Sold

   Differences only. The card shell, rail, hover and reveal all come from
   listings.css, because Carroll builds their #solds on the same shell as
   #listings and forking a near identical stylesheet is how the two drift
   apart later.

   listings.css must be linked BEFORE this file.
   ========================================================================== */

/* Shell ground so the section alternates against the Sand of Current
   Listings. The rest of the card language is unchanged. */
.yp-solds.yp-sec-shell { background: var(--yp-shell); }

/* The status pill carries the whole message here, so it stops being a quiet
   marker and becomes the loudest thing on the card: solid ink rather than the
   translucent treatment a "New to Market" flag uses. */
.yp-solds .yp-listings-status {
  background: var(--yp-ink);
  color: var(--yp-white);
  letter-spacing: var(--yp-track-sub, 0.09em);
}

/* With the price line removed the detail block has one child, and the shell's
   space-between would push the address to the top of its box. */
.yp-solds .yp-listings-detail { justify-content: flex-end; }

.yp-solds .yp-listings-address { margin-bottom: 0; }

@media (prefers-reduced-motion: reduce) {
  .yp-solds .yp-listings-status { transition: none; }
}