/* Performance optimizations for Koyamadai theme */

/* Optimize rendering for glassmorphism elements */
:where(.glass-panel) {
  will-change: auto;
  contain: layout style;
}

/* Optimize parallax elements */
:where(.parallax-element) {
  will-change: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  perspective: 1000px;
}

/* Only change will-change when actually animating */
:where(.parallax-element.is-animating) {
  will-change: transform;
}

/* Optimize hero slider performance */
:where(.hero-slider__track) {
  will-change: auto;
  backface-visibility: hidden;
}

:where(.hero-slider__track.is-animating) {
  will-change: transform;
}

/* Reduce paint areas for decorative elements */
:where(.bg-decoration) {
  contain: layout style paint;
  will-change: auto;
}

/* Optimize image rendering */
:where(img) {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* Smooth scrolling with GPU acceleration */
:where(html) {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

/* Optimize font rendering */
:where(body) {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Reduce repaints for hover effects */
.p-home-features__item,
.p-home-services__item,
.p-home-partner__badge {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Optimize animations */
@media (prefers-reduced-motion: no-preference) {
  .fade-in-up,
  .float-animation {
    will-change: transform, opacity;
  }
  
  .fade-in-up.is-visible,
  .float-animation.is-done {
    will-change: auto;
  }
}


/* High contrast mode support */
@media (prefers-contrast: high) {
  :where(.glass-panel) {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 2px solid var(--wp--preset--color--text) !important;
  }
}

/* Dark mode preparation (if needed in future) */
@media (prefers-color-scheme: dark) {
  /* Ready for dark mode implementation */
}