/* Ramadan & Eid instant bid: quick picks are brass coins, the steppers
   round buttons. The panel's string of lights is in skin/home.css. */
@import url("../../../components/instant_bid_modal.css");

.ibm-step { border-radius: 50% !important; }
.ibm-step:hover { background: var(--btn-bg) !important; color: var(--btn-ink) !important; border-color: var(--btn-edge) !important; }
.ibm-bid-input { font-family: var(--font-display) !important; font-weight: 600 !important; border-radius: 14px !important; }
.ibm-bid-input:focus { border-color: var(--theme-500) !important; box-shadow: 0 0 0 3px var(--gold-soft); }
.ibm-pill { font-family: var(--font-display); font-size: .85rem; font-weight: 600; background: var(--brass-metal); color: #352408; border: 0; box-shadow: 0 1px 0 #714d0f; }
.ibm-pill:hover { background: var(--btn-bg-hover); color: var(--btn-ink); }
.ibm-pill-max { box-shadow: 0 1px 0 #714d0f, 0 0 0 2px var(--paper-2), 0 0 0 4px var(--teal); color: #352408; }
.ibm-pill-min { background: var(--paper-2); border: 1.5px dashed var(--theme-500); color: var(--ink-2); box-shadow: none; }
.ibm-full-link:hover { color: var(--pomegranate); }

/* The item picture in a lamplit arch. */
html body #ibmImage {
  border-radius: 50% 50% 12px 12px / 38% 38% 12px 12px !important;
  background: radial-gradient(circle, rgba(246, 195, 92, .32), transparent 70%), var(--paper) !important;
  border: 0 !important;
  padding: 8px 6px 6px;
  box-shadow: var(--brass-rim), 0 8px 12px -6px rgba(18, 52, 59, .5);
}