/* ==========================================================================
   Fleek Login / Logout Button
   ========================================================================== */

.fleek-login-logout {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}

/* Shared button base */
.fleek-login-logout__btn {
	display: inline-block;
	padding: 10px 24px;
	background-color: var( --e-global-color-primary );
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	border-radius: 6px;
	border: none;
	cursor: pointer;
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
	white-space: nowrap;
}

.fleek-login-logout__btn:hover,
.fleek-login-logout__btn:focus {
	background-color: var( --e-global-color-primary );;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
	outline: none;
}

.fleek-login-logout__btn:active {
	background-color: #4a9441;
	box-shadow: none;
}

/* Greeting text shown alongside the logout button */
.fleek-login-logout__greeting {
	font-size: 14px;
	color: inherit;
}

.fleek-login-logout__name {
	font-weight: 700;
}

/* ==========================================================================
   Course card — "Start Course" (not yet enrolled / no access)
   ========================================================================== */

.fleek-course--not-started {
	opacity: 0.5;
}

/* ==========================================================================
   Course page — hide meta on course archive
   ========================================================================== */
.post-type-archive-sfwd-courses .bb-course-meta {
  display: none;
}
.post-type-archive-sfwd-courses .animate-spin {
	animation: fleek-spin 1s linear infinite !important;
}

/* ==========================================================================
	 Animations
	 ========================================================================== */
@keyframes fleek-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}