/* ==========================================================================
   ضمیمه ارتقا انیمیشن‌ها و سیستم پاپ‌آپ‌های سه‌بعدی نیما رهگذر (لینک‌وبو)
   ========================================================================== */

/* کلاس‌های پایه برای سیستم نمایش در زمان اسکرول */
.scroll-reveal {
    opacity: 0;
    transform: translateY(35px) scale(0.97);
    transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), 
                transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
    will-change: transform, opacity;
}

/* زمان زنده شدن سکشن هنگام برخورد اسکرول */
.scrolled-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* تأخیرهای زمانی تصادفی برای کارت‌ها جهت ایجاد حس موجی هنگام بالا آمدن */
.reveal-item:nth-child(2) { transition-delay: 0.1s; }
.reveal-item:nth-child(3) { transition-delay: 0.2s; }
.reveal-item:nth-child(4) { transition-delay: 0.3s; }

/* افکت باز شدن فید اولیه بک‌گراند پاپ‌آپ */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.animate-fade-in {
    animation: fadeIn 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* افکت فوق‌العاده لوکس و عمیق برای کارت‌های خدمت و پروژه کلیلک شده */
#modal-card {
    box-shadow: 0 30px 70px -10px rgba(0, 0, 0, 0.7), 
                0 0 50px 0 rgba(99, 102, 241, 0.15);
}

/* استایل بدنه پاپ‌آپ بر اساس چینش زبان */
html[dir="rtl"] #close-modal-btn {
    left: 1.5rem;
    right: auto;
}
html[dir="ltr"] #close-modal-btn {
    right: 1.5rem;
    left: auto;
}