/* Ramadan & Eid: the auction card under a gold rule, its price on an
   ivory arch plaque with a gold edge. 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, 16px);
  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: 4px; border-radius: 16px 16px 0 0;
  background: linear-gradient(90deg, #c9922f, #f4cf7e 50%, #c9922f); z-index: 2;
}
.ed-card-auction.auction-ended-winner::before { background: var(--teal, #0f5b5f); }
.ed-card-auction .ed-folio { color: var(--theme-600); }

/* The price row becomes the plaque */
.ed-card-auction .flex.items-end.justify-between.border-t {
  position: relative;
  margin: 0 -.25rem; padding: 1rem 1rem .75rem;
  background: #fffdf7; color: #12343b;
  border: 0 !important;
  border-radius: 40px 40px 10px 10px / 22px 22px 10px 10px;
  box-shadow: inset 0 0 0 1.5px #c9922f;
}
html.dark .ed-card-auction .flex.items-end.justify-between.border-t { background: #f5ecd9; }
.ed-card-auction .flex.items-end.justify-between.border-t * { color: #12343b !important; }
.ed-card-auction .auction-current-bid,
.ed-card-auction .font-display.text-2xl { font-family: var(--font-display); font-weight: 600 !important; font-size: 1.6rem; color: #8f6212 !important; }

.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 { border-color: var(--teal) !important; color: var(--teal) !important; }

/* Titles come from the database with no dir; in Arabic and Urdu an
   English name keeps its own order. */
html[dir="rtl"] body .ed-card-auction h3 { unicode-bidi: plaintext; }

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