/* Dark Mode Styles - Color Scheme: #090e21 (primary dark), #e2a938 (accent gold) */

.dark {
    color-scheme: dark;
}

/* Dark Mode Body */
.dark body {
    background-color: #090e21;
    color: #e0e0e0;
}

/* Dark Mode Bootstrap Components */
.dark .navbar {
    background-color: #0a1125 !important;
    border-color: #1a1f35 !important;
}

.dark .navbar-brand,
.dark .nav-link {
    color: #e0e0e0 !important;
}

.dark .nav-link:hover {
    color: #e2a938 !important;
}

.dark .card {
    background-color: #0f1629;
    border-color: #1a1f35;
    color: #e0e0e0;
}

.dark .card-header {
    background-color: #0a1125;
    border-color: #1a1f35;
}

.dark .btn-primary {
    background-color: #e2a938;
    border-color: #e2a938;
    color: #090e21;
    font-weight: 600;
}

.dark .btn-primary:hover {
    background-color: #f4b84a;
    border-color: #f4b84a;
    color: #090e21;
    box-shadow: 0 4px 12px rgba(226, 169, 56, 0.4);
}

.dark .btn-primary:focus {
    background-color: #e2a938;
    border-color: #e2a938;
    box-shadow: 0 0 0 0.25rem rgba(226, 169, 56, 0.5);
}

.dark .btn-secondary {
    background-color: #1e3a5f;
    border-color: #1e3a5f;
    color: #e0e0e0;
}

.dark .btn-secondary:hover {
    background-color: #2d4a6f;
    border-color: #2d4a6f;
    color: #ffffff;
}

.dark .btn-outline-primary {
    color: #e2a938;
    border-color: #e2a938;
    background-color: transparent;
}

.dark .btn-outline-primary:hover {
    background-color: #e2a938;
    border-color: #e2a938;
    color: #090e21;
}

.dark .btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

.dark .btn-outline-danger:hover {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #ffffff;
}

.dark .btn-outline-light {
    color: #e0e0e0;
    border-color: #2a2f45;
}

.dark .btn-outline-light:hover {
    background-color: #2a2f45;
    border-color: #2a2f45;
    color: #ffffff;
}

.dark .btn-success {
    background-color: #28a745;
    border-color: #28a745;
}

.dark .btn-success:hover {
    background-color: #218838;
    border-color: #1e7e34;
}

.dark .btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}

.dark .btn-danger:hover {
    background-color: #c82333;
    border-color: #bd2130;
}

.dark .btn-info {
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.dark .btn-info:hover {
    background-color: #138496;
    border-color: #117a8b;
}

/* Dark Mode Form Controls */
.dark .form-control,
.dark .form-select {
    background-color: #0f1629;
    border-color: #1a1f35;
    color: #e0e0e0;
}

.dark .form-control:focus,
.dark .form-select:focus {
    background-color: #151b2e;
    border-color: #e2a938;
    color: #e0e0e0;
    box-shadow: 0 0 0 0.25rem rgba(226, 169, 56, 0.25);
}

.dark .form-control::placeholder,
.dark .form-select::placeholder {
    color: #6c757d;
}

.dark .form-label {
    color: #e0e0e0;
    font-weight: 500;
}

.dark input::placeholder,
.dark textarea::placeholder {
    color: #6c757d;
}

.dark .input-group-text {
    background-color: #0a1125;
    border-color: #1a1f35;
    color: #b0b0b0;
}

/* Dark Mode Tables */
.dark .table {
    color: #e0e0e0;
    border-color: #1a1f35;
}

.dark .table thead {
    background-color: #0a1125;
    border-color: #1a1f35;
}

.dark .table thead th {
    color: #e2a938;
    font-weight: 600;
    border-color: #1a1f35;
}

.dark .table tbody tr {
    background-color: #0f1629;
    border-color: #1a1f35;
}

.dark .table tbody tr:hover {
    background-color: #151b2e;
}

.dark .table tbody td {
    border-color: #1a1f35;
}

.dark .table-striped > tbody > tr:nth-of-type(odd) > td {
    background-color: #0a1125;
}

.dark .table-striped > tbody > tr:nth-of-type(even) > td {
    background-color: #0f1629;
}

/* Dark Mode Dropdown */
.dark .dropdown-menu {
    background-color: #0f1629;
    border-color: #1a1f35;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.dark .dropdown-item {
    color: #e0e0e0;
}

.dark .dropdown-item:hover,
.dark .dropdown-item:focus {
    background-color: #151b2e;
    color: #e2a938;
}

.dark .dropdown-item.active {
    background-color: #e2a938;
    color: #090e21;
}

/* Dark Mode Offcanvas */
.dark .offcanvas {
    background-color: #0a1125;
    border-color: #1a1f35;
}

.dark .offcanvas-header {
    border-color: #1a1f35;
}

.dark .offcanvas-title {
    color: #e0e0e0;
}

.dark .btn-close {
    filter: invert(1);
    opacity: 0.8;
}

.dark .btn-close:hover {
    opacity: 1;
}

/* Dark Mode Footer */
.dark footer {
    background-color: #0a1125 !important;
    border-color: #1a1f35;
}

.dark footer .text-muted {
    color: #6c757d !important;
}

/* Dark Mode Alerts */
.dark .alert {
    background-color: #0f1629;
    border-color: #1a1f35;
    color: #e0e0e0;
}

.dark .alert-primary {
    background-color: rgba(226, 169, 56, 0.15);
    border-color: #e2a938;
    color: #f4b84a;
}

.dark .alert-danger {
    background-color: rgba(220, 53, 69, 0.15);
    border-color: #dc3545;
    color: #f5c2c7;
}

.dark .alert-success {
    background-color: rgba(40, 167, 69, 0.15);
    border-color: #28a745;
    color: #a3cfbb;
}

.dark .alert-warning {
    background-color: rgba(226, 169, 56, 0.15);
    border-color: #e2a938;
    color: #f4b84a;
}

.dark .alert-info {
    background-color: rgba(23, 162, 184, 0.15);
    border-color: #17a2b8;
    color: #6ea8fe;
}

/* Dark Mode Badges */
.dark .badge {
    color: #090e21;
    font-weight: 600;
}

.dark .badge.bg-primary {
    background-color: #e2a938 !important;
    color: #090e21;
}

.dark .badge.bg-success {
    background-color: #28a745 !important;
    color: #ffffff;
}

.dark .badge.bg-danger {
    background-color: #dc3545 !important;
    color: #ffffff;
}

.dark .badge.bg-info {
    background-color: #17a2b8 !important;
    color: #ffffff;
}

.dark .badge.bg-secondary {
    background-color: #1e3a5f !important;
    color: #e0e0e0;
}

/* Dark Mode Modal */
.dark .modal-content {
    background-color: #0f1629;
    border-color: #1a1f35;
    color: #e0e0e0;
}

.dark .modal-header {
    border-color: #1a1f35;
    background-color: #0a1125;
}

.dark .modal-title {
    color: #e0e0e0;
}

.dark .modal-body {
    background-color: #0f1629;
    color: #e0e0e0;
}

.dark .modal-footer {
    border-color: #1a1f35;
    background-color: #0a1125;
}

/* Dark Mode List Group */
.dark .list-group-item {
    background-color: #0f1629;
    border-color: #1a1f35;
    color: #e0e0e0;
}

.dark .list-group-item:hover {
    background-color: #151b2e;
}

.dark .list-group-item.active {
    background-color: #e2a938;
    border-color: #e2a938;
    color: #090e21;
    font-weight: 600;
}

/* Dark Mode Breadcrumb */
.dark .breadcrumb {
    background-color: #0f1629;
}

.dark .breadcrumb-item a {
    color: #e2a938;
}

.dark .breadcrumb-item a:hover {
    color: #f4b84a;
}

.dark .breadcrumb-item.active {
    color: #b0b0b0;
}

.dark .breadcrumb-item + .breadcrumb-item::before {
    color: #6c757d;
}

/* Dark Mode Pagination */
.dark .page-link {
    background-color: #0f1629;
    border-color: #1a1f35;
    color: #e0e0e0;
}

.dark .page-link:hover {
    background-color: #151b2e;
    border-color: #1a1f35;
    color: #e2a938;
}

.dark .page-item.active .page-link {
    background-color: #e2a938;
    border-color: #e2a938;
    color: #090e21;
    font-weight: 600;
}

.dark .page-item.disabled .page-link {
    background-color: #0a1125;
    border-color: #1a1f35;
    color: #6c757d;
    cursor: not-allowed;
}

/* Registration Prompt Banner */
.dark .registration-prompt {
    background: linear-gradient(135deg, rgba(226, 169, 56, 0.15), rgba(244, 184, 74, 0.1));
    border: 1px solid #e2a938;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.dark .registration-prompt .text-primary {
    color: #e2a938 !important;
}

/* Chat Message Bubbles */
.dark .user-message {
    background: linear-gradient(135deg, #e2a938, #f4b84a);
    color: #090e21;
}

.dark .counselor-message {
    background-color: #151b2e;
    color: #e0e0e0;
    border: 1px solid #1a1f35;
}

/* Sidebar Styles */
.dark .sidebar {
    background-color: #0a1125;
    border-color: #1a1f35;
}

.dark .sidebar .nav-link {
    color: #b0b0b0;
}

.dark .sidebar .nav-link:hover {
    background-color: #0f1629;
    color: #e2a938;
}

.dark .sidebar .nav-link.active {
    background-color: #e2a938;
    color: #090e21;
    font-weight: 600;
}

/* Stats Cards */
.dark .stat-card {
    background: linear-gradient(135deg, #0f1629, #151b2e);
    border: 1px solid #1a1f35;
}

.dark .stat-card:hover {
    border-color: #e2a938;
    box-shadow: 0 4px 12px rgba(226, 169, 56, 0.2);
}

/* Text Colors */
.dark .text-primary {
    color: #e2a938 !important;
}

.dark .text-muted {
    color: #6c757d !important;
}

.dark .text-secondary {
    color: #b0b0b0 !important;
}

/* Links */
.dark a {
    color: #e2a938;
}

.dark a:hover {
    color: #f4b84a;
}

.dark a.text-decoration-none:hover {
    color: #f4b84a;
}

/* Scrollbar for Dark Mode */
.dark ::-webkit-scrollbar-track {
    background: #0a1125;
}

.dark ::-webkit-scrollbar-thumb {
    background: #1e3a5f;
    border-radius: 4px;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #2d4a6f;
}
