/*
 * فونت‌ها و آیکون‌های میزبانی‌شده روی همین سرور
 *
 * پیش از این، سه فایل از دو CDN خارجی بار می‌شد:
 *   - fontawesome 6.5.1 all.min.css  (۱۰۲ کیلوبایت) از cdnjs
 *   - fa-solid-900.woff2             (۱۵۶ کیلوبایت)
 *   - fa-brands-400.woff2            (۱۱۷ کیلوبایت)
 *   - Vazirmatn font-face css + فونت از jsDelivr
 *
 * این فایل جای همه‌شان را گرفته و فقط ۷۹ آیکونی را دارد که واقعاً در
 * پروژه استفاده می‌شوند. دلیل اصلی این کار حجم نیست: برای کاربری که
 * دسترسی‌اش به cdnjs یا jsdelivr کند یا قطع باشد، سایت بدون آیکن و با
 * فونت پیش‌فرض بالا می‌آمد.
 *
 * ساخت مجدد این فایل: resources/tailwind/README.md بخش «فونت و آیکون»
 *
 * پارامتر ?v در آدرس فونت‌ها دستی است. اگر روزی فایل فونتی را عوض
 * کردید، عدد آن را یکی زیاد کنید تا مرورگرها نسخه تازه را بگیرند.
 */

/* ── وزیرمتن (فونت متغیر) ─────────────────────────────────────── */
@font-face {
  font-family: 'Vazirmatn';
  src: url('../fonts/vazirmatn-variable.woff2?v=1') format('woff2-variations'),
       url('../fonts/vazirmatn-variable.woff2?v=1') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ── فونت آیکون‌ها ───────────────────────────────────────────── */
/* font-display: block برای آیکون‌ها عمدی است. با swap، تا رسیدن فونت،
   مرورگر کد نویسه را با فونت پیش‌فرض می‌کشد و کاربر مربع خالی می‌بیند.
   block یعنی تا رسیدن فونت جای آیکون خالی می‌ماند، که تمیزتر است.
   خود فونت‌اوسام هم در CSS رسمی‌اش همین کار را می‌کند. */
@font-face {
  font-family: 'Font Awesome 6 Free';
  src: url('../fonts/fa-solid-900.woff2?v=1') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Font Awesome 6 Brands';
  src: url('../fonts/fa-brands-400.woff2?v=1') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

/* ── پایه آیکون‌ها ───────────────────────────────────────────── */
.fa-solid,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fa-solid { font-family: 'Font Awesome 6 Free'; font-weight: 900; }
.fa-brands { font-family: 'Font Awesome 6 Brands'; font-weight: 400; }

/* ── آیکون‌های استفاده‌شده ───────────────────────────────────── */
.fa-arrow-left:before { content: "\f060"; }
.fa-arrow-right:before { content: "\f061"; }
.fa-arrow-up-right-from-square:before { content: "\f08e"; }
.fa-bolt:before { content: "\f0e7"; }
.fa-border-all:before { content: "\f84c"; }
.fa-box-open:before { content: "\f49e"; }
.fa-boxes-packing:before { content: "\e4c7"; }
.fa-calculator:before { content: "\f1ec"; }
.fa-camera:before { content: "\f030"; }
.fa-chart-line:before { content: "\f201"; }
.fa-chart-simple:before { content: "\e473"; }
.fa-check:before { content: "\f00c"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-chevron-left:before { content: "\f053"; }
.fa-chevron-right:before { content: "\f054"; }
.fa-circle-check:before { content: "\f058"; }
.fa-circle-half-stroke:before { content: "\f042"; }
.fa-circle-info:before { content: "\f05a"; }
.fa-clock:before { content: "\f017"; }
.fa-clock-rotate-left:before { content: "\f1da"; }
.fa-crown:before { content: "\f521"; }
.fa-download:before { content: "\f019"; }
.fa-eye:before { content: "\f06e"; }
.fa-eye-slash:before { content: "\f070"; }
.fa-file-arrow-down:before { content: "\f56d"; }
.fa-file-csv:before { content: "\f6dd"; }
.fa-file-export:before { content: "\f56e"; }
.fa-file-invoice:before { content: "\f570"; }
.fa-file-invoice-dollar:before { content: "\f571"; }
.fa-file-lines:before { content: "\f15c"; }
.fa-fire:before { content: "\f06d"; }
.fa-floppy-disk:before { content: "\f0c7"; }
.fa-gauge-high:before { content: "\f625"; }
.fa-gear:before { content: "\f013"; }
.fa-globe:before { content: "\f0ac"; }
.fa-headset:before { content: "\f590"; }
.fa-house:before { content: "\f015"; }
.fa-image:before { content: "\f03e"; }
.fa-images:before { content: "\f302"; }
.fa-key:before { content: "\f084"; }
.fa-layer-group:before { content: "\f5fd"; }
.fa-list-check:before { content: "\f0ae"; }
.fa-list-ul:before { content: "\f0ca"; }
.fa-location-dot:before { content: "\f3c5"; }
.fa-magnifying-glass:before { content: "\f002"; }
.fa-mobile-screen:before { content: "\f3cf"; }
.fa-money-check-dollar:before { content: "\f53d"; }
.fa-moon:before { content: "\f186"; }
.fa-palette:before { content: "\f53f"; }
.fa-pen:before { content: "\f304"; }
.fa-percent:before { content: "\25"; }
.fa-phone:before { content: "\f095"; }
.fa-photo-film:before { content: "\f87c"; }
.fa-plus:before { content: "\2b"; }
.fa-print:before { content: "\f02f"; }
.fa-right-from-bracket:before { content: "\f2f5"; }
.fa-right-to-bracket:before { content: "\f2f6"; }
.fa-sack-dollar:before { content: "\f81d"; }
.fa-scroll:before { content: "\f70e"; }
.fa-shield-halved:before { content: "\f3ed"; }
.fa-shirt:before { content: "\f553"; }
.fa-sliders:before { content: "\f1de"; }
.fa-store:before { content: "\f54e"; }
.fa-sun:before { content: "\f185"; }
.fa-tag:before { content: "\f02b"; }
.fa-toggle-on:before { content: "\f205"; }
.fa-trash:before { content: "\f1f8"; }
.fa-triangle-exclamation:before { content: "\f071"; }
.fa-truck-fast:before { content: "\f48b"; }
.fa-upload:before { content: "\f093"; }
.fa-user:before { content: "\f007"; }
.fa-user-gear:before { content: "\f4fe"; }
.fa-user-plus:before { content: "\f234"; }
.fa-users:before { content: "\f0c0"; }
.fa-wallet:before { content: "\f555"; }
.fa-wrench:before { content: "\f0ad"; }
.fa-xmark:before { content: "\f00d"; }

/* ── آیکون‌های برند ──────────────────────────────────────────── */
.fa-instagram:before { content: "\f16d"; }
.fa-whatsapp:before { content: "\f232"; }
