/* Custom styles supplementing Tailwind */

/* Nav transitions */
.nav-text { color: rgba(255,255,255,0.85); transition: color 0.3s ease; }
.nav-wave { stroke: rgba(255,255,255,0.7); transition: stroke 0.3s ease; }
.nav-wave2 { stroke: rgba(255,255,255,0.4); transition: stroke 0.3s ease; }
.nav-link { color: rgba(255,255,255,0.7); transition: color 0.2s ease; }
.nav-link:hover { color: #ffffff; }

body.scrolled .nav-text { color: #1F2937; }
body.scrolled .nav-wave { stroke: #1F2937; }
body.scrolled .nav-wave2 { stroke: rgba(31,41,55,0.4); }
body.scrolled .nav-link { color: #4B5563; }
body.scrolled .nav-link:hover { color: #1F2937; }
body.scrolled .menu-line { background: #1F2937; }

/* Footer icons */
.footer-wave { stroke: #1F2937; }
.footer-wave2 { stroke: #1F2937; }

/* Scrollbar hide for gallery */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Mobile menu transitions */
.mobile-link { color: rgba(255,255,255,0.8); transition: color 0.2s ease; }
.mobile-link:hover { color: #FF6B4F; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
    html { scroll-behavior: auto; }
    .group:hover img, .group:focus-within img { transform: none; }
}