/* Research Timeline CSS */

/* Timeline styles */
.timeline-item {
    transition: all 0.3s ease;
}

.timeline-item:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* Card hover effects */
.hover-bg-light {
    transition: all 0.3s ease !important;
}

.hover-bg-light:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* Tab transitions */
.tab-pane {
    transition: opacity 0.3s ease;
}

/* Progress bar animations */
.progress-bar {
    transition: width 1.5s ease;
}

/* Timeline circle pulse effect */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(13, 110, 253, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0);
    }
}

#weekly-content .rounded-circle {
    animation: pulse 2s infinite;
}

/* Badge highlighting */
.badge.bg-danger {
    animation: highlight 2s infinite alternate;
}

@keyframes highlight {
    from {
        opacity: 0.8;
    }
    to {
        opacity: 1;
        box-shadow: 0 0 5px rgba(220, 53, 69, 0.5);
    }
}

/* Add animate.css classes */
.animate__fadeIn {
    animation-duration: 1s;
}

.animate__fadeInRight {
    animation-duration: 0.8s;
}