/* محسن الأداء - تحسين التمرير والعرض */

/* تحسين أداء التمرير */
* {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

/* إيقاف الرسوم المتحركة أثناء التمرير */
.is-scrolling * {
    animation-play-state: paused !important;
    transition: none !important;
}

.is-scrolling .slick-slider {
    animation-play-state: paused !important;
}

/* تحسين أداء الرسوم المتحركة */
.animate-on-scroll,
.fade-in,
.slide-in {
    will-change: transform, opacity;
}

/* تحسين أداء العناصر الثابتة */
.sticky,
.fixed {
    will-change: transform;
    transform: translateZ(0);
}

/* تحسين أداء الصور */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* تحسين أداء القوائم */
.slick-slider {
    will-change: transform;
}

.slick-slide {
    transform: translateZ(0);
}

/* تحسين أداء الأزرار */
.button,
.btn {
    transform: translateZ(0);
    will-change: transform;
}

/* تحسين أداء النماذج */
form {
    will-change: transform;
}

/* تحسين أداء القوائم */
ul, ol {
    will-change: transform;
}

/* تحسين أداء الجداول */
table {
    will-change: transform;
}

/* تحسين أداء العناصر المتحركة */
.animate,
.transition {
    will-change: transform, opacity;
}

/* تحسين أداء العناصر الثابتة */
.sticky-atc-btn {
    transform: translateZ(0);
    will-change: transform, opacity;
}

/* تحسين أداء القوائم المنسدلة */
.dropdown-menu {
    will-change: transform, opacity;
}

/* تحسين أداء النوافذ المنبثقة */
.modal,
.popup {
    will-change: transform, opacity;
}

/* تحسين أداء السلايدرز */
.slider,
.carousel {
    will-change: transform;
}

/* تحسين أداء العناصر المعلقة */
.tooltip {
    will-change: transform, opacity;
}

/* تحسين أداء العناصر المنسدلة */
.accordion {
    will-change: transform, height;
}

/* تحسين أداء العناصر المتحركة */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slideIn {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}

/* تحسين أداء التمرير للهواتف */
@media (max-width: 768px) {
    * {
        -webkit-overflow-scrolling: touch;
    }
    
    .is-scrolling * {
        animation-play-state: paused !important;
        transition: none !important;
    }
}

/* تحسين أداء التمرير للتابلت */
@media (min-width: 769px) and (max-width: 1024px) {
    .is-scrolling * {
        animation-play-state: paused !important;
    }
}