/* ==============================================
   GSAP SCROLLSMOOTHER STYLES
   ============================================== */

/* Wrapper necessário para o ScrollSmoother */
#smooth-wrapper {
  overflow: hidden;
}

#smooth-content {
  overflow: visible;
  width: 100%;
}

/* Otimizações de performance para scroll suave */
html {
  scroll-behavior: auto;
}

body {
  overflow-x: hidden;
}

/* Melhorar performance em elementos que usam transform */
.owl-carousel,
.navbar,
.back-to-top {
  will-change: transform;
}

/* Estilos específicos para elementos com data-speed (parallax) */
[data-speed] {
  will-change: transform;
}

/* Media query para desabilitar em mobile */
@media (max-width: 768px) {
  #smooth-wrapper,
  #smooth-content {
    overflow: visible;
  }

  html {
    scroll-behavior: smooth;
  }

  /* Remover will-change em mobile para economizar recursos */
  .owl-carousel,
  .navbar,
  .back-to-top,
  [data-speed] {
    will-change: auto;
  }
}

/* Estilos para elementos que podem ter problemas com o scroll suave */
.navbar-toggler,
.mobile-menu,
.feedback-modal {
  position: relative;
  z-index: 9999;
  right: 0;
  top: 10px;
}

/* Garantir que elementos fixos funcionem corretamente */
.navbar.fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  height: 80px;
}

/* Melhorar performance de animações */
.animate__animated {
  backface-visibility: hidden;
  perspective: 1000px;
}

/* Otimização para carrosséis */
.owl-carousel .owl-item {
  backface-visibility: hidden;
}

/* Loading states durante inicialização do ScrollSmoother */
.scroll-smoother-loading {
  overflow: hidden;
}

.scroll-smoother-loading body {
  overflow: hidden;
}