/* Standard (bidding) auction tiles: shorter cards (owner ruling 2026-10-17).
   Loaded only on bidding-auction floors; Buy Now floors never load it, and
   sponsor tiles are left as they are. Every state keeps icon + text: nothing
   here is read by colour alone. */

.lot[data-sale-format="auction"]:not(.sponsor) { --tile-pad: 1rem; position: relative; }
html.calm .lot[data-sale-format="auction"]:not(.sponsor) { --tile-pad: .85rem; }

/* LIVE / WINNING / MAXIMUM chips sit in the photo's top-left corner instead
   of a row of their own. The chips keep their ids, text and classes, so the
   floor's live updates and standing badges paint them exactly as before. */
.lot .card-chips {
  position: absolute; z-index: 3;
  top: calc(var(--tile-pad, 1rem) + 8px); left: calc(var(--tile-pad, 1rem) + 8px);
  right: calc(var(--tile-pad, 1rem) + 8px);
  display: flex; flex-wrap: wrap; align-items: flex-start;
  pointer-events: none;
}
.lot .card-chips a { pointer-events: auto; }
/* Margins, not flex gap: the bidder floor includes Safari 13.1, which has no
   flexbox gap. */
.lot .card-chips .chip {
  order: 2; margin: 0 .3rem .3rem 0; float: none;
  box-shadow: 0 1px 4px rgba(16, 20, 24, .32);
}
.lot .card-chips [id^="chip-"] { order: 1; }
/* Chips without a fill of their own get the card colour over a photo. */
.lot .card-chips .chip.maxarmed,
html:not(.calm) .lot .card-chips .chip.live,
html:not(.calm) .lot .card-chips .chip.extended,
html:not(.calm) .lot .card-chips .chip.soon,
html:not(.calm) .lot .card-chips .chip.closed { background: var(--card); }
/* A closed winner shows one WON chip (the page's own rule, for the new place). */
.lot.standing-won[data-status="closed"] .card-chips > [id^="chip-"],
.lot.standing-won[data-status="settled"] .card-chips > [id^="chip-"] { display: none; }

/* Titles: two lines on the tile; the full title, brand and size are on the lot page. */
.lot[data-sale-format="auction"]:not(.sponsor) h2 { min-height: 0; }
.lot[data-sale-format="auction"]:not(.sponsor) h2 a {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
  overflow: hidden;
}

/* One premium notice for the whole floor (each tile keeps its ≈ all-in line). */
.floor-fee-notice { max-width: 46rem; margin: .5rem 0 0; color: var(--muted); font-size: .82rem; line-height: 1.45; }

/* Condition, Save lot and Share stay on one line; the small watch/bid/ship
   counts follow and wrap onto a short line of their own when the column is
   narrow, instead of pushing Save lot and Share below the condition. */
.lot .tile-meta { justify-content: flex-start !important; row-gap: .15rem !important; }
.lot .tile-meta > span:last-child { display: contents !important; }
.lot .tile-meta > span:last-child > .dock,
.lot .tile-meta > span:last-child > .share-btn:first-child { margin-left: auto; }

/* Share sits beside Save lot: both 44px tall, narrow enough that the
   condition chip, Save lot, Share and the bid count share one line in a
   three-column desktop grid. */
.lot[data-sale-format="auction"]:not(.sponsor) .dock { padding: .26rem .6rem; }
.lot[data-sale-format="auction"]:not(.sponsor) .share-btn--compact { min-height: 44px; padding: .3rem .6rem; gap: .25rem; }

/* Sealed maximum: one "Set max" / "Your max $X · change" control beside the
   all-in line; the entry row opens only when asked. */
.lot .bid-tools {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: .3rem;
}
.lot .bid-tools .allin { margin: 0; flex: 1 1 auto; min-width: 0; }
.lot .max-toggle {
  flex: 0 0 auto; min-height: 44px; margin-left: .5rem; padding: .35rem .75rem;
  border: 1.5px solid var(--gold); border-radius: 8px; background: none; color: var(--gold);
  font: inherit; font-size: .85rem; font-weight: 700; line-height: 1.2; cursor: pointer;
  white-space: nowrap;
}
.lot .max-toggle:hover { background: rgba(201, 164, 76, .13); }
.lot .max-toggle:focus-visible { outline: 3px solid currentColor; outline-offset: 2px; }
.lot .max-toggle[hidden] { display: none; }
.lot[data-status="closed"] .max-toggle,
.lot[data-status="settled"] .max-toggle { display: none; }
.lot .maxrow:not([hidden]) { display: flex; gap: .5rem; margin-top: .5rem; }