/**
 * Smooth Scroll Enhancements for Sonic Child Theme
 * Content-focused smooth scrolling styles
 */

/* Performance optimizations for content areas */
.hero,
.contentArea-about,
.contentArea-shows,
.scrolling-text-strip {
    will-change: transform;
}

/* Smooth anchor link highlighting */
a[href^="#"]:hover {
    transition: color 0.2s ease;
}

/* Content scroll animations */
.scroll-animate {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.scroll-animate.in-view {
    opacity: 1;
    transform: translateY(0);
}

/* Enhanced content reveals */
.contentArea-about,
.contentArea-shows {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.contentArea-about.in-view,
.contentArea-shows.in-view {
    opacity: 1;
    transform: translateY(0);
}

/* Mobile touch scroll optimizations */
@media (max-width: 768px) {
    body {
        -webkit-overflow-scrolling: touch;
    }
    
    /* Prevent horizontal scroll on mobile */
    .hero-content,
    .scrolling-content {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

/* Better focus styles for keyboard navigation */
a:focus-visible {
    outline: 2px solid var(--peach);
    outline-offset: 2px;
    border-radius: 2px;
}

/* Prevent content shift during scroll */
body:not(.smooth-scroll-ready) {
    overflow-x: hidden;
}

/* Optimize scrolling text strip performance */
.scrolling-text-strip {
    transform: translateZ(0); /* Force hardware acceleration */
}

.scrolling-content {
    transform: translateZ(0); /* Force hardware acceleration */
}