/* ===================== فونت فارسی Vazirmatn (محلی، بدون وابستگی به اینترنت) ===================== */
@font-face {
  font-family: "Vazirmatn";
  src: url("/fonts/vazirmatn/vazirmatn-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("/fonts/vazirmatn/vazirmatn-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("/fonts/vazirmatn/vazirmatn-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("/fonts/vazirmatn/vazirmatn-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("/fonts/vazirmatn/vazirmatn-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-family-sans-serif: "Vazirmatn", Tahoma, "Segoe UI", Arial, sans-serif;
}

/* پایه: سایز فونت بزرگ‌تر و خواناتر برای متن فارسی (قالب اصلی ۱۳-۱۴px بود که برای فارسی ریز و ناخوانا است) */
html {
  font-size: 15px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html,
body,
.btn,
.form-control,
.dropdown-menu,
.card,
.table,
.modal-content,
.tooltip,
.popover,
input,
select,
textarea,
button {
  font-family: "Vazirmatn", Tahoma, "Segoe UI", Arial, sans-serif !important;
}

body {
  font-size: 1rem;
  line-height: 1.9;
}

h1, .h1 { font-size: 2rem; }
h2, .h2 { font-size: 1.7rem; }
h3, .h3 { font-size: 1.45rem; }
h4, .h4 { font-size: 1.25rem; }
h5, .h5 { font-size: 1.05rem; }
h6, .h6 { font-size: 0.95rem; }

.small, small { font-size: 85%; }

/* آیکون‌ها (Material Design Icons / Themify) نباید فونت متن را بگیرند - وگرنه گلیف‌ها می‌شکنند */
[class^="mdi-"], [class*=" mdi-"],
[class^="ti-"], [class*=" ti-"] {
  font-family: inherit;
}
.mdi:before, [class^="mdi-"]:before, [class*=" mdi-"]:before {
  font-family: "Material Design Icons" !important;
}
[class^="ti-"]:before, [class*=" ti-"]:before {
  font-family: "themify" !important;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* ===================== فوتر: نوار مجزا و مشخص در پایین صفحه ===================== */
.page-wrapper .footer {
  background: #fff;
  border-top: 1px solid #e9ecef;
  color: #8c9097;
  font-size: 0.85rem;
}

/* ===================== دکمه‌ی آیکونی دایره‌ای (مثلاً شخصی‌سازی داشبورد) ===================== */
.btn-icon-circle {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #eef0f3;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.btn-icon-circle:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.14);
  transform: translateY(-1px);
}

/* ===================== ویجت‌های آماری داشبورد: هم‌ارتفاع و منظم ===================== */
.stat-widget-col {
  display: flex;
}
.stat-widget-col > .card {
  width: 100%;
}
.stat-widget-col .card-body {
  display: flex;
  flex-direction: column;
  min-height: 92px;
}
.stat-widget-col .card-body .progress {
  margin-top: auto;
}

/* ===================== نمایش پروفایل و پلن در نوبار ===================== */
.navbar-user-info {
  line-height: 1.15;
  text-align: right;
}
.navbar-user-info .user-name {
  font-size: 13px;
  font-weight: 600;
  color: #2a2e33;
}
.navbar-user-info .badge {
  font-size: 10px;
  font-weight: 500;
}

/* ===================== آیکون‌های متحرک LordIcon: یکدست در کل برنامه ===================== */
/* همه‌ی آیکون‌های برنامه از یک مجموعه‌ی هم‌سبک (Wired Outline) و با یک سایز استاندارد استفاده می‌کنند. */
lord-icon.licon {
  display: inline-block;
  vertical-align: middle;
  pointer-events: none; /* والد (لینک/دکمه) کلیک و هاور را مدیریت می‌کند */
}
lord-icon.licon-sm { width: 20px; height: 20px; }
lord-icon.licon-md { width: 24px; height: 24px; }
lord-icon.licon-lg { width: 30px; height: 30px; }
lord-icon.licon-xl { width: 42px; height: 42px; }

/* آیکون‌های سایدبار: جایگزین آیکون‌های فونتی مطابق فاصله‌گذاری اصلی قالب */
.sidebar-link lord-icon.licon {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  margin-right: 2px;
}

/* آیکون داخل دکمه‌های کوچک/آیتم‌های دراپ‌داون */
.dropdown-item lord-icon.licon,
.btn lord-icon.licon {
  margin-left: 6px;
}

/* هدر کارت‌های ویجت داشبورد */
.card-title lord-icon.licon {
  margin-left: 4px;
}

/* زنگوله اعلان‌ها: هنگام وجود اعلان جدید با ترigger=loop مدام تکان می‌خورد (تنظیم در مارک‌آپ) */

/* ===================== شعاع گردی یکدست ۸ پیکسل برای همه‌ی جعبه‌ها، ویجت‌ها و دکمه‌ها ===================== */
.card,
.btn,
.btn-group > .btn,
.form-control,
.custom-select,
.custom-file-label,
.dropdown-menu,
.modal-content,
.alert,
.badge,
.list-group-item:first-child,
.list-group-item:last-child,
.progress,
.nav-tabs .nav-link,
.input-group-text,
.table {
  border-radius: 8px !important;
}
/* دکمه‌های دایره‌ای (مثل شخصی‌سازی داشبورد) از این قاعده مستثنی‌اند */
.btn-icon-circle {
  border-radius: 50% !important;
}
.progress-bar {
  border-radius: 8px;
}
.list-group {
  border-radius: 8px;
  overflow: hidden;
}