/* ==========================================================================
   440Music Multi-Vendor Auction Styles
   Ensuring pure white text across all auction pages and components
   ========================================================================== */

:root {
  --auction-accent: #ffff00;
  --auction-text-color: #ffffff;
}

/* Base text color overrides for Auction pages */
#auction-container,
#product-info,
.auction-showcase-module {
  color: #ffffff !important;
}

/* Headings */
#auction-container h1,
#auction-container h2,
#auction-container h3,
#auction-container h4,
#auction-container h5,
#auction-container h6,
#product-info h1,
#product-info h2,
#product-info h3,
#product-info h4,
#product-info h5,
#product-info h6,
.auction-showcase-module h1,
.auction-showcase-module h2,
.auction-showcase-module h3,
.auction-showcase-module h4,
.auction-showcase-module h5,
.auction-showcase-module h6 {
  color: #ffffff !important;
}

/* Body text, paragraphs, labels, small text */
#auction-container p,
#auction-container span:not(.badge):not(.text-auction-accent):not(.text-success):not(.text-danger):not(.text-warning),
#auction-container small,
#auction-container strong,
#auction-container label,
#auction-container .text-muted,
#auction-container .card-body,
#auction-container .auction-card-prices,
#auction-container .auction-card-prices span:not(.text-auction-accent):not(.text-success),
#product-info p,
#product-info span:not(.badge):not(.text-auction-accent):not(.text-success):not(.text-danger):not(.text-warning),
#product-info small,
#product-info strong,
#product-info label,
#product-info .text-muted,
#product-info .text-white-50,
#product-info .card-body,
#product-info .product-details-card,
#product-info .tab-content,
#product-info .tab-pane,
#product-info .description-content,
#product-info .description-content *,
.auction-showcase-module p,
.auction-showcase-module span:not(.badge):not(.text-warning):not(.text-success),
.auction-showcase-module small,
.auction-showcase-module strong,
.auction-showcase-module .text-muted,
.auction-showcase-module .card-body {
  color: #ffffff !important;
}

/* Links */
#auction-container a:not(.btn):not(.badge):not(.text-auction-accent),
#product-info a:not(.btn):not(.badge):not(.text-auction-accent),
.auction-showcase-module a:not(.btn):not(.badge):not(.text-auction-accent) {
  color: #ffffff !important;
}

#auction-container a:not(.btn):not(.badge):hover,
#product-info a:not(.btn):not(.badge):hover,
.auction-showcase-module a:not(.btn):not(.badge):hover {
  color: var(--auction-accent) !important;
}

/* Breadcrumb Styling */
#auction-container .breadcrumb,
#product-info .breadcrumb {
  background: rgba(15, 23, 42, 0.7);
  padding: 8px 16px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #ffffff !important;
}

#auction-container .breadcrumb-item,
#auction-container .breadcrumb-item a,
#auction-container .breadcrumb-item.active,
#product-info .breadcrumb-item,
#product-info .breadcrumb-item a,
#product-info .breadcrumb-item.active {
  color: #ffffff !important;
}

#auction-container .breadcrumb-item a:hover,
#product-info .breadcrumb-item a:hover {
  color: var(--auction-accent) !important;
}

#auction-container .breadcrumb-item + .breadcrumb-item::before,
#product-info .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Nav Tabs */
#product-info .nav-tabs {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

#product-info .nav-tabs .nav-link {
  color: #ffffff !important;
  font-weight: 600;
  border: 1px solid transparent;
  padding: 10px 18px;
  background: transparent;
}

#product-info .nav-tabs .nav-link:hover {
  color: var(--auction-accent) !important;
  border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.15) transparent;
}

#product-info .nav-tabs .nav-link.active {
  color: var(--auction-accent) !important;
  background: rgba(15, 23, 42, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.15) transparent !important;
  border-top: 2px solid var(--auction-accent) !important;
}

/* Tab Content & Product Details Card */
#product-info .product-details-card {
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #ffffff !important;
}

#product-info .product-details-card .card-header {
  background: rgba(30, 41, 59, 0.7);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

#product-info .tab-content {
  background: rgba(15, 23, 42, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-top: none;
  color: #ffffff !important;
}

#product-info .description-content,
#product-info .description-content p,
#product-info .description-content li,
#product-info .description-content strong,
#product-info .description-content span,
#product-info .description-content div {
  color: #ffffff !important;
}

/* Tables in Auction Product & History */
#product-info .table {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

#product-info .table th,
#product-info .table td {
  color: #ffffff !important;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

#product-info .table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: rgba(255, 255, 255, 0.04) !important;
  color: #ffffff !important;
}

#product-info .table-hover > tbody > tr:hover > * {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

.table-warning td,
#product-info .table .table-warning td {
  background-color: rgba(255, 255, 0, 0.15) !important;
  color: #ffffff !important;
}

/* Pagination */
#auction-container .pagination {
  margin-bottom: 0;
}

#auction-container .pagination .page-item .page-link {
  background-color: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

#auction-container .pagination .page-item.active .page-link {
  background-color: var(--auction-accent) !important;
  border-color: var(--auction-accent) !important;
  color: #000000 !important;
  font-weight: 700;
}

#auction-container .pagination .page-item .page-link:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: var(--auction-accent) !important;
}

/* Outline Secondary Buttons */
#auction-container .btn-outline-secondary,
#product-info .btn-outline-secondary {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

#auction-container .btn-outline-secondary:hover,
#product-info .btn-outline-secondary:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

/* Accent Utilities */
.text-auction-accent {
  color: var(--auction-accent) !important;
}

.bg-auction-accent {
  background-color: var(--auction-accent) !important;
  color: #111827 !important;
}

.border-auction-accent {
  border-color: var(--auction-accent) !important;
}

.btn-auction {
  background-color: var(--auction-accent) !important;
  border-color: var(--auction-accent) !important;
  color: #111827 !important;
  font-weight: 700;
  transition: all 0.2s ease-in-out;
}

.btn-auction:hover,
.btn-auction:focus,
.btn-auction:active {
  background-color: var(--auction-accent) !important;
  border-color: var(--auction-accent) !important;
  filter: brightness(0.9);
  color: #000000 !important;
}

.btn-outline-auction {
  color: var(--auction-accent) !important;
  border-color: var(--auction-accent) !important;
}

.btn-outline-auction:hover {
  background-color: var(--auction-accent) !important;
  color: #111827 !important;
}

/* Card & Box Styling */
.auction-countdown-card {
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(255, 255, 0, 0.4);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  color: #ffffff !important;
}

.auction-timer-boxes .timer-box {
  background: #0f172a;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  min-width: 60px;
}

.auction-timer-boxes .timer-val {
  font-family: 'SFMono-Regular', Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 700;
  color: var(--auction-accent, #ffff00) !important;
}

.auction-pricing-box {
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #ffffff !important;
}

.animate-pulse {
  animation: auctionPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes auctionPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.auction-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  color: #ffffff !important;
}

.auction-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(255, 255, 0, 0.25) !important;
  border-color: rgba(255, 255, 0, 0.6) !important;
}

.bg-live-auction,
.badge-live-auction {
  background-color: #2563eb !important;
  color: #ffffff !important;
}

/* ================= AUCTION PRODUCT THUMBNAIL (.auction-product-thumb) ================= */
.auction-product-thumb {
  background: linear-gradient(180deg, rgba(30, 41, 59, 0.9) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.auction-product-thumb:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(255, 255, 0, 0.6) !important;
  box-shadow: 0 8px 24px rgba(255, 255, 0, 0.25), 0 0 14px rgba(0, 0, 0, 0.7) !important;
}

.auction-product-thumb .image {
  background: #000000 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  aspect-ratio: 1 / 1 !important;
}

.auction-product-thumb .image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.3s ease !important;
}

.auction-product-thumb:hover .image img {
  transform: scale(1.04) !important;
}

.auction-product-thumb .thumb-title a {
  color: #ffffff !important;
  transition: color 0.2s ease !important;
}

.auction-product-thumb .thumb-title a:hover {
  color: var(--auction-accent, #ffff00) !important;
}

.auction-product-thumb .auction-card-prices {
  background: rgba(15, 23, 42, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.auction-product-thumb .text-auction-accent {
  color: var(--auction-accent, #ffff00) !important;
}

.auction-product-thumb .btn-auction {
  background-color: var(--auction-accent, #ffff00) !important;
  color: #000000 !important;
  font-weight: 700 !important;
}