/* ==========================
   Yekan Bakh Variable (Perfex CRM)
   ========================== */

/* 1) Load font (Variable) */
@font-face {
  font-family: "YekanBakh";
  src: url("../fonts/yekanbakh/YekanBakh-VF.woff2") format("woff2");
  font-weight: 100 900; /* Variable range */
  font-style: normal;
  font-display: swap;
}

/* 2) Default UI font variable (used in some inline styles) */
:root {
  --fontara-font: "YekanBakh";
}

/* 3) Apply to whole CRM (text + form controls) */
html, body,
h1,h2,h3,h4,h5,h6,
p,span,div,a,li,td,th,label,
input,textarea,select,button,
.btn, .form-control {
  font-family: "YekanBakh", sans-serif !important;
}

/* استثنا برای آیکن ها و :before آنها */
.fa,
.arrow,
.fa:before,
.arrow:before {
  font-family: 'Font Awesome 6 Free' !important; /* یا فونت پیش‌فرض سیستم */
}
/* ==========================
   Font Awesome FIX (important)
   Some Perfex elements set inline:
   font-family: var(--fontara-font), Font Awesome...
   So we override the variable per icon type.
   ========================== */

/* Solid icons */
.fa-solid, .fas {
  --fontara-font: "Font Awesome 6 Free";
  font-weight: 900 !important;
  font-style: normal !important;
}

/* Regular icons */
.fa-regular, .far {
  --fontara-font: "Font Awesome 6 Free";
  font-weight: 400 !important;
  font-style: normal !important;
}

/* Brand icons */
.fa-brands, .fab {
  --fontara-font: "Font Awesome 6 Brands";
  font-weight: 400 !important;
  font-style: normal !important;
}



/* ==========================
   Improve sidebar icons visibility (RTL + FA)
   ========================== */

/* Sidebar menu icons */
#side-menu i.fa-regular {
  font-weight: 900 !important;
  font-family: "Font Awesome 6 Free" !important;
}