/* Custom styles for Breezy Hill Motel */

/* Scroll indicator animation */
@keyframes scrollDown {
  0% { top: -100%; opacity: 0; }
  50% { opacity: 1; }
  100% { top: 200%; opacity: 0; }
}

/* Scroll reveal base — progressive enhancement */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.reveal.revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Reduced motion — don't animate if user prefers */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .room-card, .amenity-item, .attraction-item, .testimonial-card {
    transition: none;
  }
  .room-card:hover, .amenity-item:hover, .attraction-item:hover, .testimonial-card:hover {
    transform: none;
  }
  img:hover {
    transform: none;
  }
}

/* Navbar scroll state */
.nav-scrolled {
  background: rgba(45, 74, 28, 0.95) !important;
  backdrop-filter: blur(12px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Mobile menu transitions */
.mobile-menu-open {
  opacity: 1 !important;
  pointer-events: all !important;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #fdf9ed;
}
::-webkit-scrollbar-thumb {
  background: #b8d0aa;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #8fb575;
}

/* Selection color */
::selection {
  background: #b8d0aa;
  color: #1f3113;
}