/* ==========================================
   LIGHT/DARK MODE OVERRIDES FOR ALL PAGES
   Ensures all cards, badges, and gradients work in both themes
   ========================================== */

/* ==========================================
   CARD STYLES - HERO BADGES & BANNERS
   ========================================== */

/* Balance/Status Cards with Gradients */
.card[style*="linear-gradient"],
[style*="background: linear-gradient"],
[style*="background: var(--primary)"] {
  box-shadow: var(--shadow-md);
}

html[data-theme="light"] .card[style*="linear-gradient"],
html[data-theme="light"] [style*="background: linear-gradient"] {
  box-shadow: 0 4px 12px rgba(31, 110, 235, 0.12);
}

html[data-theme="dark"] .card[style*="linear-gradient"],
html[data-theme="dark"] [style*="background: linear-gradient"] {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}

/* Ensure text in gradient cards is always white and readable */
.card[style*="linear-gradient"] {
  color: white !important;
}

.card[style*="linear-gradient"] * {
  color: white !important;
}

/* VIP Status Card */
.card[style*="#10b981"],
.card[style*="#059669"] {
  color: white !important;
}

.card[style*="#10b981"] *,
.card[style*="#059669"] * {
  color: white !important;
}

/* Campaign Banners */
[style*="campaign-banner"],
[style*="background: var(--primary)"][style*="color: white"] {
  box-shadow: var(--shadow-sm);
}

[style*="color: white"][style*="padding"][style*="border-radius"] {
  color: white !important;
}

[style*="color: white"][style*="padding"][style*="border-radius"] * {
  color: white !important;
}

/* ==========================================
   HERO BADGES (Credits, VIP, etc)
   ========================================== */

/* Gold/Amber hero badges */
[style*="background: linear-gradient(135deg, #fbbf24"],
[style*="#fbbf24"],
[style*="background: linear-gradient(135deg, #faa61a"] {
  color: white !important;
}

/* ==========================================
   VIP PAGE OVERRIDES
   ========================================== */

/* VIP Premium Badge - Gold gradient */
.vip-premium-badge {
    color: white !important;
    box-shadow: 0 4px 12px rgba(251, 191, 36, 0.3) !important;
}

.vip-premium-badge i,
.vip-premium-badge span {
    color: white !important;
}

/* VIP Status Active Card - Green gradient */
.vip-status-active {
    color: white !important;
}

.vip-status-active .body,
.vip-status-active .body * {
    color: white !important;
}

html[data-theme="light"] .vip-status-active {
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2) !important;
}

html[data-theme="dark"] .vip-status-active {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}

/* Campaign Banner - Dynamic colors */
.campaign-banner {
    color: white !important;
}

.campaign-banner div,
.campaign-banner p,
.campaign-banner i,
.campaign-banner span {
    color: white !important;
}

html[data-theme="light"] .campaign-banner {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* ==========================================
   PROFILE PAGE BADGES & GRADIENTS
   ========================================== */

/* Seller Badge - Green gradient */
.seller-gradient,
.seller-badge[style*="#4CAF50"] {
    color: white !important;
}

.seller-gradient *,
.seller-badge[style*="#4CAF50"] * {
    color: white !important;
}

html[data-theme="light"] .seller-gradient,
html[data-theme="light"] .seller-badge[style*="#4CAF50"] {
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.2) !important;
}

/* Muted Badge - Red coloring */
.muted-badge-red {
    color: #ED4245 !important;
    background: rgba(237, 66, 69, 0.15) !important;
}

.muted-badge-red * {
    color: #ED4245 !important;
}

html[data-theme="light"] .muted-badge-red {
    background: rgba(237, 66, 69, 0.1) !important;
}

/* ==========================================
   PROFILE REACTION STATS & GRADIENTS
   ========================================== */

/* Discord Accent Gradients */
[style*="background: linear-gradient"][style*="5865f2"],
[style*="background: linear-gradient"][style*="5865F2"] {
    color: white !important;
}

[style*="background: linear-gradient"][style*="ED4245"],
[style*="background: linear-gradient"][style*="ed4245"] {
    color: white !important;
}

[style*="background: linear-gradient"][style*="FEE75C"],
[style*="background: linear-gradient"][style*="fee75c"] {
    color: #333333 !important;
}

/* ==========================================
   RESPONSIVE ADJUSTMENTS
   ========================================== */

@media (max-width: 768px) {
  .card[style*="linear-gradient"],
  [style*="background: linear-gradient"] {
    box-shadow: var(--shadow-sm);
  }
}