/* Custom styles for A Barber Named Chris */

/* Scroll indicator animation */
@keyframes scrollIndicator {
    0% { transform: translateY(-100%); opacity: 0; }
    50% { opacity: 1; }
    100% { transform: translateY(400%); opacity: 0; }
}

.animate-scroll-indicator {
    animation: scrollIndicator 1.5s ease-in-out infinite;
}

/* Mobile link styles */
.mobile-link {
    display: block;
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.mobile-link:last-child {
    border-bottom: none;
}

/* Navbar scrolled state */
.navbar-scrolled {
    background: rgba(6, 13, 31, 0.95) !important;
    backdrop-filter: blur(20px);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    .reveal-up,
    .reveal-left,
    .reveal-right,
    .line-grow,
    .img-zoom img {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    
    .animate-scroll-indicator {
        animation: none;
    }
}

/* Selection color */
::selection {
    background: rgba(44, 159, 107, 0.3);
    color: #ffffff;
}