/* ---------------------------------------------------------------------------
   assets/css/icons.css — پایهٔ نمایش آیکون‌های SVG محلی
   ---------------------------------------------------------------------------
   FontAwesome از cdnjs حذف شده است (۱۹KB CSS با ۹۸٪ بی‌استفاده + سه فایل فونت
   ~۲۸۰KB + ۴۰۵ms بلاک رندر). به‌جای آن، هر آیکون مصرفی سایت به یک <symbol> در
   اسپرایت محلی تبدیل شده و سمت سرور داخل همان تگ <i> اصلی تزریق می‌شود
   (includes/icons.php) — بنابراین کلاس‌ها و سلکتورهای CSS موجود دست‌نخورده‌اند.

   نتیجه: <i class="fa-solid fa-trash"></i>  →  <i class="fa-solid fa-trash"><svg class="ai">…</svg></i>
   --------------------------------------------------------------------------- */

svg.ai {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: -0.125em;
    fill: currentColor;
    overflow: visible;
    /* آیکون‌های تزریق‌شده نباید کلیک را از والد بگیرند */
    pointer-events: none;
}

i[class*="fa-"] {
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    display: inline-block;
    text-rendering: auto;
}

/* چرخش (spinner پنل مدیریت) — معادل fa-spin آوسام */
.fa-spin { animation: ai-spin 1.5s linear infinite; }
@keyframes ai-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .fa-spin { animation-duration: 3s; } }

/* در چیدمان LTR، «فلش چپ» باید آینه شود تا به سمت راست اشاره کند
   (جایگزین قاعدهٔ قدیمی fa-arrow-left::before با گلیف آوسام) */
html[dir="ltr"] .fa-arrow-left > svg.ai { transform: scaleX(-1); }

/* جای‌گیرندهٔ آیکونی که در اسپرایت نیست (نباید کادر خالی بگیرد) */
i[class*="fa-"]:empty { display: none; }