/* Custom styles that extend Tailwind or require complex logic */
body {
    scroll-behavior: smooth;
}

/* Mobile menu transitions */
#mobile-menu-btn span {
    transition: all 0.3s ease-in-out;
}

#mobile-menu-btn.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

#mobile-menu-btn.active span:nth-child(2) {
    opacity: 0;
}

#mobile-menu-btn.active span:nth-child(3) {
    width: 100%;
    transform: rotate(-45deg) translate(5px, -5px);
}

/* Navbar Background on Scroll */
.nav-scrolled {
    background-color: rgba(250, 250, 250, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 1px 0 rgba(0,0,0,0.05);
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}