/*
* Rundown Items Animation Fix
* Ensures rundown items are visible with working animations
* Author: GitHub Copilot
* Version: 2.0 - With Animations
*/

/* Default state - visible but prepare for animation */
.rundown-item {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    transform: translateY(30px) !important;
    transition: all 0.6s ease !important;
}

/* Animation trigger class - when item comes into view */
.rundown-item.animate-in {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Remove problematic animate-on-scroll class behavior */
.rundown-item.animate-on-scroll {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    transform: translateY(30px) !important;
    transition: all 0.6s ease !important;
}

/* When animate-on-scroll is triggered (by our custom script) */
.rundown-item.animate-on-scroll.animate-in {
    transform: translateY(0) !important;
}

/* Stagger animation delays for each item */
.rundown-item:nth-child(1) { transition-delay: 0.1s !important; }
.rundown-item:nth-child(2) { transition-delay: 0.2s !important; }
.rundown-item:nth-child(3) { transition-delay: 0.3s !important; }
.rundown-item:nth-child(4) { transition-delay: 0.4s !important; }
.rundown-item:nth-child(5) { transition-delay: 0.5s !important; }
.rundown-item:nth-child(6) { transition-delay: 0.6s !important; }
.rundown-item:nth-child(7) { transition-delay: 0.7s !important; }
.rundown-item:nth-child(8) { transition-delay: 0.8s !important; }

/* Ensure child elements are visible */
.rundown-item .rundown-content {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

.rundown-item .rundown-marker {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
}

.rundown-item .marker-circle {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    transform: scale(0.9) !important;
    transition: transform 0.3s ease !important;
}

/* Marker animation when item animates in */
.rundown-item.animate-in .marker-circle {
    transform: scale(1) !important;
}

/* Enhanced hover effect */
.rundown-item:hover {
    transform: translateY(-8px) scale(1.02) !important;
    box-shadow: 0 25px 50px rgba(0,0,0,0.15), 0 0 30px rgba(212,175,55,0.3) !important;
    transition: all 0.3s ease !important;
}

.rundown-item:hover .marker-circle {
    transform: scale(1.1) rotate(5deg) !important;
    box-shadow: 0 10px 25px rgba(212,175,55,0.4) !important;
}

/* Ensure timeline elements are visible */
.rundown-timeline {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

.timeline-line {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    transform: scaleY(0) !important;
    transform-origin: top !important;
    transition: transform 1s ease-out !important;
}

/* Timeline line animation */
.timeline-line.animate-in {
    transform: scaleY(1) !important;
}

.rundown-list {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Fallback class for JavaScript animation */
.rundown-item.rundown-animated {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    transform: translateY(0) !important;
}

/* Section title animation */
.rundown-section .section-title {
    opacity: 0 !important;
    transform: translateY(-20px) !important;
    transition: all 0.8s ease !important;
}

.rundown-section .section-title.animate-in {
    opacity: 1 !important;
    transform: translateY(0) !important;
}