.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000; /* Ensures it stays on top of everything */
}

/* Mobile menu styles */
.mobile-menu {
  transition: all 0.3s ease-in-out;
  transform: translateY(-100%);
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.mobile-menu.open {
  transform: translateY(0);
  opacity: 1;
  height: auto;
}
.hamburger-line {
  transition: all 0.3s ease;
}

/* Dropdown styles */
.dropdown-menu {
  transition: all 0.2s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
}
.dropdown.active .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Desktop hover behavior (only for large screens) */
@media (min-width: 1024px) {
  .dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

.carousel {
  scroll-snap-type: x mandatory;
}
.carousel-slide {
  scroll-snap-align: start;
}
.carousel-container {
  scrollbar-width: none;
}
.carousel-container::-webkit-scrollbar {
  display: none;
}

.hero-bg {
    background: linear-gradient(
      rgba(0, 0, 0, 0.5),
      url("https://images.unsplash.com/photo-1581852057101-dc5a7c5de5fa?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1200&q=80")
    );
    background-size: cover;
    background-position: center;
  }
  .puja-icon {
    background-color: #f59e0b;
  }

  .carousel-container {
    scrollbar-width: none; /* Firefox */
  }
  .carousel-container::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
  }