/* Page « Vérification des certificats » : sobre, lisible sur téléphone, couleurs Learn & Lead. */
.llc-verif {
	--llc-bleu: #13467b;
	--llc-texte: #231f20;
	--llc-gris: #5b5f6b;
	--llc-bord: #d9dee8;
	--llc-vert: #1f7a4d;
	--llc-rouge: #b42318;
	--llc-ambre: #8a5a00;
	max-width: 640px;
	margin: 0 auto 3rem;
	color: var(--llc-texte);
	line-height: 1.55;
}
.llc-verif__intro { margin: 0 0 1.5rem; color: var(--llc-gris); }
.llc-verif__form label { display: block; font-weight: 600; margin-bottom: .4rem; }
.llc-verif__ligne { display: flex; gap: .5rem; flex-wrap: wrap; }
.llc-verif__ligne input {
	flex: 1 1 220px;
	min-width: 0;
	font: inherit;
	font-size: 1.05rem;
	letter-spacing: .06em;
	text-transform: uppercase;
	padding: .7rem .85rem;
	border: 1px solid var(--llc-bord);
	border-radius: 6px;
	background: #fff;
	color: var(--llc-texte);
}
.llc-verif__ligne input:focus { outline: 2px solid var(--llc-bleu); outline-offset: 1px; border-color: var(--llc-bleu); }
.llc-verif__ligne input::placeholder { text-transform: none; letter-spacing: .04em; color: #9aa0ab; }
.llc-verif__ligne button {
	flex: 0 0 auto;
	font: inherit;
	font-weight: 600;
	padding: .7rem 1.4rem;
	border: 0;
	border-radius: 6px;
	background: var(--llc-bleu);
	color: #fff;
	cursor: pointer;
}
.llc-verif__ligne button:hover { background: #0e3760; }
.llc-verif__aide { font-size: .85rem; color: var(--llc-gris); margin: .45rem 0 0; }
.llc-verif__resultat { margin-top: 1.75rem; }
.llc-verif__carte { border: 1px solid var(--llc-bord); border-left-width: 4px; border-radius: 6px; padding: 1.1rem 1.25rem; background: #fff; }
.llc-verif__carte p { margin: 0; }
.llc-verif__carte--valide { border-left-color: var(--llc-vert); }
.llc-verif__carte--erreur { border-left-color: var(--llc-rouge); }
.llc-verif__carte--alerte { border-left-color: var(--llc-ambre); }
.llc-verif__statut { font-weight: 700; font-size: 1.1rem; margin-bottom: .9rem !important; }
.llc-verif__carte--valide .llc-verif__statut { color: var(--llc-vert); }
.llc-verif__carte--erreur .llc-verif__statut { color: var(--llc-rouge); }
.llc-verif__coche { display: inline-block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; border-radius: 50%; background: var(--llc-vert); color: #fff; font-size: .9rem; margin-right: .5rem; }
.llc-verif dl { display: grid; grid-template-columns: max-content 1fr; gap: .45rem 1.25rem; margin: 0 0 1rem; }
.llc-verif dt { color: var(--llc-gris); font-size: .92rem; }
.llc-verif dd { margin: 0; font-weight: 500; }
.llc-verif__nom { font-weight: 700 !important; color: var(--llc-bleu); }
.llc-verif__code, .llc-verif__num { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .03em; }
.llc-verif__num { margin-top: .4rem !important; color: var(--llc-gris); font-size: .9rem; }
.llc-verif__emetteur { font-size: .9rem; border-top: 1px solid var(--llc-bord); padding-top: .8rem; }
.llc-verif__mention { font-size: .85rem; color: var(--llc-gris); margin-top: .35rem !important; }
.llc-verif__question { margin-top: 1.75rem; font-size: .9rem; color: var(--llc-gris); }
.llc-verif__question a { color: var(--llc-bleu); }
@media (max-width: 480px) {
	.llc-verif dl { grid-template-columns: 1fr; gap: .1rem; }
	.llc-verif dd { margin-bottom: .55rem; }
	.llc-verif__ligne button { flex: 1 1 100%; }
}

/* Espace « Mes certificats » */
.llc-mes { --llc-bleu: #13467b; --llc-bord: #d9dee8; --llc-gris: #5b5f6b; max-width: 760px; margin: 0 auto 3rem; }
.llc-mes__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.llc-mes__item { border: 1px solid var(--llc-bord); border-radius: 6px; padding: 1rem 1.15rem; display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; justify-content: space-between; background: #fff; }
.llc-mes__prog { font-weight: 600; margin: 0; }
.llc-mes__meta { margin: .15rem 0 0; font-size: .88rem; color: var(--llc-gris); }
.llc-mes__actions { display: flex; gap: .5rem; flex-wrap: wrap; }
.llc-mes__btn { display: inline-block; padding: .5rem .95rem; border-radius: 6px; background: var(--llc-bleu); color: #fff !important; text-decoration: none; font-weight: 600; font-size: .9rem; }
.llc-mes__btn--sec { background: transparent; color: var(--llc-bleu) !important; border: 1px solid var(--llc-bleu); }
.llc-mes__vide { color: var(--llc-gris); }

/* Lien ajouté au pied de page quand le thème n'a pas de colonne adaptée */
.llc-pied-verif { text-align: center; font-size: .85rem; margin: .5rem 0; }