/* Custom styles to supplement Tailwind */

@layer utilities {
    .text-shadow {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
}

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

/* Hide scrollbar for gallery but keep functionality */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Fade in animation for header */
.header-content {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

header:hover .header-content,
header.mobile-menu-open .header-content {
    opacity: 1;
}

/* Mobile menu transition */
#mobile-menu {
    transition: transform 0.3s ease-in-out;
}