/* =========================================================================
 * Enrollment-code field (inside the enrol / purchase form)
 * ====================================================================== */

.lp-code-gate-field {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 12px 0;
	text-align: left;
}

.lp-code-gate-field__label {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
}

.lp-code-gate-field__input {
	width: 100%;
	max-width: 320px;
	padding: 10px 12px;
	border: 1px solid rgba( 0, 0, 0, 0.2 );
	border-radius: 4px;
	font-size: 14px;
	letter-spacing: 0.04em;
	background: #fff;
	color: inherit;
}

.lp-code-gate-field__input:focus {
	outline: none;
	border-color: currentColor;
	box-shadow: 0 0 0 1px currentColor;
}

.lp-code-gate-field__input[disabled] {
	opacity: 0.6;
}

.lp-code-gate-notice {
	max-width: 320px;
	margin: 4px 0 0;
	padding: 9px 12px;
	border-radius: 4px;
	font-size: 13px;
	line-height: 1.4;
}

.lp-code-gate-notice--info {
	background: #eef2f7;
	color: #33475b;
}

.lp-code-gate-notice--error {
	background: #fdecea;
	color: #8a1c1c;
}

.lp-code-gate-notice--success {
	background: #e7f6ec;
	color: #1e6b39;
}

.lp-code-gate-noscript {
	max-width: 320px;
	margin: 4px 0 0;
	font-size: 12px;
	color: #8a1c1c;
}

/* Lesson "Complete" button while the minimum-time countdown is running */
.button-complete-lesson[aria-disabled="true"] {
	opacity: 0.65;
	cursor: not-allowed;
	font-variant-numeric: tabular-nums;
}

/* =========================================================================
 * Profile → "My Courses" list: the "Continue" column
 * ====================================================================== */

.lp_profile_course_progress .lp-cg-continue-col {
	white-space: nowrap;
	text-align: right;
}

.lp_profile_course_progress .lp-cg-continue-btn {
	display: inline-block;
	padding: 7px 16px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	border-radius: var( --lp-border-radius, 5px );
	text-decoration: none;
	white-space: nowrap;
}

.lp_profile_course_progress .lp-cg-continue-col[data-state="done"] .lp-cg-continue-btn {
	opacity: 0.85;
}

@media ( max-width: 600px ) {
	.lp_profile_course_progress .lp-cg-continue-btn {
		padding: 6px 12px;
		font-size: 12px;
	}
}

/* =========================================================================
 * Curriculum status icon — empty circle for anything not completed
 * (modern / block layout only; overrides LearnPress' grey check-mark).
 * ====================================================================== */

.lp-course-curriculum .course-section .course-item__status .course-item-ico.in-progress::before,
.lp-course-curriculum .course-section .course-item__status .course-item-ico.started::before,
.wp-block-learnpress-course-curriculum .course-item__status .course-item-ico.in-progress::before,
.wp-block-learnpress-course-curriculum .course-item__status .course-item-ico.started::before {
	content: "";
	box-sizing: border-box;
	width: 13px;
	height: 13px;
	border: 2px solid #b9b9b9;
	border-radius: 50%;
	background: none;
	color: transparent;
}