/**
 * WooCommerce Course Purchase Styles - Techtronic Theme
 *
 * Course purchase/enrollment button states and WooCommerce CTA helpers used on course contexts.
 * Split from the former monolithic assets/css/woocommerce.css.
 *
 * @package Techtronic_Theme
 * @since 1.1.1
 */

/* ============================================
   ENROLLMENT BUTTON LOADING STATES
   ============================================ */

.enroll-now-btn.is-loading,
.add_to_cart_button.is-loading {
	position: relative;
	color: transparent !important;
	pointer-events: none;
	min-width: 120px; /* Prevent button size collapse */
}

.enroll-now-btn.is-loading::after,
.add_to_cart_button.is-loading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: techtronic-spin 0.8s linear infinite;
}

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