/* Harvest Table: the auction card under the plaid cloth's selvedge, its
   price served on an oak board with a handle at its end. Builds on the
   plugin's own card styles. */
@import url("../../../components/auction_card.css");

.ed-card-auction, html.dark .ed-card-auction {
  background: var(--paper-2);
  border: 1px solid var(--rule);
  border-radius: var(--radius, 14px);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.ed-card-auction:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.ed-card-auction::before, html.dark .ed-card-auction::before {
  top: 0; left: 0; right: 0; height: 10px; border-radius: 0; z-index: 2;
  background: var(--plaid-band);
}
.ed-card-auction.auction-ended-winner::before { filter: saturate(.55); }
.ed-card-auction .ed-folio { color: var(--theme-600); }

/* The price row: a board of oak, long grain, rounded ends, a handle with
   a hole at its far end */
.ed-card-auction .flex.items-end.justify-between.border-t {
  position: relative;
  margin: 0 1.6rem 0 -.25rem; padding: .85rem 1rem .8rem;
  background:
    repeating-linear-gradient(178deg, rgba(0, 0, 0, .06) 0 1px, transparent 1px 7px),
    linear-gradient(90deg, #c99258, #d9aa70 30%, #c48c50 62%, #d1a067);
  border: 0 !important;
  border-radius: 12px;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .16), 0 6px 10px -6px rgba(43, 29, 20, .5);
}
.ed-card-auction .flex.items-end.justify-between.border-t::after {
  content: ''; position: absolute; top: 50%; inset-inline-start: 100%; width: 1.7rem; height: 1.5rem; margin-top: -.75rem;
  background: radial-gradient(circle at 55% 50%, var(--paper-2) 0 3.5px, transparent 4px), linear-gradient(90deg, #c99258, #d1a067);
  border-radius: 0 10px 10px 0;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .16);
}
[dir="rtl"] .ed-card-auction .flex.items-end.justify-between.border-t { margin: 0 -.25rem 0 1.6rem; }
[dir="rtl"] .ed-card-auction .flex.items-end.justify-between.border-t::after { border-radius: 10px 0 0 10px; background: radial-gradient(circle at 45% 50%, var(--paper-2) 0 3.5px, transparent 4px), linear-gradient(90deg, #d1a067, #c99258); }
.ed-card-auction .flex.items-end.justify-between.border-t * { color: #4a2c17 !important; }
.ed-card-auction .auction-current-bid,
.ed-card-auction .font-display.text-2xl { font-family: var(--font-display); font-weight: 400 !important; font-size: clamp(1.3rem, 2.5vw, 1.6rem); color: #2b1d14 !important; overflow-wrap: normal; }

.ed-card-auction .info-btn { border: 1px solid var(--rule) !important; color: var(--ink) !important; border-radius: 999px !important; }
.ed-card-auction .info-btn:hover { border-color: var(--theme-500) !important; color: var(--theme-600) !important; }

/* The info button fills with ink on hover; its icon takes the paper colour
   with it instead of keeping the ink it has at rest. */
.ed-card-auction .info-btn:hover,
.ed-card-auction .info-btn:hover :is(svg, i) { color: var(--paper) !important; }