/* Graduation: the auction card under the engraved guilloché border, its
   price on a slip of certificate paper in a gold rule with a foil seal
   pressed into 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, 6px);
  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: 14px; border-radius: 0; z-index: 2;
  background: var(--gd-band), var(--navy, #14213d);
}
.ed-card-auction.auction-ended-winner::before { background: var(--gd-band-night), #8c1d33; }
.ed-card-auction .ed-folio { color: var(--theme-600); }

/* The price row: certificate paper in a double rule, a seal at its end */
.ed-card-auction .flex.items-end.justify-between.border-t {
  position: relative;
  margin: 0 -.25rem; padding: .95rem 2.9rem .8rem 1.05rem;
  background: #fffcf4;
  color: #14213d;
  border: 0 !important;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1.5px #c39a3e, inset 0 0 0 3.5px #fffcf4, inset 0 0 0 4.3px rgba(20, 33, 61, .45), 0 6px 12px -8px rgba(20, 33, 61, .4);
}
[dir="rtl"] .ed-card-auction .flex.items-end.justify-between.border-t { padding: .95rem 1.05rem .8rem 2.9rem; }
.ed-card-auction .flex.items-end.justify-between.border-t::after {
  content: ''; position: absolute; right: .55rem; top: 50%; width: 30px; height: 30px; margin-top: -15px;
  background: var(--gd-seal-plain) center / contain no-repeat;
  filter: drop-shadow(0 2px 2px rgba(20, 33, 61, .3));
}
[dir="rtl"] .ed-card-auction .flex.items-end.justify-between.border-t::after { right: auto; left: .55rem; }
html.dark .ed-card-auction .flex.items-end.justify-between.border-t { background: #fbf3df; box-shadow: inset 0 0 0 1.5px #c9a24a, inset 0 0 0 3.5px #fbf3df, inset 0 0 0 4.3px rgba(20, 33, 61, .4), 0 0 18px -6px rgba(246, 214, 140, .4); }
.ed-card-auction .flex.items-end.justify-between.border-t * { color: #34405e !important; }
.ed-card-auction .auction-current-bid,
.ed-card-auction .font-display.text-2xl { font-family: var(--font-ui); font-weight: 700 !important; letter-spacing: -.01em; font-size: clamp(1.35rem, 5vw, 1.6rem); color: #14213d !important; overflow-wrap: normal; white-space: nowrap; }

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

/* Titles and blurbs 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 :is(h3.font-display, h3.font-display + p) { 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; }