/**
 * Animation d'apparition pour la navbar au scroll
 */

/* État par défaut - cachée sur le hero */
.hero-redesigned ~ .main-navigation,
#hero ~ .main-navigation {
  opacity: 0 !important;
  transform: translateY(-100%) !important;
  transition: opacity 0.4s ease, transform 0.4s ease !important;
  pointer-events: none !important;
}

/* État visible après le hero - avec animation */
.main-navigation.visible-navbar {
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

/* Animation fluide au scroll */
@keyframes navbarSlideDown {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}