/**
 * Scroll Tabs Styles
 */

/* Section styling during scroll lock */
.scroll-tabs {
	position: relative;
}

/* Skip button animations */
.scroll-tabs-skip {
	animation: fadeInUp 0.3s ease;
}

.scroll-tabs-skip:hover {
	background: #555 !important;
	transform: scale(1.05) !important;
}

.scroll-tabs-skip:active {
	transform: scale(0.98) !important;
}

.scroll-tabs-skip svg {
	animation: bounceDown 1.5s infinite;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes bounceDown {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(5px);
	}
	60% {
		transform: translateY(3px);
	}
}

/* Progress bar */
.scroll-tabs-progress {
	animation: fadeIn 0.3s ease;
}

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

/* Tab transition effects */
.scroll-tabs .e-n-tabs-content > *,
.scroll-tabs .elementor-tab-content,
.scroll-tabs .tab-pane,
.scroll-tabs [role="tabpanel"] {
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.scroll-tabs .e-n-tabs-content > *.e-active,
.scroll-tabs .elementor-tab-content.elementor-active,
.scroll-tabs .tab-pane.active,
.scroll-tabs [role="tabpanel"].active {
	animation: tabFadeIn 0.4s ease;
}

@keyframes tabFadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Mobile adjustments */
@media (max-width: 768px) {
	.scroll-tabs-skip {
		bottom: 20px !important;
		right: 20px !important;
		padding: 10px 20px !important;
		font-size: 13px !important;
	}
}