/**
 * Post Timeline Fix CSS
 *
 * Additional styles for post timeline modules with disabled looping
 * Version: 1.0.4
 */

/* Hide any remaining cloned slides */
.no-loop-post-timeline .slick-cloned {
    display: none !important;
}

/* Ensure proper navigation arrows visibility at start and end of slider */
.no-loop-post-timeline .slick-slider.slick-initialized .slick-prev {
    opacity: 0.25;
    pointer-events: none;
}

.no-loop-post-timeline .slick-slider.slick-initialized .slick-track .slick-slide:first-child.slick-active ~ .slick-slide ~ .slick-slide ~ .slick-slide ~ .slick-slide .slick-next,
.no-loop-post-timeline .slick-slider.slick-initialized .slick-track .slick-slide:first-child.slick-active ~ .slick-slide ~ .slick-slide ~ .slick-slide:last-child .slick-next {
    opacity: 0.25;
    pointer-events: none;
}

/* Ensure slide items have consistent styling */
.no-loop-post-timeline .pp-post-timeline-item {
    transition: opacity 0.3s ease;
}

/* Fix slide appearance at start and end of slider */
.no-loop-post-timeline .slick-slide {
    transition: transform 0.3s ease;
}

/* Handle container width to prevent horizontal scrolling on page */
.no-loop-post-timeline {
    overflow-x: hidden;
}