/*
 * Glacier Wizard Styles
 * Conversion wizard component styles for Quote and Order modules
 */

/* WIZARD STEPS */
/* Step Navigation */
.wizard-steps .step.active .step-icon {
	box-shadow: 0 0 0 4px #b6d4fe;
	background: #0d6efd !important;
	color: #fff !important;
}

.wizard-steps .step.active .step-label {
	color: #0d6efd !important;
}

.wizard-steps .step:not(.active):hover .step-icon {
	box-shadow: 0 0 0 4px #e8e8e8;
	background: #f8f9fa !important;
	color: #0d6efd !important;
	transition: box-shadow 0.2s, background 0.2s, color 0.2s;
}

.wizard-steps .step .step-label {
	margin-top: 14px;
	font-weight: 600; /* fw-semibold */
	transition: color 0.2s;
}

.wizard-steps .step:not(.active):hover .step-label {
	color: #0d6efd !important;
	text-decoration: none;
}

/* Rocket Animation */
@keyframes rocket-float {
	0%, 100% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-8px);
	}
}

.wizard-rocket-animate {
	animation: rocket-float 4s ease-in-out infinite;
	display: inline-block;
}

.wizard-rocket-animate svg {
	transition: all 0.6s ease;
}

.wizard-rocket-animate:hover svg {
	filter: brightness(1.2) sepia(1) saturate(4) hue-rotate(-20deg);
}

@media (prefers-reduced-motion: reduce) {
	.wizard-rocket-animate {
		animation: none;
	}
}