/* Mobile Performance Optimization CSS */

/* Disable animations on mobile devices */
@media (max-width: 768px) {
  /* General animation disable */
  * {
    animation-duration: 0s !important;
    transition-duration: 0s !important;
  }

  /* EXCEPT: Keep animations for user-cursor, menu, and technologies elements */
  .user-cursor,
  .user-cursor *,
  #uc-menu-panel,
  #uc-menu-panel *,
  [data-uc-offcanvas],
  [data-uc-offcanvas] *,
  #our_technologies,
  #our_technologies *,
  .technologies,
  .technologies * {
    animation-duration: inherit !important;
    transition-duration: inherit !important;
  }

  /* Disable blur effects */
  [style*="blur"],
  .blur-10 {
    filter: blur(0px) !important;
  }

  /* Disable anime.js animations except for user-cursor, menu, and technologies */
  [data-anime]:not(:has(.user-cursor)):not(#uc-menu-panel):not([data-uc-offcanvas]):not(#our_technologies):not(.technologies) {
    animation: none !important;
  }

  /* Disable gsap animations */
  [data-gsap] {
    animation: none !important;
  }

  /* Optimize gradient backgrounds */
  [style*="gradient"] {
    background-size: auto !important;
  }

  /* Reduce shadow effects on mobile */
  [style*="box-shadow"] {
    box-shadow: none !important;
  }

  /* Disable complex transitions */
  .uc-transition-scale-up,
  .uc-transition-opaque,
  .uc-transition-toggle {
    transition: none !important;
  }

  /* Optimize images */
  img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  /* Disable will-change on mobile */
  [style*="will-change"] {
    will-change: auto !important;
  }

  /* Reduce transform effects except for user-cursor, menu, and technologies */
  [style*="translate"]:not(.user-cursor):not(#uc-menu-panel):not([data-uc-offcanvas]):not(#our_technologies):not(.technologies),
  [style*="scale"]:not(.user-cursor):not(#uc-menu-panel):not([data-uc-offcanvas]):not(#our_technologies):not(.technologies),
  [style*="rotate"]:not(.user-cursor):not(#uc-menu-panel):not([data-uc-offcanvas]):not(#our_technologies):not(.technologies) {
    transform: none !important;
  }
}

/* Tablet optimization (768px to 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  /* Reduce animation duration on tablets */
  [data-anime] {
    animation-duration: 300ms !important;
  }

  /* Optimize blur for tablets */
  .blur-10 {
    filter: blur(5px) !important;
  }
}

/* Desktop - keep original animations (1025px and up) */
@media (min-width: 1025px) {
  /* Desktop gets full animations */
}