@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
  --bs-primary: #FF8A26 !important;
  --bs-primary-rgb: 255, 138, 38 !important;
  --bs-primary-bg-subtle: #ffefe1 !important;
  --bs-primary-border-subtle: #f2d2b5 !important;
}



:root {
  --bs-font-sans-serif: "Vazirmatn", sans-serif;
  --bs-body-font-family: "Vazirmatn", sans-serif;
}


.app-brand-logo img {
  height: 32px !important;
  width: auto !important;
  object-fit: contain;
}

/* در حالت مینیمایز، لوگو را به‌صورت مربع و وسط‌چین قرار دهید */
.layout-menu-collapsed .app-brand-logo img {
  height: 32px !important;
  width: 32px !important;   /* عرض برابر با ارتفاع */
  object-fit: contain;
}

/* حذف padding اضافی و وسط‌چین کردن لینک لوگو */
.layout-menu-collapsed .app-brand-link {
  justify-content: center !important;
  padding: 0 !important;
}

/* اگر نیاز به تنظیمات بیشتر دارید */
.layout-menu-collapsed .app-brand-logo {
  margin: 0 auto !important;
}

/* افزایش z-index المان‌های شناور برای نمایش روی سایدبار */
.dropdown-menu,
.modal,
.popover,
.tooltip,
.bs-popover-auto,
.bs-tooltip-auto {
  z-index: 9999 !important;
}

/* کاهش z-index سایدبار (در صورت نیاز) */
.layout-menu {
  z-index: 1000 !important;
}

/* اطمینان از اینکه کانتینر dropdown ها overflow:visible باشد */
.navbar .dropdown,
.navbar .dropup,
.navbar .dropright,
.navbar .dropleft {
  position: relative;
  z-index: 9999;
}

/* اگر باکس تنظیمات تم کلاس خاصی دارد، می‌توانید آن را هدف قرار دهید */
.dropdown-menu[data-bs-popper] {
  z-index: 9999 !important;
}


/* ==============================================
   سفارشی‌سازی رنگ هایلایت منو (مثل داشبورد)
   ============================================== */

/* حالت فعال (لینک واقعی که کاربر روشه) - سطح اول و سطح زیرمنو */
.menu-item.active > .menu-link,
.menu-sub .menu-item.active > .menu-link {
  background: linear-gradient(135deg, #ff9a44 0%, #fc6076 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(252, 96, 118, 0.4) !important;
}

.menu-item.active > .menu-link i,
.menu-sub .menu-item.active > .menu-link i {
  color: #fff !important;
}

/* حالت باز (والدی که سابمنوش نمایش داده شده) - فقط هایلایت ملایم، بدون گرادیان */
.menu-item.open > .menu-link.menu-toggle {
  background: rgba(255, 154, 68, 0.1) !important;
  color: #ff9a44 !important;
  box-shadow: none !important;
}

.menu-item.open > .menu-link.menu-toggle i {
  color: #ff9a44 !important;
}

/* اگر از کلاس‌های دیگری استفاده میشود (برای اطمینان) */
.menu-link.active {
  background: linear-gradient(135deg, #ff9a44 0%, #fc6076 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(252, 96, 118, 0.4) !important;
}

/* اگر کلاس menu-item-active وجود دارد */
.menu-item-active > .menu-link {
  background: linear-gradient(135deg, #ff9a44 0%, #fc6076 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(252, 96, 118, 0.4) !important;
}

/* حالت Hover برای آیتم‌های غیرفعال (مثل داشبورد) */
.menu-item:not(.active):not(.open) > .menu-link:hover {
  background: rgba(255, 154, 68, 0.1) !important;
  color: #ff9a44 !important;
}

.dropdown-style-switcher {
  position: relative;
}

.dropdown-style-switcher .dropdown-menu[data-bs-popper] {
  right: auto !important;
  left: 0 !important;
  transform: none !important;
  inset: auto 0 auto auto !important;
}

:root {
  --bs-font-sans-serif: "Vazirmatn", sans-serif;
  --bs-body-font-family: "Vazirmatn", sans-serif;
  --font-family: "Vazirmatn", sans-serif;
  --font-public-sans: "Vazirmatn", sans-serif;
}

body,
html {
  font-family: "Vazirmatn", sans-serif !important;
}

/* خیلی از تم‌ها فونت رو مستقیم روی heading ها ست می‌کنن */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Vazirmatn", sans-serif !important;
}

/* دکمه‌ها، فرم‌ها، منو، جدول و... */
.btn, .form-control, .form-select,
.menu-link, .menu-header-text,
table, .dropdown-item,
input, textarea, select {
  font-family: "Vazirmatn", sans-serif !important;
}