/* ==========================================================================
   RISE - Dark Mode
   این فایل رو تو مسیر public/assets/css/dark-mode.css قرار بده.
   فقط رنگ‌ها/پس‌زمینه‌ها رو override می‌کنه، به هیچ فایل دیگه‌ای دست نمی‌زنه.
   ========================================================================== */

body.dark-mode {
  background: #14161c !important;
  color: #d7d9e0 !important;
}

/* ---------- متن‌های عمومی ---------- */
body.dark-mode,
body.dark-mode p,
body.dark-mode span,
body.dark-mode li,
body.dark-mode td,
body.dark-mode th,
body.dark-mode label,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
  color: #d7d9e0;
}

body.dark-mode .text-off,
body.dark-mode .text-muted,
body.dark-mode small {
  color: #9aa0ac !important;
}

body.dark-mode a {
  color: #7ea2f7;
}

/* ---------- سایدبار ---------- */
body.dark-mode .sidebar,
body.dark-mode .sidebar-brand {
  background: #10121a !important;
  border-color: #262a35 !important;
}

body.dark-mode .sidebar-menu li a {
  color: #b7bccb !important;
}

body.dark-mode .sidebar-menu li a:hover,
body.dark-mode .sidebar-menu li a:focus,
body.dark-mode .sidebar-menu li.active > a {
  background: #1c1f27 !important;
  color: #fff !important;
}

/* ---------- نوار بالا (Topbar) ---------- */
body.dark-mode .navbar-custom {
  background: #171a22 !important;
  border-color: #262a35 !important;
}

body.dark-mode .navbar-custom .nav-link,
body.dark-mode .navbar-custom .icon {
  color: #d7d9e0 !important;
}

/* ---------- کارت‌ها و باکس‌ها (اصلی‌ترین المان‌های صفحات) ---------- */
body.dark-mode .box,
body.dark-mode .card,
body.dark-mode .dashboard-icon-widget,
body.dark-mode .modal-content {
  background: #1c1f27 !important;
  border-color: #2c303c !important;
  color: #d7d9e0;
}

body.dark-mode .card-header,
body.dark-mode .box-title,
body.dark-mode .modal-header,
body.dark-mode .modal-footer {
  background: #1c1f27 !important;
  border-color: #2c303c !important;
  color: #d7d9e0 !important;
}

/* پس‌زمینه‌های خاکستری روشن (f9f9f9 / f1f1f5 / f0f0f0 / f5f5f5) که به عنوان
   پس‌زمینه‌ی ثانویه یا hover استفاده شدن */
body.dark-mode .box-content,
body.dark-mode .bg-light,
body.dark-mode .bg-white,
body.dark-mode .list-group-item,
body.dark-mode .dropdown-menu,
body.dark-mode .dropdown-item,
body.dark-mode .dropdown-details {
  background: #1c1f27 !important;
  color: #d7d9e0 !important;
  border-color: #2c303c !important;
}

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
  background: #262a35 !important;
  color: #fff !important;
}

/* ---------- جدول‌ها (DataTables و جداول معمولی) ---------- */
body.dark-mode table,
body.dark-mode table.dataTable {
  color: #d7d9e0 !important;
  border-color: #2c303c !important;
}

body.dark-mode table.dataTable tbody tr,
body.dark-mode table tbody tr {
  background: transparent !important;
  border-color: #2c303c !important;
}

body.dark-mode table.dataTable.stripe tbody tr.odd,
body.dark-mode table.dataTable.display tbody tr.odd {
  background: #191c24 !important;
}

body.dark-mode table.dataTable tbody tr:hover,
body.dark-mode table.dataTable.hover tbody tr:hover {
  background: #262a35 !important;
}

body.dark-mode table td,
body.dark-mode table th {
  border-color: #2c303c !important;
}

/* ---------- فرم‌ها (input/select/textarea/select2) ---------- */
body.dark-mode .form-control,
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select,
body.dark-mode .select2-container--default .select2-selection--single,
body.dark-mode .select2-container--default .select2-selection--multiple,
body.dark-mode .select2-dropdown {
  background: #262a35 !important;
  border-color: #3a3f4d !important;
  color: #e2e4e9 !important;
}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #e2e4e9 !important;
}

body.dark-mode .select2-results__option--highlighted {
  background: #6690F4 !important;
}

body.dark-mode ::placeholder {
  color: #7c8290 !important;
}

/* ---------- دکمه‌های خنثی/سفید (رنگی‌ها مثل primary/success/danger دست‌نخورده می‌مونن) ---------- */
body.dark-mode .btn-default,
body.dark-mode .btn-white,
body.dark-mode .btn-light {
  background: #262a35 !important;
  border-color: #3a3f4d !important;
  color: #d7d9e0 !important;
}

/* ---------- کیبورد/کدهای فرعی، رنگ حاشیه‌های خاکستری روشن ---------- */
body.dark-mode hr,
body.dark-mode .dropdown-divider {
  border-color: #2c303c !important;
}

/* ---------- اسکرول‌بار (فقط مرورگرهای مبتنی بر Webkit/Blink) ---------- */
body.dark-mode ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

body.dark-mode ::-webkit-scrollbar-track {
  background: #14161c;
}

body.dark-mode ::-webkit-scrollbar-thumb {
  background: #3a3f4d;
  border-radius: 5px;
}

/* ---------- عکس‌ها/آواتارها کمی تیره‌تر بشن که چشم رو نزنن ---------- */
body.dark-mode img:not(.no-dim) {
  filter: brightness(0.9);
}