/**
 * بهینه‌سازی عملکرد برای موبایل
 */

/* شتاب‌دهی سخت‌افزاری برای انیمیشن‌ها */
.hardware-accelerated {
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
}

/* کاهش انیمیشن‌ها در موبایل */
@media (max-width: 768px) {
  .reduce-motion * {
    transition-duration: 0.1s !important;
    animation-duration: 0.1s !important;
  }

  .reduce-motion .disable-animation {
    transition: none !important;
    animation: none !important;
  }
}

/* بهینه‌سازی فونت‌ها */
@media (max-width: 768px) {
  body {
    text-rendering: optimizeSpeed;
  }
}

/* بهینه‌سازی تصاویر lazy-loaded */
.lazy-image {
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

.lazy-image.loaded {
  opacity: 1;
}

/* بهبود عملکرد اسکرول */
.smooth-scroll {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

/* بهینه‌سازی برای صفحه‌نمایش‌های با تراکم پیکسل بالا */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .optimize-retina {
    image-rendering: -webkit-optimize-contrast;
  }
}

/* تنظیم ارتفاع viewport برای iOS */
.mobile-view {
  height: calc(var(--vh, 1vh) * 100);
}

/* بهینه‌سازی برای حالت landscape */
@media (orientation: landscape) and (max-width: 900px) {
  .accordion {
    height: 80vh;
  }

  #videos .video-card {
    height: 80vh;
  }
}