/* MemberJet Pro – Frontend-Bausteine (Zertifikat-Box, Quiz-Gating)
   Nutzt die CSS-Variablen des Core (frontend.css/templates.css). */

/* --- Glückwunsch-/Zertifikat-Box auf der Kursseite --- */
.mjet-pro-cert {
	text-align: center;
	border: 1px solid var(--mjet-border, #e5e7eb);
	border-radius: var(--mjet-radius, 12px);
	padding: 32px 24px;
	margin: 32px auto;
	max-width: 760px;
	background: var(--mjet-surface, #fafafa);
}
.mjet-pro-cert__icon {
	font-size: 40px;
}
.mjet-pro-cert__title {
	margin: 10px 0 6px;
}
.mjet-pro-cert__text {
	color: var(--mjet-muted, #6b7280);
	margin: 0 0 16px;
}

/* --- Hinweis unter dem Erledigt-Button (403-Meldung des Core) --- */
.mjet-pro-gate-hint {
	margin: 10px 0 0;
	font-size: 14px;
	color: #b91c1c;
}
.mjet-pro-gate-hint[hidden] {
	display: none;
}

/* --- Quiz-Ergebnis (serverseitige Auswertung) --- */
.mjet-pro-quiz__verdict {
	margin-top: 6px;
	font-size: 15px;
	font-weight: 600;
}
.mjet-pro-quiz__verdict.is-passed {
	color: var(--mjet-ok, #16a34a);
}
.mjet-pro-quiz__verdict.is-failed {
	color: #b91c1c;
}