/* dark-mode.css */

body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

.dark-mode header {
    background-color: #1e1e1e;
    box-shadow: 0 1px 3px rgba(255,255,255,0.1);
}

.dark-mode .navbar-brand a,
.dark-mode nav a {
    color: #e0e0e0;
}

.dark-mode .navbar-brand a:hover,
.dark-mode nav a:hover,
.dark-mode .dropbtn:hover,
.dark-mode .dropbtn.active {
    color: #FFD700;
}

.dark-mode h1, .dark-mode h2, .dark-mode h3 {
    color: #FFD700;
}

.dark-mode .table-toolbar {
    /* No change needed, flex properties are independent of color */
}

.dark-mode table {
    background-color: #1e1e1e;
    box-shadow: 0 2px 4px rgba(255,255,255,0.05);
}

.dark-mode th {
    background-color: #333333;
    color: #e0e0e0;
}

.dark-mode td {
    border-bottom: 1px solid #333333;
}

.dark-mode tbody tr:nth-child(even) {
    background-color: #2a2a2a;
}

.dark-mode tbody tr:hover {
    background-color: #4a4a4a;
}

.dark-mode .card {
    background: #1e1e1e;
    border: 1px solid #333333;
}

.dark-mode .pill-nav-label {
    color: #FFD700;
}

.dark-mode .pill-nav a {
    background-color: #333333;
    color: #e0e0e0;
    border: 1px solid #555555;
}

.dark-mode .pill-nav a:hover {
    background-color: #4a4a4a;
    border-color: #FFD700;
}

.dark-mode .pill-nav a.active {
    background-color: #FFD700;
    color: #121212;
    border-color: #FFD700;
}

.dark-mode .filter-icon {
    color: #FFD700;
}

.dark-mode .filter-icon:hover {
    color: #FFFFFF;
}

.dark-mode .filter-input {
    background-color: #333333;
    border: 1px solid #555555;
    color: #e0e0e0;
}

.dark-mode #filter-row {
    background-color: #2a2a2a;
}

.dark-mode .favorite-team {
    background-color: #4a4a4a !important;
}

.dark-mode .dropdown-content {
  background-color: #333;
}

.dark-mode .dropdown-content a {
  color: #e0e0e0;
}

.dark-mode .dropdown-content a:hover {
    background-color: #4a4a4a;
}

.dark-mode .winner {
    color: #4CAF50; /* A slightly less intense green */
}
.dark-mode .loser {
    color: #f44336; /* A slightly less intense red */
}
.dark-mode .collapsible {
    background-color: #333;
    color: #e0e0e0;
    border: 1px solid #555;
}
.dark-mode .collapsible::before {
    color: #e0e0e0;
}
.dark-mode .content {
    background-color: #1e1e1e;
    border: 1px solid #555;
}

/* Dark mode stats table styling */
.dark-mode .stats-table {
    background-color: #1e1e1e;
}

.dark-mode .stats-table tbody tr {
    border-bottom: 1px solid #333333;
}

.dark-mode .stats-table tbody tr:hover {
    background-color: #2a2a2a;
}

.dark-mode .stats-table .stat-label {
    color: #FFD700;
}

.dark-mode .stats-table .stat-value {
    color: #e0e0e0;
}

.dark-mode .stats-table .stat-context {
    color: #999999;
}

/* Dark mode playoff bracket styling */
.dark-mode .playoff-header {
    background-color: #1e1e1e;
}

.dark-mode .playoff-header h2 {
    color: #FFD700;
}

.dark-mode .playoff-subtitle,
.dark-mode .playoff-description {
    color: #b0b0b0;
}

.dark-mode .bracket-container {
    background-color: #121212;
}

.dark-mode .round-title {
    color: #FFD700;
    border-bottom-color: #FFD700;
}

.dark-mode .matchup {
    background-color: #1e1e1e;
    border-color: #555555;
}

.dark-mode .matchup.championship {
    border-color: #FFD700;
}

.dark-mode .team {
    background-color: #1e1e1e;
    border-bottom-color: #333333;
}

.dark-mode .team:hover {
    background-color: #2a2a2a;
}

.dark-mode .team.winner {
    background-color: #2a2a2a;
}

.dark-mode .team.champion {
    background: linear-gradient(135deg, #FFD700 0%, #FFC800 100%);
    color: #003366;
}

.dark-mode .team-name {
    color: #e0e0e0;
}

.dark-mode .team-name:hover {
    color: #FFD700;
}

.dark-mode .team-conference {
    color: #888888;
}

.dark-mode .bracket-legend {
    background-color: #1e1e1e;
    border-color: #555555;
}

.dark-mode .bracket-legend h4 {
    color: #FFD700;
}

.dark-mode .bracket-legend li {
    color: #b0b0b0;
}

.dark-mode .empty-state {
    background-color: #1e1e1e;
}

.dark-mode .empty-state i {
    color: #555555;
}

.dark-mode .empty-state h3 {
    color: #FFD700;
}

.dark-mode .empty-state p {
    color: #b0b0b0;
}

/* Dark mode toggle button dark mode specific styling */
.dark-mode .dark-mode-toggle {
    color: #e0e0e0;
}

.dark-mode .dark-mode-toggle:hover {
    color: #FFD700;
}

/* Dark mode weight slider controls */
.dark-mode .weight-slider-toggle {
    background-color: #1e1e1e;
    color: #e0e0e0;
    border: 1px solid #555555;
}

.dark-mode .weight-slider-toggle:hover {
    background-color: #2a2a2a;
    border-color: #FFD700;
}

.dark-mode .weight-slider-panel {
    background-color: #1e1e1e;
    border-color: #555555;
}

.dark-mode .weight-slider-content h3 {
    color: #FFD700;
}

.dark-mode .weight-description {
    color: #b0b0b0;
}

.dark-mode .slider-labels span:first-child {
    color: #e0e0e0;
}

.dark-mode #rating-weight-slider {
    background: linear-gradient(to right, #FFD700 0%, #1e1e1e 100%);
}

.dark-mode #rating-weight-slider::-webkit-slider-thumb {
    background: #FFD700;
    border-color: #1e1e1e;
}

.dark-mode #rating-weight-slider::-moz-range-thumb {
    background: #FFD700;
    border-color: #1e1e1e;
}

.dark-mode .btn-primary {
    background-color: #FFD700;
    color: #1e1e1e;
}

.dark-mode .btn-primary:hover {
    background-color: #FFC800;
}

.dark-mode .btn-secondary {
    background-color: #2a2a2a;
    color: #e0e0e0;
    border-color: #555555;
}

.dark-mode .btn-secondary:hover {
    background-color: #3a3a3a;
    border-color: #FFD700;
}