/* Card asta (components/auction_card.html): la card annuncio (.listing) con i dati della procedura. */

@layer components {
  /* il titolo dell'asta spesso e' lungo: due righe */
  .auction-card h3 { -webkit-line-clamp: 2; }
  /* i segnaposto SVG del portale hanno gia' il loro fondo: niente velo */
  .auction-card .ph.placeholder { background: var(--tint); }
  .auction-card:has(.placeholder) .media::after { display: none; }
  .auction-card .addr-line { font-size: var(--step-small); }
  .auction-facts-row { color: var(--ink-soft); }
  .auction-card-foot {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px 12px;
    margin-top: 8px;
    font-size: var(--step-small);
    color: var(--ink-soft);

    & b { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--accent); white-space: nowrap; }
    & .icon { width: 14px; height: 14px; }
  }
}