/**
 * Travel Theme — keyframes and scroll / hover utilities
 */

@keyframes fadeSlideUp {
	from {
		opacity: 0;
		transform: translate3d(0, 32px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes pulse {
	0%,
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(201, 168, 76, 0.35);
	}
	50% {
		transform: scale(1.02);
		box-shadow: 0 0 0 6px rgba(201, 168, 76, 0.15);
	}
}

@keyframes shimmer {
	0% {
		background-position: -200% 0;
	}
	100% {
		background-position: 200% 0;
	}
}

@keyframes float {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}
	50% {
		transform: translate3d(0, -8px, 0);
	}
}

@keyframes gradientShift {
	0%,
	100% {
		background: linear-gradient(120deg, #0a0e1a, #0d1f3c, #0a0e1a);
	}
	50% {
		background: linear-gradient(120deg, #0d1f3c, #0a0e1a, #0d1f3c);
	}
}

.animate-on-scroll {
	opacity: 0;
	transform: translate3d(0, 32px, 0);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.animate-on-scroll.visible {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.delay-1 {
	transition-delay: 0.1s;
}
.delay-2 {
	transition-delay: 0.2s;
}
.delay-3 {
	transition-delay: 0.3s;
}
.delay-4 {
	transition-delay: 0.4s;
}
.delay-5 {
	transition-delay: 0.5s;
}
.delay-6 {
	transition-delay: 0.6s;
}

.hover-lift {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-lift:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(10, 14, 26, 0.18);
}

.hover-glow {
	transition: box-shadow 0.3s ease, transform 0.2s ease;
}
.hover-glow:hover {
	box-shadow: 0 0 20px rgba(201, 168, 76, 0.45);
}