/* Dark Mode Styles */
body.dark-mode {
    background-color: var(--darker);
    color: var(--light);
}

body.dark-mode .navbar {
    background-color: rgba(17, 24, 39, 0.95);
}

body.dark-mode .navbar .nav-link,
body.dark-mode .navbar .navbar-brand {
    color: var(--light) !important;
}

body.dark-mode .card,
body.dark-mode .feature-card,
body.dark-mode .course-card,
body.dark-mode .mosque-card,
body.dark-mode .imam-card,
body.dark-mode .testimonial-card,
body.dark-mode .modal-content {
    background-color: #1f2937;
    border-color: #374151;
}

body.dark-mode .card-header,
body.dark-mode .card-footer {
    background-color: #1f2937;
    border-color: #374151;
}

body.dark-mode .text-muted,
body.dark-mode .course-meta,
body.dark-mode .feature-card p {
    color: #9ca3af !important;
}

body.dark-mode .bg-light {
    background-color: #111827 !important;
}

body.dark-mode .form-control,
body.dark-mode .form-select,
body.dark-mode .input-group-text {
    background-color: #374151;
    border-color: #4b5563;
    color: var(--light);
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    background-color: #374151;
    color: var(--light);
}

body.dark-mode .table {
    color: var(--light);
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: #1a1a2e;
}

body.dark-mode .border,
body.dark-mode .border-bottom,
body.dark-mode .border-top,
body.dark-mode .border-start,
body.dark-mode .border-end {
    border-color: #374151 !important;
}

body.dark-mode .btn-light {
    background-color: #374151;
    border-color: #4b5563;
    color: var(--light);
}

body.dark-mode .btn-outline-secondary {
    color: #9ca3af;
    border-color: #4b5563;
}

body.dark-mode .dropdown-menu {
    background-color: #1f2937;
    border-color: #374151;
}

body.dark-mode .dropdown-item {
    color: var(--light);
}

body.dark-mode .dropdown-item:hover {
    background-color: #374151;
}

body.dark-mode .list-group-item {
    background-color: #1f2937;
    border-color: #374151;
    color: var(--light);
}

body.dark-mode .alert-light {
    background-color: #374151;
    color: var(--light);
}

body.dark-mode .progress {
    background-color: #374151;
}

body.dark-mode .footer {
    background-color: #0f172a;
}

body.dark-mode .pagination .page-link {
    background-color: #1f2937;
    border-color: #374151;
    color: var(--light);
}

body.dark-mode .pagination .page-item.active .page-link {
    background-color: var(--primary);
    border-color: var(--primary);
}

body.dark-mode .toast {
    background-color: #1f2937;
}

body.dark-mode .toast-header {
    background-color: #374151;
    color: var(--light);
}