/* =========================================
   Custom CSS Additions for Laxmi Vilas Stay
========================================= */

/* Scrollbar Customization */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #2C1E16; 
}

::-webkit-scrollbar-thumb {
  background: #C9A84C; 
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #B6953C; 
}

/* Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-up {
  animation: fadeInUp 1s ease-out forwards;
}

/* Scroll Reveal Classes */
.reveal-up, .reveal-left, .reveal-right {
  opacity: 0;
  transition: all 0.8s ease-out;
}

.reveal-up {
  transform: translateY(50px);
}

.reveal-left {
  transform: translateX(-50px);
}

.reveal-right {
  transform: translateX(50px);
}

.reveal-up.active, .reveal-left.active, .reveal-right.active {
  opacity: 1;
  transform: translate(0, 0);
}

/* Smooth Navbar Transition */
#navbar {
  transition: background-color 0.3s ease, padding 0.3s ease, box-shadow 0.3s ease;
}

#navbar.scrolled {
  background-color: rgba(44, 30, 22, 0.95);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

#navbar:not(.scrolled) {
  background-color: transparent;
  box-shadow: none;
}