/* 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; }

/* Keep status chips in a wrapping row above the media. Published photos can
   carry condition labels in any corner, so status must never cover them.
   Keep the existing ids, text and classes for the floor's live updates. */
.lot .card-chips {
  position: static; flex: 0 0 auto; min-width: 0;
  display: flex; flex-wrap: wrap; align-items: flex-start;
  margin-bottom: .2rem;
}
/* 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;
  max-width: calc(100% - .3rem); box-sizing: border-box;
  white-space: normal; overflow-wrap: break-word;
  box-shadow: 0 1px 4px rgba(16, 20, 24, .32);
}
.lot .card-chips [id^="chip-"] { order: 1; }
/* Keep an opaque card-colour fill on chips without their own background. */
.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); }
/* Legacy light colours were too faint for these small status labels. */
html.light:not(.calm) .lot .card-chips .chip.maxarmed,
html.light:not(.calm) .lot .card-chips .chip.closed { color: var(--ink); }
/* 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; }