/*
 * اورراید‌های اختصاصی پروژه روی تم پیش‌فرض (style.css / style-preset.css).
 * عمداً به‌جای ویرایش مستقیمِ فایل‌های وندور در یک فایل جدا نگه داشته
 * می‌شود تا با آپدیت احتمالی قالب از بین نرود.
 */

/*
 * آیتمِ فعالِ داخلِ یک زیرمنوی بازشده فقط با «bold شدن» متمایز می‌شد و
 * رنگش دقیقاً همان رنگِ خاکستریِ آیتم‌های غیرفعال بود (فقط یک نقطه‌ی کوچک
 * رنگی کنارش تغییر می‌کرد) — در نتیجه تشخیصِ اینکه کدام زیرمنو همین الان
 * باز/فعال است سخت بود. اینجا هم رنگِ متن و هم یک پس‌زمینه‌ی ملایم به آن
 * اضافه می‌شود تا در یک نگاه مشخص باشد.
 */
.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item.active > .pc-link,
.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item.pc-trigger > .pc-link {
  color: var(--pc-sidebar-active-color) !important;
  background: color-mix(in srgb, var(--pc-sidebar-active-color) 12%, transparent);
  border-radius: var(--bs-border-radius);
}

/*
 * ردیف‌های غیرفعالِ جدول‌ها (کلاس را کامپوننتِ Table خودش می‌گذارد): یک
 * پس‌زمینه‌ی قرمز با شفافیت ۰.۳ تا در یک نگاه مشخص باشد این ردیف غیرفعال
 * است. box-shadow هم بازنویسی می‌شود چون table-striped رنگِ ردیف‌ها را با
 * همان می‌سازد و روی background می‌نشیند.
 */
.table > tbody > tr.row-inactive > * {
  background-color: rgba(255, 0, 0, 0.3) !important;
  box-shadow: none !important;
}

/*
 * react-select (کامپوننتِ Select2) استایلِ روشنِ خودش را دارد و از تمِ قالب
 * پیروی نمی‌کند؛ در حالتِ دارک، جعبه، منو و گزینه‌ها با همان رنگ‌های
 * form-control و dropdown-menuِ دارکِ قالب هم‌رنگ می‌شوند
 * (پیشوندِ rs از classNamePrefix می‌آید).
 */
[data-pc-theme=dark] .rs__control {
  background-color: #263240;
  border-color: #303f50;
}
[data-pc-theme=dark] .rs__control:hover {
  border-color: #3d5066;
}
[data-pc-theme=dark] .rs__control--is-focused,
[data-pc-theme=dark] .rs__control--is-focused:hover {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 1px rgba(var(--bs-primary-rgb), 0.1);
}
[data-pc-theme=dark] .rs__control--is-disabled {
  background-color: #1d2630;
  opacity: 0.7;
}
[data-pc-theme=dark] .rs__single-value,
[data-pc-theme=dark] .rs__input-container,
[data-pc-theme=dark] .rs__multi-value__label {
  color: var(--bs-body-color);
}
[data-pc-theme=dark] .rs__placeholder {
  color: rgba(191, 191, 191, 0.6);
}
[data-pc-theme=dark] .rs__indicator-separator {
  background-color: #303f50;
}
[data-pc-theme=dark] .rs__indicator {
  color: rgba(191, 191, 191, 0.6);
}
[data-pc-theme=dark] .rs__indicator:hover {
  color: var(--bs-body-color);
}
[data-pc-theme=dark] .rs__menu {
  background-color: #263240;
  border: 1px solid #303f50;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
[data-pc-theme=dark] .rs__option {
  background-color: transparent;
  color: var(--bs-body-color);
}
[data-pc-theme=dark] .rs__option--is-focused {
  background-color: #19212a;
}
[data-pc-theme=dark] .rs__option--is-selected {
  background-color: var(--bs-primary);
  color: #ffffff;
}
[data-pc-theme=dark] .rs__option--is-disabled {
  opacity: 0.5;
}
[data-pc-theme=dark] .rs__menu-notice {
  color: rgba(191, 191, 191, 0.6);
}
[data-pc-theme=dark] .rs__multi-value {
  background-color: #19212a;
}