/* ==================== حالت شب (Dark Mode) ==================== */

/* پس‌زمینه و متن اصلی */
body.dark-mode {
    background-color: #1a1d23;
    color: #e4e6eb;
}

    /* نوار ناوبری */
    body.dark-mode .navbar.bg-dark {
        background-color: #242526 !important;
        border-bottom: 1px solid #3e4042;
    }

    body.dark-mode .navbar .nav-link,
    body.dark-mode .navbar .navbar-brand {
        color: #e4e6eb !important;
    }

    /* کارت‌ها */
    body.dark-mode .card {
        background-color: #242526;
        border-color: #3e4042;
        color: #e4e6eb;
    }

    body.dark-mode .card-header {
        background-color: #3a3b3c;
        border-color: #3e4042;
        color: #e4e6eb;
    }

    body.dark-mode .card-body {
        background-color: #242526;
        color: #e4e6eb;
    }

    body.dark-mode .card-footer {
        background-color: #2d2e30;
        border-color: #3e4042;
        color: #b0b3b8;
    }

    /* جداول */
    body.dark-mode .table {
        color: #e4e6eb;
    }

        body.dark-mode .table thead.table-dark th {
            background-color: #3a3b3c !important;
            border-color: #555;
        }

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

    body.dark-mode .table-bordered {
        border-color: #555;
    }

        body.dark-mode .table-bordered th,
        body.dark-mode .table-bordered td {
            border-color: #555;
        }

    body.dark-mode .table-hover tbody tr:hover {
        background-color: #3a3b3c;
        color: #fff;
    }

    /* فرم‌ها */
    body.dark-mode .form-control,
    body.dark-mode .form-select {
        background-color: #3a3b3c;
        border-color: #555;
        color: #e4e6eb;
    }

        body.dark-mode .form-control:focus,
        body.dark-mode .form-select:focus {
            background-color: #3a3b3c;
            color: #e4e6eb;
            border-color: #86b7fe;
            box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        }

        body.dark-mode .form-control::placeholder {
            color: #8a8d91;
        }

    /* دکمه‌ها (عمومی) */
    body.dark-mode .btn-outline-secondary {
        color: #b0b3b8;
        border-color: #555;
    }

        body.dark-mode .btn-outline-secondary:hover {
            background-color: #3a3b3c;
            color: #e4e6eb;
        }

    body.dark-mode .btn-outline-primary {
        color: #86b7fe;
        border-color: #86b7fe;
    }

        body.dark-mode .btn-outline-primary:hover {
            background-color: #86b7fe;
            color: #000;
        }

    /* مودال */
    body.dark-mode .modal-content {
        background-color: #242526;
        border-color: #3e4042;
        color: #e4e6eb;
    }

    body.dark-mode .modal-header {
        border-bottom-color: #3e4042;
    }

    body.dark-mode .modal-footer {
        border-top-color: #3e4042;
    }

    /* Badge ها */
    body.dark-mode .badge.bg-success {
        background-color: #2d6a4f !important;
    }

    body.dark-mode .badge.bg-danger {
        background-color: #8b3a3a !important;
    }

    body.dark-mode .badge.bg-warning {
        background-color: #b8860b !important;
        color: #000;
    }

    body.dark-mode .badge.bg-info {
        background-color: #0d5e6b !important;
    }

    body.dark-mode .badge.bg-secondary {
        background-color: #555 !important;
    }

    /* Alert ها */
    body.dark-mode .alert-success {
        background-color: #1e3a2f;
        border-color: #2d6a4f;
        color: #a3e4bc;
    }

    body.dark-mode .alert-danger {
        background-color: #3a1e1e;
        border-color: #8b3a3a;
        color: #f5c6cb;
    }

    body.dark-mode .alert-warning {
        background-color: #3a3520;
        border-color: #b8860b;
        color: #ffe69c;
    }

    body.dark-mode .alert-info {
        background-color: #1a2e3a;
        border-color: #0d5e6b;
        color: #b6e0f5;
    }

    /* hr و border ها */
    body.dark-mode hr {
        border-color: #3e4042;
    }

    body.dark-mode .border-top,
    body.dark-mode .border-bottom {
        border-color: #3e4042 !important;
    }

    /* navbar dropdown */
    body.dark-mode .dropdown-menu {
        background-color: #242526;
        border-color: #3e4042;
    }

    body.dark-mode .dropdown-item {
        color: #e4e6eb;
    }

        body.dark-mode .dropdown-item:hover {
            background-color: #3a3b3c;
            color: #fff;
        }

    body.dark-mode .dropdown-divider {
        border-color: #3e4042;
    }

    /* footer */
    body.dark-mode footer {
        background-color: #1a1d23 !important;
        color: #b0b3b8;
        border-top-color: #3e4042;
    }