/* Portfolio and Clients Scroll Improvements */

/* Remove white box container from portfolio scroll */
.portfolio-scroll::before,
.portfolio-scroll::after {
    display: none !important;
}

/* Slow down portfolio animation */
.portfolio-track {
    animation: scroll-left 90s linear infinite !important;
}

/* Slow down clients animation */
.clients-track {
    animation: clientsScroll 120s linear infinite !important;
}

/* Ensure portfolio scroll has no background */
.portfolio-scroll {
    background: transparent !important;
}

/* Make sure navigation buttons are visible */
.portfolio-nav {
    background: #000000 !important;
    color: #ffffff !important;
}

.portfolio-nav svg {
    stroke: #ffffff !important;
}

.clients-nav {
    background: rgba(255, 255, 255, 0.95) !important;
}

/* When manually navigating, stop the auto-scroll animation */
.clients-track.manual {
    animation: none !important;
}

.portfolio-track.manual {
    animation: none !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    /* Slower animations on mobile */
    .portfolio-track {
        animation: scroll-left 75s linear infinite !important;
    }
    
    .clients-track {
        animation: clientsScroll 100s linear infinite !important;
    }
    
    .clients-track.manual {
        animation: none !important;
    }
    
    .portfolio-track.manual {
        animation: none !important;
    }
}