/* Performance Optimizations */

/* Add font-display: swap to all fonts for better performance */
@font-face {
  font-display: swap;
}

/* Optimize Font Awesome loading */
.fa, .fab, .fal, .far, .fas, .fat, .fad {
  font-display: swap !important;
}

/* Reduce layout shift by setting minimum heights for images */
img {
  height: auto;
}

/* Optimize animations on mobile - reduce motion for better performance */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Optimize WOW.js animations for mobile */
@media (max-width: 768px) {
  .wow {
    animation-duration: 0.5s !important;
  }
}

/* Critical CSS - above the fold content */
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Lazy load images - add loading skeleton */
img[loading="lazy"] {
  background: #f0f0f0;
}

/* Active menu item styling */
.header__main .main-menu ul li a.active {
  color: var(--primary-color) !important;
}

.header__main .main-menu ul li .sub-menu li a.active {
  color: var(--primary-color) !important;
}