/* ═══════════════════════════════════════
   COMMUNITY PAGES — DARK THEME OVERRIDES
   Covers: /competitors, /promoters,
           /sponsors, competitor profiles,
           sponsor profiles
   ═══════════════════════════════════════ */

/* ─── SHARED: ALL WHITE CARDS ─── */
.competition-type-card,
.benefit-card,
.success-story,
.service-card,
.setup-step-card,
.fee-comparison-card,
.fee-tier-card,
.pro-plus-feature {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--t-text-primary) !important;
}

.competition-type-card:hover,
.benefit-card:hover,
.service-card:hover,
.setup-step-card:hover,
.fee-tier-card:hover {
  border-color: var(--t-border-mid) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
  transform: translateY(-2px);
}

/* ─── COMPETITORS PAGE ─── */

/* Cards headings */
.competition-type-card h4,
.competition-type-card h5,
.benefit-card h4,
.benefit-card h5 {
  color: var(--t-text-hero) !important;
  font-family: var(--t-font-headline);
}

.competition-type-card p,
.benefit-card p {
  color: var(--t-text-secondary) !important;
}

/* Icon containers on competitor cards */
.competition-type-card .icon-container,
.benefit-card .icon-container,
.competition-type-card i,
.benefit-card i {
  color: var(--t-accent);
}

/* ─── PROMOTERS PAGE ─── */

/* Pro Plus alert banner */
.pro-plus-alert {
  background: rgba(245, 158, 11, 0.08) !important;
  border: 1px solid rgba(245, 158, 11, 0.2) !important;
  color: var(--t-text-primary) !important;
  border-radius: 0 !important;
}

.pro-plus-alert strong {
  color: var(--t-amber) !important;
}

/* Pro Plus card */
.pro-plus-card {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-amber) !important;
  border-radius: 0 !important;
}

.pro-plus-card h3,
.pro-plus-card h4 {
  color: var(--t-text-hero) !important;
}

.pro-plus-card p {
  color: var(--t-text-secondary) !important;
}

/* Basic card */
.basic-card {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: 0 !important;
}

/* Pricing highlight */
.pricing-highlight {
  background: var(--t-bg-surface) !important;
}

/* Fee comparison */
.fee-comparison-card {
  border: 1px solid var(--t-border) !important;
}

.fee-comparison-card h3,
.fee-comparison-card h4 {
  color: var(--t-text-hero) !important;
}

/* Success stories */
.success-story h4 {
  color: var(--t-text-hero) !important;
}

.success-story p {
  color: var(--t-text-secondary) !important;
}

/* Service cards */
.service-card h4,
.service-card h5 {
  color: var(--t-text-hero) !important;
}

.service-card p {
  color: var(--t-text-secondary) !important;
}

/* Setup step cards */
.setup-step-card h4,
.setup-step-card h5 {
  color: var(--t-text-hero) !important;
}

.setup-step-card p {
  color: var(--t-text-secondary) !important;
}

/* Step number circles */
.setup-step-card .step-number,
.setup-step-card .step-circle {
  background: var(--t-accent) !important;
  color: var(--t-bg-abyss) !important;
}

/* ─── SPONSORS PAGE ─── */

/* Sponsor logo placeholder */
.sponsor-logo-placeholder {
  background: var(--t-bg-surface) !important;
  color: var(--t-text-dim) !important;
}

.sponsor-logo-hero {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
}

.event-thumb-placeholder {
  background: var(--t-bg-surface) !important;
  color: var(--t-text-dim) !important;
}

/* Sponsor cards */
.sponsor-card {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: 0 !important;
}

.sponsor-card:hover {
  border-color: var(--t-border-mid) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
}

.sponsor-card h4,
.sponsor-card h5 {
  color: var(--t-text-hero) !important;
}

.sponsor-card p {
  color: var(--t-text-secondary) !important;
}

/* ─── COMPETITOR / SPONSOR PROFILES ─── */

/* Profile header (usually has dark gradient — keep as-is) */

/* Profile cards/sections */
.profile-card,
.profile-section,
.stats-card {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: 0 !important;
}

.profile-card h4,
.profile-section h4,
.stats-card h4 {
  color: var(--t-text-hero) !important;
}

/* ─── HARDCODED TEXT COLORS ─── */
/* Override inline style colors that assume light background */
.competition-type-card [style*="color: #333"],
.benefit-card [style*="color: #333"],
.service-card [style*="color: #333"],
.setup-step-card [style*="color: #333"],
.pro-plus-feature [style*="color: #333"],
.fee-comparison-card [style*="color: #333"] {
  color: var(--t-text-primary) !important;
}

.competition-type-card [style*="color: #666"],
.benefit-card [style*="color: #666"],
.service-card [style*="color: #666"],
.setup-step-card [style*="color: #666"],
.pro-plus-feature [style*="color: #666"],
.fee-comparison-card [style*="color: #666"] {
  color: var(--t-text-secondary) !important;
}

/* ─── BOOTSTRAP BADGE OVERRIDES ─── */
/* bg-warning text-dark badges used on these pages */
.badge.bg-warning.text-dark {
  background: var(--t-amber) !important;
  color: var(--t-bg-abyss) !important;
}

.badge.bg-light.text-dark {
  background: var(--t-bg-surface) !important;
  color: var(--t-text-secondary) !important;
}

.badge.bg-info {
  background: var(--t-blue) !important;
}

/* ─── SECTIONS WITH LIGHT BACKGROUNDS ─── */
section[style*="background: #f"],
section[style*="background-color: #f"],
div[style*="background: #f8f9fa"],
div[style*="background-color: #f8f9fa"],
div[style*="background: #fff"],
div[style*="background-color: #fff"] {
  background: var(--t-bg-deep) !important;
}

/* ─── BORDERS ─── */
[style*="border-color: #e9ecef"],
[style*="border: 1px solid #e9ecef"],
[style*="border: 2px solid #e9ecef"] {
  border-color: var(--t-border) !important;
}

/* ─── CTA SECTIONS ─── */
.cta-section,
.get-started-section {
  background: var(--t-bg-card) !important;
}

.cta-section h2,
.cta-section h3,
.get-started-section h2 {
  color: var(--t-text-hero) !important;
}

.cta-section p,
.get-started-section p {
  color: var(--t-text-secondary) !important;
}