/* Custom styles that extend Tailwind or handle specific layout needs */

/* Smooth transition for navbar background */
nav.scrolled {
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* Hide scrollbar for clean look but keep functionality */
body {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
body::-webkit-scrollbar {
    display: none;
}

/* Mobile menu transitions */
#mobile-menu {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
#mobile-menu.open {
    opacity: 1;
    visibility: visible;
}

/* Animation delays for staggered reveals */
.reveal:nth-child(1) { transition-delay: 0.1s; }
.reveal:nth-child(2) { transition-delay: 0.2s; }
.reveal:nth-child(3) { transition-delay: 0.3s; }