@charset "UTF-8";
/* ==========================================================================
   1. متغیرهای رنگی اختصاصی
   ========================================================================== */
/* ==========================================================================
   2. اورراید رنگ‌ها در :root بوت‌استرپ
   ========================================================================== */
:root {
  --bs-primary: #7b1fa2;
  --bs-primary-rgb: 123, 31, 162;
  --bs-hili: #1acc8d;
  --bs-hili-rgb: 26, 204, 141;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: rgb(90.4974093264, 22.8082901554, 119.1917098446);
}

/* ==========================================================================
   3. اکوسیستم کامل کامپوننت‌ها و Utilityهای رنگ اختصاصی hili
   ========================================================================== */
.text-hili {
  color: var(--bs-hili) !important;
}

.bg-hili {
  background-color: var(--bs-hili) !important;
}

.border-hili {
  border-color: var(--bs-hili) !important;
}

.link-hili {
  color: var(--bs-hili) !important;
}
.link-hili:hover, .link-hili:focus {
  color: #13996a !important;
}

.bg-hili-subtle {
  background-color: rgba(26, 204, 141, 0.15) !important;
}

.text-hili-emphasis {
  color: #0f7a55 !important;
}

.border-hili-subtle {
  border-color: rgba(26, 204, 141, 0.35) !important;
}

.text-bg-hili {
  color: #fff !important;
  background-color: var(--bs-hili) !important;
}

.alert-hili {
  --bs-alert-color: #0f7a55;
  --bs-alert-bg: rgba(26, 204, 141, 0.15);
  --bs-alert-border-color: rgba(26, 204, 141, 0.35);
  --bs-alert-link-color: #0c6144;
}

.card-hili {
  border-color: var(--bs-hili);
}

.btn-hili {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-hili);
  --bs-btn-border-color: var(--bs-hili);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #15a874;
  --bs-btn-hover-border-color: #13996a;
  --bs-btn-focus-shadow-rgb: 26, 204, 141;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #13996a;
  --bs-btn-active-border-color: #118a5f;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-hili);
  --bs-btn-disabled-border-color: var(--bs-hili);
}

.btn-outline-hili {
  --bs-btn-color: var(--bs-hili);
  --bs-btn-border-color: var(--bs-hili);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-hili);
  --bs-btn-hover-border-color: var(--bs-hili);
  --bs-btn-focus-shadow-rgb: 26, 204, 141;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-hili);
  --bs-btn-active-border-color: var(--bs-hili);
  --bs-btn-disabled-color: var(--bs-hili);
  --bs-btn-disabled-bg: transparent;
}

/* ==========================================================================
   بازنویسی دکمه اصلی (btn-primary Override)
   ========================================================================== */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #7b1fa2;
  --bs-btn-border-color: #7b1fa2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6a1b9a;
  --bs-btn-hover-border-color: #5c1786;
  --bs-btn-focus-shadow-rgb: 123, 31, 162;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5c1786;
  --bs-btn-active-border-color: #4e1372;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #7b1fa2;
  --bs-btn-disabled-border-color: #7b1fa2;
}

.btn-outline-primary {
  --bs-btn-color: #7b1fa2;
  --bs-btn-border-color: #7b1fa2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7b1fa2;
  --bs-btn-hover-border-color: #7b1fa2;
  --bs-btn-focus-shadow-rgb: 123, 31, 162;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7b1fa2;
  --bs-btn-active-border-color: #7b1fa2;
  --bs-btn-disabled-color: #7b1fa2;
  --bs-btn-disabled-border-color: #7b1fa2;
}

.badge-hili {
  color: #fff;
  background-color: var(--bs-hili);
}

.progress-bar-hili,
.progress-bar.bg-hili {
  background-color: var(--bs-hili) !important;
}

.spinner-border-hili {
  color: var(--bs-hili);
}

.spinner-grow-hili {
  background-color: var(--bs-hili);
}

.list-group-item-hili {
  color: #0f7a55;
  background-color: rgba(26, 204, 141, 0.15);
  border-color: rgba(26, 204, 141, 0.35);
}
.list-group-item-hili.list-group-item-action:hover, .list-group-item-hili.list-group-item-action:focus {
  color: #0f7a55;
  background-color: rgba(26, 204, 141, 0.25);
}
.list-group-item-hili.list-group-item-action.active {
  color: #fff;
  background-color: var(--bs-hili);
  border-color: var(--bs-hili);
}

.table-hili {
  --bs-table-color: #000;
  --bs-table-bg: rgba(26, 204, 141, 0.15);
  --bs-table-border-color: rgba(26, 204, 141, 0.3);
  --bs-table-striped-bg: rgba(26, 204, 141, 0.2);
  --bs-table-active-bg: rgba(26, 204, 141, 0.25);
  --bs-table-hover-bg: rgba(26, 204, 141, 0.22);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.pagination-hili .page-item.active .page-link {
  background-color: var(--bs-hili);
  border-color: var(--bs-hili);
  color: #fff;
}
.pagination-hili .page-link {
  color: var(--bs-hili);
}
.pagination-hili .page-link:focus {
  box-shadow: 0 0 0 0.25rem rgba(26, 204, 141, 0.25);
}

.nav-pills-hili .nav-link.active,
.nav-pills-hili .show > .nav-link {
  background-color: var(--bs-hili);
  color: #fff;
}
.nav-pills-hili .nav-link {
  color: var(--bs-hili);
}

.form-check-hili .form-check-input:checked {
  background-color: var(--bs-hili);
  border-color: var(--bs-hili);
}
.form-check-hili .form-check-input:focus {
  border-color: #15a874;
  box-shadow: 0 0 0 0.25rem rgba(26, 204, 141, 0.25);
}

.form-range-hili::-webkit-slider-thumb {
  background-color: var(--bs-hili);
}
.form-range-hili::-moz-range-thumb {
  background-color: var(--bs-hili);
}
.form-range-hili:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(26, 204, 141, 0.25);
}

.dropdown-item-hili.active,
.dropdown-item-hili:active {
  background-color: var(--bs-hili);
  color: #fff;
}

.focus-ring-hili {
  --bs-focus-ring-color: rgba(26, 204, 141, 0.25);
}

/* ==========================================================================
   4. نسبت‌های تصویر اختصاصی (Aspect Ratios)
   (موارد فراتر از ۴ نسبت پیش‌فرض بوت‌استرپ)
   ========================================================================== */
.ratio-3x2 {
  --bs-aspect-ratio: 66.6666666667%;
}

.ratio-5x3 {
  --bs-aspect-ratio: 60%;
}

.ratio-5x4 {
  --bs-aspect-ratio: 80%;
}

.ratio-7x5 {
  --bs-aspect-ratio: 71.4285714286%;
}

.ratio-2x1 {
  --bs-aspect-ratio: 50%;
}

.ratio-3x1 {
  --bs-aspect-ratio: 33.3333333333%;
}

.ratio-3x4 {
  --bs-aspect-ratio: 133.3333333333%;
}

.ratio-2x3 {
  --bs-aspect-ratio: 150%;
}

.ratio-9x16 {
  --bs-aspect-ratio: 177.7777777778%;
}

.ratio-3x5 {
  --bs-aspect-ratio: 166.6666666667%;
}

.ratio-4x5 {
  --bs-aspect-ratio: 125%;
}

.ratio-5x7 {
  --bs-aspect-ratio: 140%;
}

.ratio-9x21 {
  --bs-aspect-ratio: 233.3333333333%;
}

.ratio-1x2 {
  --bs-aspect-ratio: 200%;
}

.ratio-1x3 {
  --bs-aspect-ratio: 300%;
}

/* ==========================================================================
   5. گوشه‌های گرد واکنش‌گرا (Responsive Border Radius)
   (تولید کلاس‌هایی مثل rounded-md-3، rounded-lg-pill و...)
   ========================================================================== */
.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 0.25rem !important;
}

.rounded-2 {
  border-radius: 0.5rem !important;
}

.rounded-3 {
  border-radius: 0.75rem !important;
}

.rounded-4 {
  border-radius: 1rem !important;
}

.rounded-5 {
  border-radius: 1.25rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

@media (min-width: 576px) {
  .rounded-sm-0 {
    border-radius: 0 !important;
  }
  .rounded-sm-1 {
    border-radius: 0.25rem !important;
  }
  .rounded-sm-2 {
    border-radius: 0.5rem !important;
  }
  .rounded-sm-3 {
    border-radius: 0.75rem !important;
  }
  .rounded-sm-4 {
    border-radius: 1rem !important;
  }
  .rounded-sm-5 {
    border-radius: 1.25rem !important;
  }
  .rounded-sm-circle {
    border-radius: 50% !important;
  }
  .rounded-sm-pill {
    border-radius: 50rem !important;
  }
}
@media (min-width: 768px) {
  .rounded-md-0 {
    border-radius: 0 !important;
  }
  .rounded-md-1 {
    border-radius: 0.25rem !important;
  }
  .rounded-md-2 {
    border-radius: 0.5rem !important;
  }
  .rounded-md-3 {
    border-radius: 0.75rem !important;
  }
  .rounded-md-4 {
    border-radius: 1rem !important;
  }
  .rounded-md-5 {
    border-radius: 1.25rem !important;
  }
  .rounded-md-circle {
    border-radius: 50% !important;
  }
  .rounded-md-pill {
    border-radius: 50rem !important;
  }
}
@media (min-width: 992px) {
  .rounded-lg-0 {
    border-radius: 0 !important;
  }
  .rounded-lg-1 {
    border-radius: 0.25rem !important;
  }
  .rounded-lg-2 {
    border-radius: 0.5rem !important;
  }
  .rounded-lg-3 {
    border-radius: 0.75rem !important;
  }
  .rounded-lg-4 {
    border-radius: 1rem !important;
  }
  .rounded-lg-5 {
    border-radius: 1.25rem !important;
  }
  .rounded-lg-circle {
    border-radius: 50% !important;
  }
  .rounded-lg-pill {
    border-radius: 50rem !important;
  }
}
@media (min-width: 1200px) {
  .rounded-xl-0 {
    border-radius: 0 !important;
  }
  .rounded-xl-1 {
    border-radius: 0.25rem !important;
  }
  .rounded-xl-2 {
    border-radius: 0.5rem !important;
  }
  .rounded-xl-3 {
    border-radius: 0.75rem !important;
  }
  .rounded-xl-4 {
    border-radius: 1rem !important;
  }
  .rounded-xl-5 {
    border-radius: 1.25rem !important;
  }
  .rounded-xl-circle {
    border-radius: 50% !important;
  }
  .rounded-xl-pill {
    border-radius: 50rem !important;
  }
}
@media (min-width: 1400px) {
  .rounded-xxl-0 {
    border-radius: 0 !important;
  }
  .rounded-xxl-1 {
    border-radius: 0.25rem !important;
  }
  .rounded-xxl-2 {
    border-radius: 0.5rem !important;
  }
  .rounded-xxl-3 {
    border-radius: 0.75rem !important;
  }
  .rounded-xxl-4 {
    border-radius: 1rem !important;
  }
  .rounded-xxl-5 {
    border-radius: 1.25rem !important;
  }
  .rounded-xxl-circle {
    border-radius: 50% !important;
  }
  .rounded-xxl-pill {
    border-radius: 50rem !important;
  }
}
/* ==========================================================================
   6. تثبیت ضخامت خطوط جداول (Table Border Fix)
   (تضمین نمایش واضح خطوط و بوردرهای داخلی سلول‌های جدول)
   ========================================================================== */
thead,
tbody,
tfoot,
tr,
td,
th {
  border-width: 1px;
}

/* ==========================================================================
   7. بازنویسی سراسری فرم‌ها (Global Form Overrides)
   ========================================================================== */
.form-control:focus,
.form-select:focus {
  border-color: #7b1fa2 !important;
  box-shadow: 0 0 0 0.25rem rgba(123, 31, 162, 0.25) !important;
}

.form-check-input:checked {
  background-color: #7b1fa2 !important;
  border-color: #7b1fa2 !important;
}
.form-check-input:focus {
  border-color: #7b1fa2 !important;
  box-shadow: 0 0 0 0.25rem rgba(123, 31, 162, 0.25) !important;
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(123, 31, 162, 0.25) !important;
}
.form-range::-webkit-slider-thumb {
  background-color: #7b1fa2 !important;
}
.form-range::-moz-range-thumb {
  background-color: #7b1fa2 !important;
}

.dir-rtl {
  direction: rtl !important;
  text-align: right !important;
}

.dir-ltr {
  direction: ltr !important;
  text-align: left !important;
}

/* ==========================================================================
   8. حل سراسری مشکل رنگ لینک‌ها (Anchor & Links Global Overrides)
   ========================================================================== */
a {
  color: var(--bs-primary);
  text-decoration: none;
}
a:hover, a:focus {
  color: rgb(83.9968911917, 21.1699481865, 110.6300518135);
}

.list-group-item a,
.card-title a,
.dropdown-item a {
  color: inherit;
}
.list-group-item a:hover,
.card-title a:hover,
.dropdown-item a:hover {
  color: var(--bs-primary);
}

.link-primary {
  color: var(--bs-primary) !important;
}
.link-primary:hover, .link-primary:focus {
  color: rgb(83.9968911917, 21.1699481865, 110.6300518135) !important;
}

:root,
[data-bs-theme=light] {
  --bs-backdrop-bg: rgba(255, 255, 255, 0.45);
  --bs-backdrop-opacity: 1;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: rgba(0, 0, 0, 0.55);
  --bs-backdrop-opacity: 1;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg) !important;
  backdrop-filter: blur(12px) saturate(120%) brightness(85%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(85%) !important;
}
.modal-backdrop.fade {
  opacity: 0;
  transition: opacity 0.25s ease-out, backdrop-filter 0.25s ease-out;
}
.modal-backdrop.show {
  opacity: 1 !important;
}
.modal-backdrop.cropper-backdrop {
  z-index: 9999 !important;
  --bs-backdrop-bg: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(16px) saturate(120%) brightness(80%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(120%) brightness(80%) !important;
}

.modal.show {
  background-color: transparent !important;
}/*# sourceMappingURL=bootstrap.rtl.override.css.map */