/* Custom styles to supplement Tailwind CSS */

/* Smooth scroll behavior for anchor links */
html {
    scroll-behavior: smooth;
}

/* Enhancing Tailwind's selection utility */
::selection {
    background-color: #007BFF;
    color: white;
}

/* Custom micro-animations for the timeline in the itinerary */
.is-active:hover > div:first-child {
    transform: scale(1.1);
    transition: transform 0.3s ease-in-out;
}

.is-active > div:first-child {
    transition: transform 0.3s ease-in-out;
}

/* Subtle pulse for countdown numbers */
#countdown span.countdown-days,
#countdown span.countdown-hours,
#countdown span.countdown-minutes,
#countdown span.countdown-seconds {
    font-variant-numeric: tabular-nums;
}

/* Hero section gradient overlay animation */
@keyframes softPulse {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 0.7; }
}

#hero .bg-blue-100 {
    animation: softPulse 4s ease-in-out infinite;
}