/* Dark Mode Styles for NFL Simulator */

/* Overall page background */
[data-bs-theme="dark"] body,
[data-bs-theme="dark"] .container,
[data-bs-theme="dark"] .main-content {
    background-color: #1a1a1a !important;
    color: white !important;
}

/* Hero section for dark mode */
[data-bs-theme="dark"] .hero-section {
    background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
    color: white;
}

/* Cards and containers */
[data-bs-theme="dark"] .card {
    background-color: #2d3748 !important;
    border: 1px solid #4a5568 !important;
    color: white !important;
}

[data-bs-theme="dark"] .card-body {
    background-color: #2d3748 !important;
    color: white !important;
}

[data-bs-theme="dark"] .card-header {
    background-color: #374151 !important;
    border-bottom-color: #4a5568 !important;
    color: white !important;
}

/* Position stats styling */
[data-bs-theme="dark"] .position-stats {
    background-color: #2d3748 !important;
    border-color: #4a5568 !important;
    color: white !important;
}

[data-bs-theme="dark"] .stat-card {
    background: linear-gradient(45deg, #2d3748, #1a202c) !important;
    color: white !important;
}

[data-bs-theme="dark"] .stat-label {
    color: #e2e8f0 !important;
}

[data-bs-theme="dark"] .stat-value {
    color: #60a5fa !important; /* Keep blue values but lighter for dark mode */
}

/* Alert styles */
[data-bs-theme="dark"] .alert-info {
    background-color: #2c5aa0 !important;
    border-color: #1e40af !important;
    color: white !important;
}

[data-bs-theme="dark"] .alert-warning {
    background-color: #d97706 !important;
    border-color: #92400e !important;
    color: white !important;
}

[data-bs-theme="dark"] .alert-success {
    background-color: #059669 !important;
    border-color: #047857 !important;
    color: white !important;
}

[data-bs-theme="dark"] .alert-danger {
    background-color: #dc2626 !important;
    border-color: #991b1b !important;
    color: white !important;
}

/* Form controls */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
    background-color: #374151 !important;
    border-color: #4b5563 !important;
    color: white !important;
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    background-color: #374151 !important;
    border-color: #667eea !important;
    color: white !important;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25) !important;
}

[data-bs-theme="dark"] .form-label {
    color: #e2e8f0 !important;
}

/* Navigation */
[data-bs-theme="dark"] .nav-tabs .nav-link {
    color: #e2e8f0 !important;
    background-color: transparent !important;
}

[data-bs-theme="dark"] .nav-tabs .nav-link:hover {
    background-color: #374151 !important;
    border-color: #4b5563 !important;
    color: white !important;
}

[data-bs-theme="dark"] .nav-tabs .nav-link.active {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white !important;
    border-color: transparent !important;
}

/* Dropdown menus */
[data-bs-theme="dark"] .dropdown-menu {
    background-color: #2d3748 !important;
    border-color: #4a5568 !important;
}

[data-bs-theme="dark"] .dropdown-item {
    color: #e2e8f0 !important;
}

[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:focus {
    background-color: #374151 !important;
    color: white !important;
}

/* Navbar */
[data-bs-theme="dark"] .navbar {
    background-color: #1f2937 !important;
}

[data-bs-theme="dark"] .navbar-brand,
[data-bs-theme="dark"] .navbar-nav .nav-link {
    color: white !important;
}

[data-bs-theme="dark"] .navbar-toggler {
    border-color: #4a5568 !important;
}

/* Borders and separators */
[data-bs-theme="dark"] .border,
[data-bs-theme="dark"] .border-light {
    border-color: #4a5568 !important;
}

[data-bs-theme="dark"] hr {
    border-color: #4a5568 !important;
}

/* Text colors */
[data-bs-theme="dark"] .text-muted {
    color: #9ca3af !important;
}

[data-bs-theme="dark"] .text-dark {
    color: #e2e8f0 !important;
}

/* Table styles */
[data-bs-theme="dark"] .table {
    color: white !important;
}

[data-bs-theme="dark"] .table td,
[data-bs-theme="dark"] .table th {
    border-color: #4a5568 !important;
}

[data-bs-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Modal styles */
[data-bs-theme="dark"] .modal-content {
    background-color: #2d3748 !important;
    color: white !important;
    border-color: #4a5568 !important;
}

[data-bs-theme="dark"] .modal-header {
    border-bottom-color: #4a5568 !important;
}

[data-bs-theme="dark"] .modal-footer {
    border-top-color: #4a5568 !important;
}

/* Button adjustments for dark mode */
[data-bs-theme="dark"] .btn-outline-secondary {
    color: #e2e8f0 !important;
    border-color: #4a5568 !important;
}

[data-bs-theme="dark"] .btn-outline-secondary:hover {
    background-color: #4a5568 !important;
    color: white !important;
}

/* Keep primary button gradients but adjust for visibility */
[data-bs-theme="dark"] .btn-primary {
    background: linear-gradient(45deg, #667eea, #764ba2);
    border: none;
}

[data-bs-theme="dark"] .btn-success {
    background: linear-gradient(45deg, #059669, #047857);
    border: none;
}

/* List group items */
[data-bs-theme="dark"] .list-group-item {
    background-color: #2d3748 !important;
    border-color: #4a5568 !important;
    color: white !important;
}

[data-bs-theme="dark"] .list-group-item:hover {
    background-color: #374151 !important;
}

/* Badges */
[data-bs-theme="dark"] .badge {
    color: white !important;
}

/* Spinners and loading indicators */
[data-bs-theme="dark"] .spinner-border {
    color: #667eea !important;
}

/* Progress bars */
[data-bs-theme="dark"] .progress {
    background-color: #374151 !important;
}

[data-bs-theme="dark"] .progress-bar {
    background-color: #667eea !important;
}