/**
 * index.php hero — light band; nav matches light header.
 */

@keyframes home-hero-float {
  0%,
  100% {
    transform: translateY(-0.4rem);
  }
  50% {
    transform: translateY(-1rem);
  }
}

body.home-index .hero-img-float {
  animation: home-hero-float 4s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  body.home-index .hero-img-float {
    animation: none;
  }
}

body.home-index .navbar.navbar--hero {
  position: relative;
  z-index: 20;
  background: #ffffff !important;
  box-shadow: none !important;
  border-bottom: 1px solid #e2e8f0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.home-index .navbar.navbar--hero .nav-links a {
  color: #475569 !important;
  font-weight: 500;
  font-size: 0.9375rem;
}

body.home-index .navbar.navbar--hero .nav-links a:hover,
body.home-index .navbar.navbar--hero .nav-links a:focus,
body.home-index .navbar.navbar--hero .nav-links a:active {
  color: #0f172a !important;
}

body.home-index .navbar.navbar--hero .nav-links .logout {
  color: #b91c1c !important;
}

body.home-index .navbar.navbar--hero .nav-links .logout:hover {
  color: #991b1b !important;
}

body.home-index .navbar.navbar--hero .logo img {
  filter: none !important;
  opacity: 1;
}