/* Light Mode Overrides for Standings */

/* Light theme class */
.light-theme {
  background: linear-gradient(135deg, #ffffff 0%, #f7fafc 100%) !important;
}

/* Ensure all text is properly readable */

/* Page-wide light mode settings */
html,
body {
  background-color: #ffffff !important;
  color: #2d3748 !important;
}

/* Section backgrounds */
.standings-section,
.py-5 {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}

/* Ensure all sections have light backgrounds */
section {
  background-color: transparent;
}

/* Header and title colors */
.rpl-section-title,
.section-title,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2d3748 !important;
}

/* Fixtures section integration for light mode */
.fixtures-section-header {
  background: transparent;
}

.fixtures-section-icon {
  background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%) !important;
  color: white !important;
  border-radius: 12px;
  padding: 1rem;
  margin-right: 1rem;
}

/* Table text colors */
.standings-table {
  color: #2d3748 !important;
}

.standings-table th {
  color: #4a5568 !important;
}

.standings-table td {
  color: #2d3748 !important;
}

/* Muted text should remain readable */
.text-muted {
  color: #718096 !important;
}

/* Form indicators with better contrast */
.form-badge.bg-success {
  background: #48bb78 !important;
  color: white !important;
}

.form-badge.bg-warning {
  background: #ed8936 !important;
  color: white !important;
}

.form-badge.bg-danger {
  background: #f56565 !important;
  color: white !important;
}

/* Position indicators */
.position-number {
  color: inherit !important;
}

/* Team statistics cards */
.card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

.card-body {
  color: #2d3748 !important;
}

/* Stats highlight colors */
.points-highlight {
  color: #2d3748 !important;
}

/* Goal difference colors remain as they are for clarity */
.goal-diff-positive {
  color: #38a169 !important;
}

.goal-diff-negative {
  color: #e53e3e !important;
}

.goal-diff-neutral {
  color: #718096 !important;
}

/* Stats boxes */
.stat-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 1.5rem !important;
  transition: all 0.2s ease !important;
}

.stat-box:hover {
  background: #ffffff !important;
  border-color: #cbd5e0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  transform: translateY(-1px) !important;
}

.stat-box .display-6 {
  color: inherit !important;
  margin-bottom: 0.5rem !important;
}

/* Bootstrap color classes for light mode */
.text-primary {
  color: #4299e1 !important;
}

.text-success {
  color: #48bb78 !important;
}

.text-warning {
  color: #ed8936 !important;
}

.text-info {
  color: #38b2ac !important;
}

.text-danger {
  color: #f56565 !important;
}

/* Ensure proper contrast for Bootstrap variants */
.bg-light {
  background-color: #f8fafc !important;
  color: #2d3748 !important;
}

/* Shadow adjustments for light mode */
.shadow-sm {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

.shadow {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
}

/* Responsive adjustments for light mode */
@media (max-width: 768px) {
  body {
    background-color: #ffffff !important;
  }

  .standings-container {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
  }
}
@media (max-width: 768px) {
  body {
    background-color: #ffffff !important;
  }

  .standings-container {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
  }
}