/* ================================================================
   Auctions — HypeCity Tycoon · Phase D-Social
   ================================================================ */

/* ── Toolbar ──────────────────────────────────────────────────── */
.auctions-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
  flex-wrap: wrap;
}

.auctions-filters {
  display: flex;
  gap: var(--space-1);
  flex-wrap: wrap;
}

.auctions-filter {
  padding: var(--space-1) var(--space-3);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-text-secondary);
  font-size: var(--text-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}
.auctions-filter:hover { border-color: var(--color-primary); color: var(--color-primary); }
.auctions-filter--active {
  background: var(--color-primary);
  color: #fff;
  border-color: var(--color-primary);
}

.auctions-sort { width: auto; min-width: 160px; }

/* ── Grid ─────────────────────────────────────────────────────── */
.auctions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--space-3);
}

.auctions-loading, .auctions-empty {
  grid-column: 1 / -1;
  text-align: center;
  padding: var(--space-6);
  color: var(--color-text-tertiary);
  font-size: var(--text-lg);
}

/* ── Card ─────────────────────────────────────────────────────── */
.auction-card {
  background: var(--color-surface);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-lg);
  padding: var(--space-3);
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.auction-card:hover {
  border-color: var(--color-primary);
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  transform: translateY(-2px);
}

/* Rarity borders for NPC drops */
.auction-card--rare { border-color: #9ca3af; }
.auction-card--rare:hover { border-color: #6b7280; box-shadow: 0 4px 16px rgba(156,163,175,0.2); }
.auction-card--legendary { border-color: #d97706; }
.auction-card--legendary:hover { border-color: #b45309; box-shadow: 0 4px 16px rgba(217,119,6,0.25); }
.auction-card--mythic {
  border-image: linear-gradient(135deg, #a855f7, #ec4899, #3b82f6, #10b981) 1;
}
.auction-card--mythic:hover { box-shadow: 0 4px 24px rgba(168,85,247,0.3); }

.auction-card__header { display: flex; flex-direction: column; gap: var(--space-1); }
.auction-card__neighborhood { font-weight: 600; font-size: var(--text-base); color: var(--color-text-primary); }
.auction-card__type { font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.05em; color: var(--color-text-tertiary); }

.auction-card__trophy {
  font-size: var(--text-xs);
  font-weight: 700;
  padding: 2px var(--space-2);
  border-radius: var(--radius-sm);
  display: inline-block;
  width: fit-content;
  margin-bottom: var(--space-1);
}
.auction-card__trophy--rare { background: #f3f4f6; color: #374151; }
.auction-card__trophy--legendary { background: #fef3c7; color: #92400e; }
.auction-card__trophy--mythic {
  background: linear-gradient(135deg, #fae8ff, #dbeafe);
  color: #6b21a8;
}

.auction-card__body { flex: 1; }
.auction-card__bid { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: var(--space-1); }
.auction-card__bid-label { font-size: var(--text-xs); color: var(--color-text-tertiary); }
.auction-card__bid-value { font-weight: 700; font-size: var(--text-lg); color: var(--color-text-primary); }

.auction-card__meta { display: flex; justify-content: space-between; font-size: var(--text-xs); color: var(--color-text-tertiary); }

.auction-card__actions { padding-top: var(--space-2); border-top: 1px solid var(--color-border-subtle); }
.auction-card__actions .btn { width: 100%; }

.auction-time--ended { color: var(--color-error); font-weight: 600; }

/* ── Pagination ───────────────────────────────────────────────── */
.auctions-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-3);
  margin-top: var(--space-4);
}
.auctions-pagination__info { font-size: var(--text-sm); color: var(--color-text-tertiary); }

/* ── Detail View ──────────────────────────────────────────────── */
.auction-detail__back { margin-bottom: var(--space-3); }

.auction-detail {
  background: var(--color-surface);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
  max-width: 720px;
}
.auction-detail--rare { border-color: #9ca3af; }
.auction-detail--legendary { border-color: #d97706; }
.auction-detail--mythic { border-image: linear-gradient(135deg, #a855f7, #ec4899, #3b82f6, #10b981) 1; }

.auction-detail__header { margin-bottom: var(--space-4); }
.auction-detail__trophy {
  font-weight: 700;
  font-size: var(--text-sm);
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-sm);
  display: inline-block;
  margin-bottom: var(--space-2);
  animation: trophy-glow 2s ease-in-out infinite;
}
.auction-detail__trophy--rare { background: #f3f4f6; color: #374151; }
.auction-detail__trophy--legendary { background: #fef3c7; color: #92400e; }
.auction-detail__trophy--mythic { background: linear-gradient(135deg, #fae8ff, #dbeafe); color: #6b21a8; }

@keyframes trophy-glow {
  0%, 100% { box-shadow: 0 0 4px rgba(217,119,6,0.2); }
  50% { box-shadow: 0 0 12px rgba(217,119,6,0.5); }
}

.auction-detail__title { font-size: var(--text-xl); font-weight: 700; margin: 0; }
.auction-detail__subtitle { font-size: var(--text-sm); color: var(--color-text-secondary); margin-top: var(--space-1); }
.auction-detail__desc { font-size: var(--text-sm); color: var(--color-text-secondary); margin-top: var(--space-2); font-style: italic; }
.auction-detail__burn-notice {
  margin-top: var(--space-2);
  padding: var(--space-2);
  background: rgba(239,68,68,0.08);
  border-radius: var(--radius-sm);
  font-size: var(--text-xs);
  color: var(--color-error);
}

.auction-detail__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--space-3);
  margin-bottom: var(--space-4);
  padding: var(--space-3);
  background: var(--color-bg);
  border-radius: var(--radius-md);
}
.auction-detail__stat-label { font-size: var(--text-xs); color: var(--color-text-tertiary); display: block; }
.auction-detail__stat-value { font-size: var(--text-lg); font-weight: 700; color: var(--color-text-primary); }

.auction-detail__actions { margin-bottom: var(--space-4); }
.auction-detail__ended-badge {
  padding: var(--space-2) var(--space-3);
  background: var(--color-bg);
  border-radius: var(--radius-md);
  text-align: center;
  font-weight: 600;
  color: var(--color-text-secondary);
}

/* ── Bid History ──────────────────────────────────────────────── */
.auction-detail__history { margin-top: var(--space-4); }
.auction-detail__history h3 { font-size: var(--text-base); margin-bottom: var(--space-2); }
.auction-detail__no-bids { color: var(--color-text-tertiary); font-style: italic; }

.bid-history__row {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--color-border-subtle);
  font-size: var(--text-sm);
}
.bid-history__row--you { background: rgba(34,197,94,0.05); }
.bid-history__rank { width: 2rem; color: var(--color-text-tertiary); }
.bid-history__amount { font-weight: 600; flex: 1; }
.bid-history__time { color: var(--color-text-tertiary); font-size: var(--text-xs); }
.bid-history__you { font-size: var(--text-xs); font-weight: 700; color: var(--color-primary); }

/* ── Features ─────────────────────────────────────────────────── */
.auction-detail__features { margin-top: var(--space-4); }
.auction-detail__features h3 { font-size: var(--text-base); margin-bottom: var(--space-2); }
.auction-detail__feature-tags { display: flex; flex-wrap: wrap; gap: var(--space-1); }
.tag {
  padding: 2px var(--space-2);
  background: var(--color-bg);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-sm);
  font-size: var(--text-xs);
  color: var(--color-text-secondary);
  text-transform: capitalize;
}

/* ── List Duration ────────────────────────────────────────────── */
.list-duration-group { display: flex; gap: var(--space-3); margin-top: var(--space-1); }
.list-duration-option {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
  cursor: pointer;
}

/* ── Mobile ───────────────────────────────────────────────────── */
@media (max-width: 599px) {
  .auctions-grid { grid-template-columns: 1fr; }
  .auctions-toolbar { flex-direction: column; align-items: stretch; }
  .auction-detail__stats { grid-template-columns: 1fr 1fr; }
}