/* CLAAM Progress Guard */

.claam-pg-lock-box{
	max-width:900px;
	margin:45px auto;
	padding:34px 38px;
	background:#FAF8F5;
	border-left:5px solid #c8a96b;
	border-radius:22px;
	color:#0a4d4c;
	font-family:"Marcellus", serif;
	line-height:1.7;
	box-shadow:0 8px 24px rgba(0,0,0,.04);
}

.claam-pg-lock-heading{
	display:flex;
	align-items:center;
	gap:14px;
	margin-bottom:18px;
}

.claam-pg-lock-icon{
	width:46px;
	height:46px;
	border-radius:50%;
	background:rgba(200,169,107,.16);
	color:#c8a96b;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:24px;
	flex-shrink:0;
}

.claam-pg-lock-heading h2{
	margin:0;
	color:#c8a96b;
	font-family:"Cinzel", serif;
	font-size:28px;
	line-height:1.25;
	font-weight:700;
	text-transform:uppercase;
}

.claam-pg-lead{
	font-size:18px;
	margin-bottom:18px;
}

.claam-pg-status-card{
	margin:22px 0;
	padding:18px 20px;
	background:#ffffff;
	border:1px solid rgba(200,169,107,.45);
	border-radius:16px;
}

.claam-pg-status-card p{
	margin:0 0 8px 0;
}

.claam-pg-status-card p:last-child{
	margin-bottom:0;
}

.claam-pg-status-badge{
	display:inline-block;
	padding:4px 10px;
	border-radius:999px;
	background:rgba(200,169,107,.18);
	color:#0a4d4c;
	font-size:14px;
}

.claam-pg-help{
	margin-top:22px;
	padding-top:18px;
	border-top:1px solid rgba(200,169,107,.25);
	font-size:16px;
}

/* Masque les actions Tutor LMS lorsque la leçon est verrouillée */
body.claam-progress-locked .tutor-course-topic-single-footer,
body.claam-progress-locked .tutor-course-spotlight-nav,
body.claam-progress-locked .tutor-spotlight-mobile-progress-complete,
body.claam-progress-locked .tutor-topbar-mark-btn,
body.claam-progress-locked #tutor-lesson-nav-take-note-btn,
body.claam-progress-locked button[id*="complete"],
body.claam-progress-locked a[href*="complete"]{
	display:none !important;
	pointer-events:none !important;
}

@media (max-width:768px){
	.claam-pg-lock-box{
		margin:25px 12px;
		padding:24px 22px;
		border-radius:18px;
	}
	.claam-pg-lock-heading{
		align-items:flex-start;
	}
	.claam-pg-lock-heading h2{
		font-size:20px;
	}
	.claam-pg-lead{
		font-size:16px;
	}
}