/*
 * Compiled stylesheet: activities_activitydetails.css
 * Shared by views:
 *   - app/Views/front/activities/activitydetails.php
 */

/* Hide default scrollbar for cleaner look (optional) */
.scrollbar-thin::-webkit-scrollbar {
    height: 4px;
}
.scrollbar-thin::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
    background: #B76E2E;
    border-radius: 10px;
}

/* Animation for infinite scroll right to left */
@keyframes scrollRightToLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.animate-scroll-right-to-left {
    animation: scrollRightToLeft 40s linear infinite;
}

/* Pause animation on hover */
#similarActivitiesTrack:hover {
    animation-play-state: paused;
}

/* Card styling */
.activity-scroll-card {
    width: 280px;
    flex-shrink: 0;
}
@media (min-width: 768px) {
    .activity-scroll-card {
        width: 320px;
    }
}