/* Lunar New Year: the auction card under a red-and-gold rule, its price
   on a red envelope, sealed with a gold 福 on Chinese pages. 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);
}
.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: 5px; border-radius: 14px 14px 0 0;
  background: linear-gradient(#c8142c, #c8142c) top / 100% 3px no-repeat, #e3ac48; z-index: 2;
}
.ed-card-auction.auction-ended-winner::before { background: var(--jade, #1d7a5b); }
.ed-card-auction .ed-folio { color: var(--theme-600); }

/* The price row becomes a red envelope; on Chinese pages a gold 福 seal
   sits at its leading edge */
.ed-card-auction .flex.items-end.justify-between.border-t {
  position: relative;
  margin: 0 -.25rem; padding: .95rem 1rem .8rem;
  background: #c8142c; color: #fff8ec;
  border: 0 !important;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgba(244, 205, 124, .5);
}
html:lang(zh) .ed-card-auction .flex.items-end.justify-between.border-t { padding: .95rem 1rem .8rem 3.1rem; }
html:lang(zh)[dir="rtl"] .ed-card-auction .flex.items-end.justify-between.border-t { padding: .95rem 3.1rem .8rem 1rem; }
html:lang(zh) .ed-card-auction .flex.items-end.justify-between.border-t::before {
  content: '\798F'; position: absolute; left: .7rem; top: 50%; width: 30px; height: 30px; margin-top: -15px;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-seal, serif); font-weight: 900; font-size: 17px; line-height: 1;
  color: #a8102a; background: #f4cd7c; border-radius: 50%;
}
html:lang(zh)[dir="rtl"] .ed-card-auction .flex.items-end.justify-between.border-t::before { left: auto; right: .7rem; }
.ed-card-auction .flex.items-end.justify-between.border-t * { color: #fbe4b0 !important; }
.ed-card-auction .auction-current-bid,
.ed-card-auction .font-display.text-2xl { font-family: var(--font-display); font-weight: 700 !important; font-size: clamp(1.35rem, 2.6vw, 1.6rem); color: #f4cd7c !important; overflow-wrap: normal; }

.ed-card-auction .info-btn { border: 1px solid var(--rule) !important; color: var(--ink) !important; border-radius: 12px !important; }
.ed-card-auction .info-btn:hover { background: var(--btn-bg); border-color: var(--btn-bg) !important; color: var(--btn-ink) !important; }

/* After dark the picture plate takes the lit well, or black lots vanish */
html.dark .ed-card-auction .relative.aspect-\[4\/3\] { background: var(--ln-well) !important; }

/* Pointed at or focused, the card's button keeps the base button colours:
   the lighter hover colour drops its label under 4.5:1. */
html body .ed-card-auction .ed-btn-primary:is(:hover, :focus-visible),
html.dark body .ed-card-auction .ed-btn-primary:is(:hover, :focus-visible) { background: var(--btn-bg); color: var(--btn-ink); }