/**
 * Scroll Fade Letters Styles
 */

/* Base container styles */
.gig-scroll-fade-container {
    position: relative;
    box-sizing: border-box;
}

.gig-scroll-fade-container *,
.gig-scroll-fade-container *::before,
.gig-scroll-fade-container *::after {
    box-sizing: border-box;
}

/* Default scroll fade letters element */
.scroll-fade-letters {
    position: relative;
    overflow: visible;
}

/* Ensure split text words maintain proper spacing */
.scroll-fade-letters .split-text-ready {
    overflow: visible;
}

/* Style for split words - preserve word spacing */
.scroll-fade-letters .split-text-ready > div {
    display: inline-block;
    position: relative;
    margin-right: 0.25em; /* Preserve word spacing */
}

.scroll-fade-letters .split-text-ready > div:last-child {
    margin-right: 0;
}

/* Prevent text selection during animation */
.scroll-fade-letters.split-text-ready {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Re-enable text selection after animation completes */
.scroll-fade-letters.animation-complete {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/* Breakdance specific overrides */
.breakdance .gig-scroll-fade-container {
    margin: 0;
    padding: 0;
}

.breakdance .scroll-fade-letters {
    margin: 0;
    padding: 0;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .scroll-fade-letters .split-text-ready > div {
        margin-right: 0.2em; /* Slightly tighter spacing on mobile */
    }
}

/* Accessibility: Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
    .scroll-fade-letters .split-text-ready > div {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }
}

/* Print styles - ensure text is visible when printed */
@media print {
    .scroll-fade-letters .split-text-ready > div {
        opacity: 1 !important;
        transform: none !important;
    }
}