/* enroll-button — price line + pricing-notes + CTA on the program detail
   page. One wrapper, five states. Inner hooks: .program-status-badge,
   .price, .pricing-notes, [data-action='featured']. See the component
   file for the full list and what each state contains. */

.enroll-button {

	/* shared bits — apply to every state unless overridden */

	.price {
		/* headline price line ("$X/month", "Free", …) */
	}

	.pricing-notes {
		margin-top: 1.2em;
	}

	.program-status-badge {
		/* the small flag rendered for non-open programs */
	}

	/* ---- per-state overrides ---- */

	&.is-enrolled {
		/* visitor is already enrolled — Enrolled label + dashboard link */
	}

	&.is-blocked {
		/* coming-soon / closed / full / archived — badge + message */
	}

	&.is-stealth {
		/* hidden program — badge + admin-only note */
	}

	&.is-unconfigured {
		/* access_type not set — generic "not configured" message */
	}

	&.is-available {
		/* open or beta — price + pricing-notes + CTA */
	}

	.actions {
		margin-top: 2em;
	}
}