/**
 * Infinite Scroll Text Section Styles
 * Synergy Health Theme
 */

/* ========================================
   INFINITE SCROLL SECTION
   ======================================== */

.infinite-scroll-section {
    width: 100%;
    overflow: hidden;
    padding: 24px 0;
}

.infinite-scroll-wrapper {
    width: 100%;
    position: relative;
}

.infinite-scroll-content {
    display: flex;
    white-space: nowrap;
    animation: scroll-left 15s linear infinite;
}

.scroll-text {
    display: inline-block;
    padding-right: 100px;
    font-family: var(--font-heading);
    font-size: 28px;
    font-weight: 400;
    color: var(--teal);
    letter-spacing: 0.5px;
}

/* Duplicate for seamless loop */
.scroll-text:last-child {
    padding-left: 100px;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Pause on hover */
.infinite-scroll-content:hover {
    animation-play-state: paused;
}

/* ========================================
   RESPONSIVE STYLES
   ======================================== */

/* Tablet */
@media (max-width: 768px) {
    .scroll-text {
        font-size: 16px;
        padding-right: 60px;
    }
    
    .scroll-text:last-child {
        padding-left: 60px;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .infinite-scroll-section {
        padding: 20px 0;
    }
    
    .scroll-text {
        font-size: 14px;
        padding-right: 40px;
    }
    
    .scroll-text:last-child {
        padding-left: 40px;
    }
    
    .infinite-scroll-content {
        animation-duration: 40s;
    }
}

/* Accessibility - Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .infinite-scroll-content {
        animation: none;
    }
    
    .scroll-text:last-child {
        display: none;
    }
}