/* Burger Menu Animation */
#menu-btn {
  position: relative;
  z-index: 100;
}

#menu-btn .line {
  transition: all 0.3s ease-in-out;
  transform-origin: center;
}

/* Active state - transform to X */
#menu-btn.active .line1 {
  transform: rotate(45deg) translateY(8px);
}

#menu-btn.active .line2 {
  opacity: 0;
}

#menu-btn.active .line3 {
  transform: rotate(-45deg) translateY(-8px);
}

/* Hover effect */
#menu-btn:hover .line {
  background-color: #3b52a8; /* Darker blue on hover */
}

/* Hidden Menu Dropdown */
.hidden-menu-wrapper {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s;
  top: calc(100% + 10px);
}

.hidden-menu-wrapper.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Image Zoom Hover Effect */
.image-zoom-wrapper {
  overflow: hidden;
}

.image-zoom-wrapper img {
  transition: transform 0.4s ease-in-out;
  display: block;
  width: 100%;
}

.image-zoom-wrapper:hover img {
  transform: scale(1.1);
}