/**
 * Iran Net Optimizer — Frontend assist styles
 *
 * این فایل فقط در صفحات فرانت‌اند بارگذاری می‌شود و خصوصیات کمکی برای
 * فیچرهای Speed Optimizer ارائه می‌دهد.
 *
 * v3.3.1
 */

/* ───────────────────────────────────────────────────────────────────────
 * Background-image lazy load placeholder
 *
 * تگ‌هایی که توسط Speed_Optimizer مارک شده‌اند کلاس `.ino-bg-lazy` دارند.
 * در v3.3.1 ما فقط مارک می‌کنیم؛ در فاز بعدی JS با IntersectionObserver
 * عمل lazy load واقعی را انجام خواهد داد.
 *
 * این کلاس فعلاً content-visibility استفاده می‌کند که در browserهای مدرن
 * یک optimization بی‌هزینه است: محتوای offscreen render نمی‌شود.
 * ─────────────────────────────────────────────────────────────────────── */
.ino-bg-lazy {
    /* فقط اگر مرورگر پشتیبانی می‌کند */
    content-visibility: auto;
    /* placeholder size تا layout shift نشه */
    contain-intrinsic-size: auto 300px;
}

/* وقتی JS lazy فعال باشد، این class state اضافه می‌شود */
.ino-bg-lazy.ino-bg-loaded {
    content-visibility: visible;
}

/* ───────────────────────────────────────────────────────────────────────
 * No-JS fallback
 * اگر JS کاربر خاموش باشد، تصاویر باید فوراً visible شوند
 * ─────────────────────────────────────────────────────────────────────── */
.no-js .ino-bg-lazy {
    content-visibility: visible;
}