/* Noid WPD Designer — Live Auctions
   Same brand tokens as Tip/Donation/Fundraiser Mode. */

.noid-auction-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
}
.noid-auction-card {
  display: block;
  border: 1px solid #E5E7EB;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background: #fff;
}
.noid-auction-card img { width: 100%; height: 160px; object-fit: cover; display: block; }
.noid-auction-card-body { padding: 12px 14px; }
.noid-auction-card-title { font-weight: 700; font-size: 14px; color: #111827; margin-bottom: 2px; }
.noid-auction-card-cause { font-size: 12px; color: #6B7280; margin-bottom: 6px; }
.noid-auction-card-bid { font-weight: 800; font-size: 15px; color: #1544B8; }

.noid-auction-detail { max-width: 560px; }
.noid-auction-detail-img { width: 100%; border-radius: 10px; margin-bottom: 16px; }
.noid-auction-detail-cause { color: #6B7280; font-size: 13px; margin-top: -8px; }

.noid-auction-fav-btn {
  border: 1.5px solid #1544B8; color: #1544B8; background: #fff;
  border-radius: 999px; padding: 6px 16px; font-size: 13px; font-weight: 700;
  cursor: pointer; margin: 8px 0 16px;
}
.noid-auction-fav-btn.is-favorited { background: #EEF1FA; }

.noid-auction-buynow-price { font-size: 22px; font-weight: 800; color: #1544B8; margin-bottom: 12px; }

.noid-auction-stats {
  display: flex;
  border-top: 1px solid #E5E7EB;
  border-bottom: 1px solid #E5E7EB;
  padding: 14px 0;
  margin-bottom: 18px;
}
.noid-auction-stats > div { flex: 1; text-align: left; padding-right: 14px; }
.noid-auction-stat-label { display: block; font-size: 11px; color: #6B7280; text-transform: uppercase; letter-spacing: .03em; margin-bottom: 4px; }
.noid-auction-current-bid, .noid-auction-bid-count, .noid-auction-time-left { font-size: 18px; font-weight: 800; color: #111827; }

.noid-auction-bid-form label { display: block; font-size: 13px; font-weight: 700; margin-bottom: 6px; }
.noid-auction-bid-form input[type="number"] {
  width: 100%; padding: 10px 12px; border: 1.5px solid #D1D5DB; border-radius: 8px; font-size: 15px; box-sizing: border-box; margin-bottom: 6px;
}
.noid-auction-bid-hint { display: block; font-size: 11.5px; color: #6B7280; margin-bottom: 12px; }
.noid-auction-anon-row { display: flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 400 !important; margin-bottom: 14px; }

.noid-auction-submit-btn {
  width: 100%; background: #1544B8; color: #fff; border: none;
  border-radius: 8px; padding: 15px 0; font-size: 15px; font-weight: 800; cursor: pointer;
}
.noid-auction-submit-btn:hover { background: #103A99; }
.noid-auction-submit-btn:disabled { opacity: .6; cursor: default; }

.noid-auction-buynow-btn {
  width: 100%; background: #fff; color: #1544B8; border: 1.5px solid #1544B8;
  border-radius: 8px; padding: 13px 0; font-size: 14px; font-weight: 800; cursor: pointer; margin-top: 8px;
}

.noid-auction-form-msg { font-size: 13px; margin-top: 10px; color: #059669; }
.noid-auction-form-msg.is-error { color: #DC2626; }

.noid-auction-bid-history { list-style: none; padding: 0; margin: 8px 0 0; font-size: 13px; color: #374151; }
.noid-auction-bid-history li { padding: 6px 0; border-bottom: 1px solid #F3F4F6; }

.noid-auction-form label { display: block; font-size: 13px; font-weight: 700; margin-bottom: 4px; }
.noid-auction-form input, .noid-auction-form textarea {
  width: 100%; padding: 9px 12px; border: 1.5px solid #D1D5DB; border-radius: 8px; font-size: 14px; box-sizing: border-box; margin-bottom: 14px;
}