/**
 * You can customize the DARK MODE look here.
 * Practically and mostly the colors need to be adjusted according to your darkness wishes.
 * To alter a definition, just copy the section over from main stylesheet
 * add [data-theme="dark"] before the definition and do your changes
 * Below are some examples to begin with and to explain the logic a little bit more
 */

/* General Settings */
[data-theme="dark"] {
  color: rgb(207, 200, 191) !important;
  background-color: black !important;
  background-image: url("/disposable/theme_bg_dark.jpg");
}

/* Clock */
[data-theme="dark"] #clock { color: rgb(24, 167, 170) !important; }

/* SideBar text */
[data-theme="dark"] #Dispo_SideBar { color: rgb(230, 230, 230); font-weight: 400; }
[data-theme="dark"] #Dispo_SideBar a { color: rgb(230, 230, 230); font-weight: 400; }

/* Generic Link (Hyperlinks) */
[data-theme="dark"] a { 
  color: rgb(240, 255, 230) !important;  /* روشن‌تر و برجسته‌تر برای لینک‌ها */
  font-weight: 500;
  text-decoration: none;  /* بدون خط زیر لینک‌ها */
}

[data-theme="dark"] a:hover {
  color: rgb(0, 255, 255) !important; /* تغییر رنگ در هنگام هاور */
}

/* Cards */
[data-theme="dark"] .card { background-color: rgba(126, 101, 82, 0.4); }
[data-theme="dark"] .card-title { color: rgb(24, 190, 255); }
[data-theme="dark"] .card-footer { font-weight: 400 !important; background-color: rgba(43, 39, 36, 0.75); }

[data-theme="dark"] .table { font-weight: 400 !important; color: rgb(240, 240, 240) !important; }

/* Table cells */
[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
  color: rgb(240, 240, 240) !important; /* روشن‌تر شدن اعداد و متن‌ها */
}

/* Generic Backgrounds, inverted */
[data-theme="dark"] .bg-light { background-color: #333 !important; }
[data-theme="dark"] .bg-white { background-color: #000 !important; }
[data-theme="dark"] .bg-black { background-color: #eee !important; }

/* phpVMS Core Maps, inverted */
[data-theme="dark"] #map { filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7); }
[data-theme="dark"] #live_flights_table { color: rgb(211, 203, 194) !important; }

/* اصلاح رنگ منوها و فیلدهای جستجو */
[data-theme="dark"] .select2-dropdown {
  background-color: #333 !important; /* پس‌زمینه منو کشویی */
  color: rgb(220, 220, 220) !important; /* رنگ متن داخل منو */
}/

/* اصلاح رنگ متون عددی و جداول */
[data-theme="dark"] .leaderboard {
  color: rgb(240, 240, 240) !important; /* روشن‌تر شدن رنگ متن‌های داخل لیدربورد */
}

/* اصلاح رنگ متن‌های داخل کارت‌ها */
[data-theme="dark"] .card-body {
  color: rgb(240, 240, 240) !important; /* رنگ روشن برای متن‌های داخل کارت‌ها */
}



/* اصلاح رنگ در فیلدهای ورودی و انتخاب‌ها */
[data-theme="dark"] .select2-search input {
  color: rgb(0, 0, 0) !important; /* متن جستجو به سفید تغییر یابد */
}