/* ==========================================================
   Lark | بلبل — لایه‌ی فارسی‌سازی
   فونت وزیرمتن + اصلاحات تایپوگرافی فارسی
   این فایل از طریق DASHBOARD_SCRIPTS به داشبورد تزریق می‌شود.
   ========================================================== */

/* فونت متغیر وزیرمتن — یک فایل، همه‌ی وزن‌ها (۱۰۹ کیلوبایت) */
@font-face {
  font-family: 'Vazirmatn';
  src: url('/bolbol/Vazirmatn[wght].woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* وزیرمتن جلوی Inter قرار می‌گیرد: لاتین از Inter، فارسی از وزیرمتن رندر می‌شود،
   چون Inter گلیف فارسی ندارد و مرورگر خودکار به فونت بعدی می‌رود.
   ترتیب برعکس است تا اعداد و لاتین ظاهر اصلی Chatwoot را حفظ کنند. */
:root {
  --lark-font-stack: Inter, 'Vazirmatn', InterDisplay, ui-sans-serif, system-ui, sans-serif;
}

body,
button,
input,
select,
textarea,
.font-inter,
.font-interDisplay,
[class*='font-inter'] {
  font-family: var(--lark-font-stack) !important;
}

/* متن فارسی کمی بلندتر نفس می‌کشد — وزیرمتن ارتفاع x کمتری از Inter دارد */
[dir='rtl'] body,
[dir='rtl'] .conversation-panel,
[dir='rtl'] textarea,
[dir='rtl'] input {
  line-height: 1.75;
}

/* در حالت راست‌به‌چپ، اعداد و کدها همچنان چپ‌به‌راست بمانند */
[dir='rtl'] code,
[dir='rtl'] pre,
[dir='rtl'] .text-ltr,
[dir='rtl'] [type='email'],
[dir='rtl'] [type='url'],
[dir='rtl'] [type='tel'] {
  direction: ltr;
  text-align: left;
  unicode-bidi: embed;
}