/**
 * Scroll Color Change Styles
 * Works with existing Elementor widgets
 */

/* Smooth transitions for scroll color elements */
.scc-element {
    transition: color 500ms ease, background-color 500ms ease;
}

.scc-element.scc-scrolled {
    /* Additional styles when scrolled can be added here */
}

/* Ensure smooth transitions for child elements in containers */
.scc-element[data-scc-scrolled-bg] * {
    transition: color 500ms ease;
}

/* Performance optimization */
.scc-element {
    will-change: color, background-color;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .scc-element {
        transition-duration: 400ms;
    }
}