/* 
 * Animation Fallback CSS
 * Para navegadores que não suportam MutationObserver ou animações avançadas
 */

/* Fallback básico para elementos WOW.js */
.wow {
  opacity: 1 !important;
  transform: none !important;
  transition: all 0.3s ease !important;
}

/* Animações simplificadas para navegadores antigos */
.wow.fadeInUp,
.wow.fadeInDown,
.wow.fadeInLeft,
.wow.fadeInRight,
.wow.fadeIn {
  animation: simpleFadeIn 0.8s ease-out forwards !important;
}

.wow.slideInUp,
.wow.slideInDown,
.wow.slideInLeft,
.wow.slideInRight {
  animation: simpleSlideIn 0.8s ease-out forwards !important;
}

.wow.bounceIn,
.wow.bounceInUp,
.wow.bounceInDown {
  animation: simpleBounce 0.8s ease-out forwards !important;
}

/* Keyframes simplificados */
@keyframes simpleFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes simpleSlideIn {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes simpleBounce {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Para navegadores muito antigos sem suporte a animações */
@media (prefers-reduced-motion: reduce),
       screen and (-ms-high-contrast: active),
       screen and (-ms-high-contrast: none) {
  .wow,
  .animated {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Fallback para Internet Explorer e navegadores antigos */
.ie .wow,
.no-js .wow,
.old-browser .wow,
.no-mutation-observer .wow,
.no-animations .wow {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: opacity 0.3s ease !important;
}

/* Elementos específicos que podem causar problemas */
.calendar-container .wow,
.reservation-form .wow,
.dynamic-content .wow {
  opacity: 1 !important;
  animation-delay: 0s !important;
  animation-duration: 0.3s !important;
}

/* Estados de carregamento para conteúdo dinâmico */
.loading .wow {
  opacity: 0.7;
  pointer-events: none;
}

.loaded .wow {
  opacity: 1;
  pointer-events: auto;
}