/* Hide all variants by default */
.hg-ab-test .hg-ab-variant:not(.hg-ab-active) {
	display: none;
}

/* Loading state with spinner */
.hg-ab-test.hg-ab-loading {
	min-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hg-ab-test.hg-ab-loading::after {
	content: "";
	width: 24px;
	height: 24px;
	border: 3px solid rgba(255, 107, 0, 0.2);
	border-top-color: #ff6b00;
	border-radius: 50%;
	animation: hg-ab-spin 0.8s linear infinite;
}

@keyframes hg-ab-spin {
	to {
		transform: rotate(360deg);
	}
}

/* Fallback for no-JS: show variant A */
.no-js .hg-ab-test .hg-ab-variant[data-variant="a"] {
	display: block !important;
}