/* Custom styles for VIP Beauty Supply */

/* Smooth scrolling for anchor links */
html {
  scroll-behavior: smooth;
}

/* Selection color */
::selection {
  background: #f05a2e;
  color: #ffffff;
}

/* Subtle image hover zoom */
img {
  transition: transform 0.5s ease;
}

/* Navbar scroll state */
.nav-scrolled {
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
}

/* Mobile menu animation */
#mobile-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#mobile-menu.open {
  max-height: 420px;
}

/* Hamburger animation */
#bar1.open {
  transform: translateY(5px) rotate(45deg);
}
#bar2.open {
  opacity: 0;
}
#bar3.open {
  transform: translateY(-5px) rotate(-45deg);
  width: 1.5rem;
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .reveal {
    opacity: 1 !important;
    transform: none !important;
  }
  .nav-link::after,
  .group,
  a {
    transition: none;
  }
}