/* AOS Fallback CSS - Override AOS default hiding */
/* This CSS ensures that if AOS doesn't initialize, content is still visible */

/* Override AOS default hiding - this is the key fix */
html:not(.no-js) [data-aos] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html:not(.no-js) [data-aos^=fade] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html:not(.no-js) [data-aos^=zoom] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Force all images to be visible */
img {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

.service-item {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

.testimonials.section {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

[data-aos] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Override any AOS hiding */
.aos-init {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Force specific service images */
.service-item .img img {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  display: block !important;
}

.testimonials-bg {
  opacity: 0.1 !important;
  visibility: visible !important;
  display: block !important;
}

/* Override AOS hiding for development */
@media screen {
  /* If AOS fails to initialize, show all content */
  html.no-js [data-aos],
  html.no-aos [data-aos] {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  
  /* Force visibility for images specifically - they should always be visible */
  .service-item .img img,
  .testimonials-bg {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  
  /* Force visibility for service items containers */
  .service-item {
    opacity: 1 !important;
    visibility: visible !important;
  }
  
  /* Force visibility for testimonials section */
  .testimonials.section {
    opacity: 1 !important;
    visibility: visible !important;
  }
  
  /* Development fallback - show content after 2 seconds if AOS doesn't work */
  [data-aos]:not(.aos-animate) {
    transition: opacity 0.3s ease-in-out;
  }
  
  /* Force visibility for critical content only when AOS fails */
  .services.section,
  .section-title {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* Debug mode - show all AOS elements */
.debug-mode [data-aos] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Emergency fallback - if everything else fails */
.emergency-show [data-aos] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}