/* Le mode focus masque le logo sous 768px et laisse le titre à sa taille de bureau. */

@media (max-width: 768px) {
	.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo {
		display: block;
		order: 2;
		flex: 1 1 auto;
		height: auto;
		padding: 0.6em 1em;
	}

	.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo img {
		height: 30px;
	}

	.ld-in-focus-mode #ld-focus-content > h1,
	.ld-in-focus-mode #ld-focus-content > .kognos-formation-entete > h1 {
		font-size: 1.75rem;
		line-height: 1.2;
	}
}

.kognos-exercices {
	margin-top: 2.5em;
	padding: 1.5em;
	border-radius: 8px;
	background: var(--global-palette8, #e7eff6);
}

.kognos-exercices__titre {
	margin: 0 0 0.8em;
	font-size: 1.15rem;
	color: var(--global-palette3, #07294e);
}

.kognos-exercices__liste {
	margin: 0;
	padding: 0;
	list-style: none;
}

.kognos-exercices__liste li + li {
	margin-top: 0.5em;
}

/* Le cadre est porté par le li, pas par le lien : LearnDash efface la bordure
   basse de tous les liens de son gabarit et le fait en !important. */
.kognos-exercices__liste li {
	border: 1px solid var(--global-palette7, #eff0f5);
	border-radius: 6px;
	background: var(--global-palette9, #fff);
}

.kognos-exercices__liste li:hover,
.kognos-exercices__liste li:focus-within {
	border-color: var(--global-palette1, #038274);
}

.kognos-exercices__liste a {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1em;
	padding: 0.75em 1em;
	text-decoration: none;
}

.kognos-exercices__info {
	flex: 0 0 auto;
	font-size: 0.85em;
	color: var(--global-palette2, #136586);
}

@media (max-width: 480px) {
	.kognos-exercices__liste a {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.25em;
	}
}

/* LearnDash calcule un texte noir sur ses boutons turquoise. Trop faible.
   Même structure de sélecteur que la sienne pour passer devant. */
.learndash-wrapper .ld-button:not([disabled]):not(.ld-button-transparent):not(.ld--ignore-inline-css),
.learndash-wrapper .btn-join:not(.ld--ignore-inline-css),
.learndash-wrapper #btn-join:not(.ld--ignore-inline-css) {
	color: var(--global-palette9, #fff);
}

/* Connexion et Déconnexion de l'en-tête, en contour comme la maquette.
   Le raccourci porte la classe ld--ignore-inline-css, prévue par LearnDash
   pour qu'il n'impose pas ses couleurs — sauf la bordure basse, qu'il retire
   quand même sur tous ses liens. D'où le !important. */
.header-html .learndash-wrapper a.ld-login-text.ld-login-button.ld-button,
.mobile-html .learndash-wrapper a.ld-login-text.ld-login-button.ld-button {
	background-color: transparent;
	border: 1px solid var(--global-palette1, #038274) !important;
	color: var(--global-palette1, #038274);
}

.header-html .learndash-wrapper a.ld-login-text.ld-login-button.ld-button:hover,
.header-html .learndash-wrapper a.ld-login-text.ld-login-button.ld-button:focus,
.mobile-html .learndash-wrapper a.ld-login-text.ld-login-button.ld-button:hover,
.mobile-html .learndash-wrapper a.ld-login-text.ld-login-button.ld-button:focus {
	background-color: var(--global-palette1, #038274);
	color: var(--global-palette9, #fff);
}

/* LearnDash étale le bouton Déconnexion sur toute sa largeur et ne donne la
   marge de l'icône qu'à Connexion. Les deux boutons s'alignent pareil. */
.header-html .learndash-wrapper .ld-button.ld-login-button.ld-logout,
.mobile-html .learndash-wrapper .ld-button.ld-login-button.ld-logout {
	justify-content: flex-start;
}

.header-html .learndash-wrapper .ld-button.ld-login-button.ld-logout .ld-icon,
.mobile-html .learndash-wrapper .ld-button.ld-login-button.ld-logout .ld-icon {
	margin-right: 10px;
}

/* Mon espace, avant Déconnexion pour un compte connecté : mêmes mesures que le
   bouton LearnDash, en plein. L'élément HTML de Kadence enveloppe les
   raccourcis de paragraphes. */
.header-html-inner,
.mobile-html-inner {
	display: flex;
	align-items: center;
	gap: 0.625rem;
}

.mobile-html-inner {
	flex-direction: column;
	align-items: flex-start;
}

.header-html-inner > p,
.mobile-html-inner > p {
	margin: 0;
}

.header-html-inner > p:empty,
.mobile-html-inner > p:empty {
	display: none;
}

.header-html .kognos-mon-espace,
.mobile-html .kognos-mon-espace {
	display: inline-flex;
	align-items: center;
	padding: 1em 1.35em;
	border: 1px solid var(--global-palette1, #038274);
	border-radius: 20px;
	background: var(--global-palette1, #038274);
	color: var(--global-palette9, #fff);
	font-size: 0.75em;
	font-weight: 800;
	line-height: 1.25;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.15s, border-color 0.15s;
}

.header-html .kognos-mon-espace:hover,
.mobile-html .kognos-mon-espace:hover {
	border-color: var(--global-palette2, #136586);
	background: var(--global-palette2, #136586);
	color: var(--global-palette9, #fff);
}

.header-html .kognos-mon-espace:focus-visible,
.mobile-html .kognos-mon-espace:focus-visible {
	outline: 2px solid var(--global-palette2, #136586);
	outline-offset: 2px;
}

/* LearnDash décale son bouton de 10 px dans le tiroir mobile, et le tiroir
   souligne ses liens. */
.mobile-html .mobile-html-inner a.kognos-mon-espace {
	margin-left: 10px;
	text-decoration: none;
}

/* Deux actions dans l'en-tête, connecté ou non : garder le menu sur une ligne. */
#main-header .header-button,
#mobile-header .mobile-header-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	white-space: nowrap;
}

#main-header [data-section="kadence_customizer_header_button"] { margin-right: .5rem; }

#main-header .header-button,
#mobile-header .mobile-header-button { gap: .45rem; }
#main-header .header-button::before,
#mobile-header .mobile-header-button::before {
	content: "";
	flex: 0 0 17px;
	width: 17px;
	height: 17px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M20 8v6M23 11h-6'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M20 8v6M23 11h-6'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (min-width: 1201px) and (max-width: 1399px) {
	#main-header .header-menu-container > ul > li > a {
		letter-spacing: 0;
	}

	#main-header .header-menu-container > ul > li > a {
		padding-right: 5px;
		padding-left: 5px;
		font-size: 15px;
	}

	.header-html .kognos-mon-espace,
	.header-html .learndash-wrapper a.ld-button,
	#main-header .header-button {
		padding-right: 0.8rem;
		padding-left: 0.8rem;
	}

	.header-html .learndash-wrapper .ld-button .ld-icon {
		display: none;
	}
}

/* Page de recherche (extension kognos-learndash-search).
   Les couleurs de l'extension repointent vers la palette du site, et les
   résultats passent de grandes tuiles à des lignes compactes : la vignette
   identifie le logiciel, le titre porte la lecture. */

.kognos-lds-search {
	--kognos-lds-border: #dde5ec;
	--kognos-lds-ink: var(--global-palette3, #07294e);
	--kognos-lds-accent: var(--global-palette1, #038274);
	--kognos-lds-soft: var(--global-palette8, #e7eff6);
	--kognos-lds-lien: var(--global-palette2, #136586);
	--kognos-lds-second: #5a6675;
}

.kognos-lds-search__form {
	gap: 0.5rem;
	margin-bottom: 2rem;
}

.kognos-lds-search__form input[type="search"] {
	padding: 0.9rem 1.1rem;
	border-radius: 6px;
}

.kognos-lds-search__form input[type="search"]:focus-visible,
.kognos-lds-search__filters a:focus-visible,
.kognos-lds-search__group a:focus-visible {
	outline: 2px solid var(--kognos-lds-lien);
	outline-offset: 2px;
}

.kognos-lds-search__form button {
	padding: 0.9rem 1.5rem;
	border-radius: 6px;
}

/* Le liseré de 4 px devient un simple aplat, comme le bloc des exercices. */
.kognos-lds-search__intro,
.kognos-lds-search__message,
.kognos-lds-search__empty {
	padding: 1rem 1.25rem;
	border-left: 0;
	border-radius: 8px;
	color: var(--kognos-lds-ink);
}

.kognos-lds-search__summary {
	margin-bottom: 1.75rem;
}

.kognos-lds-search__summary h2 {
	font-size: 1.5rem;
}

.kognos-lds-search__summary p {
	color: var(--kognos-lds-second);
	font-size: 0.9375rem;
}

.kognos-lds-search__filters a {
	padding: 0.35rem 0.85rem;
	font-size: 0.875rem;
	transition: border-color 0.15s, background-color 0.15s, color 0.15s;
}

/* Trois colonnes posées directement sur la page : le panneau blanc du gabarit
   suffit, une carte de plus par colonne ferait un cadre dans un cadre. */
.kognos-lds-search__groups {
	gap: 2rem;
}

.kognos-lds-search__group {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
}

.kognos-lds-search__group-header {
	margin-bottom: 0.5rem;
	padding-bottom: 0.65rem;
	border-bottom: 1px solid var(--kognos-lds-border);
}

.kognos-lds-search__group h3 {
	font-size: 1.0625rem;
	letter-spacing: 0.01em;
}

.kognos-lds-search__group h3 span {
	color: var(--kognos-lds-second);
	font-size: 0.9em;
	font-weight: 500;
}

.kognos-lds-search__more {
	margin-top: 1.25rem;
}

/* Ressources : même rythme que les deux autres colonnes. */
.kognos-lds-search__resource-list {
	gap: 0;
}

.kognos-lds-search__resource {
	padding: 0.9rem 0.75rem;
	border-bottom: 1px solid var(--kognos-lds-border);
}

/* En pleine largeur la colonne des ressources s'étale : on borne la ligne. */
.kognos-lds-search__resource h4,
.kognos-lds-search__excerpt {
	max-width: 68ch;
}

.kognos-lds-search__resource-type {
	margin: 0 0 0.15rem;
	line-height: 1.4;
	color: var(--kognos-lds-second);
	font-size: 0.6875rem;
	letter-spacing: 0.06em;
}

.kognos-lds-search__resource h4 {
	margin: 0 0 0.3rem;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.3;
}

.kognos-lds-search__resource h4 a {
	color: var(--kognos-lds-ink);
	text-decoration: none;
}

.kognos-lds-search__resource h4 a:hover,
.kognos-lds-search__resource h4 a:focus {
	color: var(--kognos-lds-lien);
	text-decoration: underline;
}

.kognos-lds-search__excerpt {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: var(--kognos-lds-second);
	font-size: 0.875rem;
	line-height: 1.45;
}

@media (max-width: 700px) {
	.kognos-lds-search__resource {
		padding: 0.8rem 0.5rem;
	}
}

/* Invitation qui remplace la vidéo pour un visiteur non connecté. */
.kognos-invitation {
	margin: 0 0 1.5em;
	padding: 2em 1.6em;
	border: 1px solid var(--global-palette7, #eff0f5);
	border-radius: 10px;
	background: var(--global-palette8, #e7eff6);
	text-align: center;
}

.kognos-invitation__titre {
	margin: 0 0 0.4em;
	color: var(--global-palette3, #07294e);
	font-size: 1.25rem;
	font-weight: 700;
}

.kognos-invitation__texte {
	margin: 0 auto 1.4em;
	max-width: 34em;
}

.kognos-invitation__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.6em 1.4em;
	margin: 0;
}

.learndash-wrapper a.kognos-invitation__bouton,
.entry-content a.kognos-invitation__bouton {
	padding: 0.7em 1.6em;
	border-radius: 6px;
	background: var(--global-palette1, #038274);
	color: var(--global-palette9, #fff);
	font-weight: 600;
	text-decoration: none;
}

.learndash-wrapper a.kognos-invitation__bouton:hover,
.learndash-wrapper a.kognos-invitation__bouton:focus,
.entry-content a.kognos-invitation__bouton:hover,
.entry-content a.kognos-invitation__bouton:focus {
	background: var(--global-palette3, #07294e);
	color: var(--global-palette9, #fff);
}

.learndash-wrapper a.kognos-invitation__lien,
.entry-content a.kognos-invitation__lien {
	color: var(--global-palette2, #136586);
	text-decoration: underline;
}

/* Hors des leçons publiques, les liens de navigation mènent à des leçons verrouillées :
   sans compte, ils ne servent qu'à décevoir. Seul le retour au cours reste.
   Les sélecteurs reprennent la longueur de ceux de LearnDash : sous 960 px il
   redéclare `display` sur ces créneaux, et « Leçon Suivante » réapparaissait
   sur mobile. */
body:not(.logged-in):not(.kognos-lecon-publique) .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions:not(:has(.ld-course-step-back)) {
	display: none;
}

body:not(.logged-in):not(.kognos-lecon-publique) .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-content-action:not(:has(.ld-course-step-back)) {
	display: none;
}

/* Un seul lien dans la rangée : les marges du créneau le centrent. Passer par
   `justify-content` échouait, LearnDash impose le sien. */
body:not(.logged-in):not(.kognos-lecon-publique) .learndash-wrapper .ld-content-action:has(.ld-course-step-back) {
	margin: 0 auto;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-content-action.ld-empty {
	display: none;
}

/* Les appels à l’action sur fond bleu partagent les mêmes boutons. */
.kognos-cta .wp-block-buttons {
	align-items: center;
	justify-content: center;
	gap: 0.875rem;
}

.kognos-cta .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0.75em 1.5em;
	border: 2px solid transparent;
	border-radius: 6px;
	font-weight: 600;
	line-height: 1.4;
}

.kognos-cta .wp-block-button.is-style-outline .wp-block-button__link {
	border-color: var(--global-palette9, #fff);
	background: transparent;
}

.kognos-cta .wp-block-button.is-style-outline .wp-block-button__link:hover,
.kognos-cta .wp-block-button.is-style-outline .wp-block-button__link:focus-visible {
	background: var(--global-palette9, #fff);
	color: var(--global-palette3, #07294e) !important;
}

.kognos-cta .wp-block-button__link:focus-visible {
	outline: 2px solid var(--global-palette9, #fff);
	outline-offset: 4px;
}

@media (max-width: 600px) {
	.kognos-cta .wp-block-button,
	.kognos-cta .wp-block-button__link {
		width: 100%;
	}
}

/* Même pastille de difficulté sur les cours, leçons, archives et parcours. */
.kognos-difficulte,
.learndash-wrapper .kognos-cours-acces__message,
.single-sfwd-courses .learndash-wrapper .ld-course-status-enrolled .ld-progress-percentage {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	padding: .3rem .7rem;
	border: 1px solid #aecbf0;
	border-radius: 999px;
	background: #dcedff;
	color: #154f86;
	font-size: .75rem;
	font-weight: 700;
	vertical-align: middle;
	line-height: 1.5;
}

.kognos-difficulte--1 {
	border-color: #a5d8bd;
	background: #dcf5e7;
	color: #16633f;
}

.kognos-difficulte--3 {
	border-color: #f2d77a;
	background: #fff3c4;
	color: #805300;
}

.kognos-difficulte > .kognos-difficulte__icone {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	object-fit: contain;
}

.kognos-carte h3 .kognos-difficulte {
	font-size: 1.125rem;
	text-wrap: balance;
}

.kognos-carte h3 .kognos-difficulte__icone {
	width: 1.6em;
	height: 1.6em;
}

.kognos-niveau {
	margin: 0 0 1.4em;
	color: var(--global-palette3, #07294e);
	font-size: 0.95rem;
	font-weight: 600;
}

.archive-title .kognos-difficulte {
	justify-content: center;
	font-size: 1.125rem;
}

.archive-title .kognos-difficulte__icone {
	width: 1.6em;
	height: 1.6em;
}

.kognos-archive-difficulte {
	display: block;
	margin-top: 0.4em;
	font-size: 0.65em;
}

.kognos-archive-cours article.loop-entry {
	position: relative;
}

.kognos-difficulte-carte {
	position: absolute;
	z-index: 2;
	top: 0.7em;
	left: 0.7em;
	max-width: calc(100% - 1.4em);
}

/* Une carte sans vignette réserve une ligne à la difficulté. */
.kognos-archive-cours article.loop-entry:not(:has(.post-thumbnail)) .kognos-difficulte-carte {
	position: static;
	display: inline-flex;
	margin: 1em 1em 0;
}

/* Le bouton de la grille sortait du modèle importé, en bleu Bootstrap. */
.ld_course_grid .ld_course_grid_button a.btn-primary {
	border-color: var(--global-palette1, #038274);
	background-color: var(--global-palette1, #038274);
	color: var(--global-palette9, #fff);
}

.ld_course_grid .ld_course_grid_button a.btn-primary:hover,
.ld_course_grid .ld_course_grid_button a.btn-primary:focus {
	border-color: var(--global-palette3, #07294e);
	background-color: var(--global-palette3, #07294e);
	color: var(--global-palette9, #fff);
}

/* Kadence pose le fond et le cadre sur la boîte intérieure, qui s'arrête à son
   contenu : deux cartes voisines n'avaient donc pas la même hauteur. */
.wp-block-kadence-column.kognos-carte > .kt-inside-inner-col {
	height: 100%;
}

/* Sur téléphone, les liens des cartes sont la navigation : ils ont besoin
   d'une zone touchable, pas seulement de la hauteur d'une ligne de texte. */
@media (max-width: 767px) {
	.kognos-carte p a {
		display: inline-block;
		padding: 0.45em 0;
	}
}

/* Le rouge de Gravity Forms tombe à 2,5 sur le marine du pied de page. */
.site-footer .gfield_required_text {
	color: var(--global-palette15, #f5a524);
}

/* Le lien d'évitement ne s'affiche qu'au clavier : autant qu'il soit lisible. */
.skip-link.screen-reader-text:focus {
	background-color: var(--global-palette9, #fff);
	color: var(--global-palette3, #07294e);
	text-decoration: underline;
}

/* Le nombre de formations passait pour une ligne de texte au milieu de la
   carte. Il devient une pastille, au coin haut droit, au niveau du logo. */
.kognos-carte__compte {
	position: absolute;
	z-index: 1;
	top: 1.4rem;
	right: 1.4rem;
	margin: 0;
	padding: 0.2em 0.7em;
	border-radius: 999px;
	background: var(--global-palette8, #e7eff6);
	color: var(--global-palette3, #07294e);
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.5;
	white-space: nowrap;
}

.kognos-carte--difficulte .kognos-carte__compte {
	position: static;
	display: inline-block;
	margin: 0;
}

@media (max-width: 767px) {
	.kognos-carte__compte {
		top: 1.15rem;
		right: 1.15rem;
	}
}

/* Les cartes de difficulté gardent les mêmes repères que les pastilles du catalogue. */
.kognos-carte--difficulte {
	--difficulte-accent: #16633f;
	--difficulte-fond: #f1faf5;
	--difficulte-trait: #c5e3d3;
	--difficulte-remplie: 33.333%;
}

.kognos-carte--difficulte:has(.kognos-difficulte--2) {
	--difficulte-accent: #154f86;
	--difficulte-fond: #edf5ff;
	--difficulte-trait: #c5d9f0;
	--difficulte-remplie: 66.666%;
}

.kognos-carte--difficulte:has(.kognos-difficulte--3) {
	--difficulte-accent: #805300;
	--difficulte-fond: #fff6dc;
	--difficulte-trait: #ead69f;
	--difficulte-remplie: 100%;
}

.wp-block-kadence-column.kognos-carte--difficulte > .kt-inside-inner-col {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 1.5rem;
	border: 1px solid var(--difficulte-trait);
	border-top: 3px solid var(--difficulte-accent);
	border-radius: 16px;
	background: var(--difficulte-fond);
}

.kognos-carte--difficulte .kt-inside-inner-col::before {
	content: "";
	order: 2;
	width: 100%;
	height: 5px;
	margin: auto 0 1rem;
	border-radius: 3px;
	background: linear-gradient(to right, var(--difficulte-accent) var(--difficulte-remplie), var(--difficulte-trait) var(--difficulte-remplie));
	mask-image: linear-gradient(to right, #000 0 31%, transparent 31% 34.5%, #000 34.5% 65.5%, transparent 65.5% 69%, #000 69% 100%);
}

.entry-content .kognos-carte--difficulte h3 {
	margin: 0 0 1rem;
}

.kognos-carte--difficulte h3 a {
	text-decoration: none;
}

.kognos-carte--difficulte h3 a::after {
	position: absolute;
	inset: 0;
	content: "";
	border-radius: 16px;
}

.kognos-carte--difficulte h3 .kognos-difficulte {
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	color: var(--difficulte-accent);
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: -0.035em;
	line-height: 1.3;
}

.kognos-carte--difficulte h3 .kognos-difficulte__icone {
	width: 3rem;
	height: 3rem;
}

.entry-content .kognos-carte--difficulte p:not(.kognos-carte__compte) {
	margin: 0 0 1.5rem;
	color: #354a5c;
	font-size: 0.9375rem;
	line-height: 1.7;
}

.entry-content .kognos-carte--difficulte .kognos-carte__compte {
	order: 3;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: none;
	color: var(--difficulte-accent);
	font-size: 0.8125rem;
	font-weight: 600;
}

.kognos-carte--difficulte h3 a:hover::after {
	box-shadow: inset 0 0 0 1px var(--difficulte-accent);
}

.kognos-carte--difficulte h3 a:focus-visible {
	outline: none;
}

.kognos-carte--difficulte h3 a:focus-visible::after {
	outline: 2px solid var(--difficulte-accent);
	outline-offset: 4px;
}


/* Les trois liens de niveau sont des paragraphes distincts : ils héritaient de
   la marge de paragraphe du thème et flottaient dans la carte. */
.kognos-carte .kognos-niveau-lien {
	margin: 0 0 0.4rem;
}

.kognos-carte .kognos-niveau-lien:last-child {
	margin-bottom: 0;
}

/* Les archives de catégorie sortent des gabarits de Kadence : le cadre, le
   rayon et l'ombre ne suivaient pas les cartes montées à la main. */
.kognos-archive-cours article.loop-entry.content-bg {
	overflow: hidden;
	border: 1px solid #d3dde7;
	border-radius: 12px;
	box-shadow: none;
}

.kognos-archive-cours article.loop-entry .entry-content-wrap {
	padding: 1.5rem;
}

.kognos-archive-cours article.loop-entry .entry-title {
	font-size: 1.25rem;
	line-height: 1.3;
}

.kognos-archive-cours article.loop-entry .entry-title a {
	text-decoration: none;
}

/* L'image mise en avant du cours n'était pas affichée sur sa fiche. Elle passe
   à droite, la description coule autour. */
.kognos-cours-image {
	float: right;
	width: 38%;
	max-width: 400px;
	margin: 0 0 1.5rem 2rem;
}

.kognos-cours-image__visuel {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid #d3dde7;
	border-radius: 12px;
}

.single-sfwd-courses .ld-tabs-content::after {
	display: table;
	clear: both;
	content: "";
}

@media (max-width: 767px) {
	.kognos-cours-image {
		float: none;
		width: 100%;
		max-width: none;
		margin: 0 0 1.5rem;
	}
}

/* La ligne du niveau était collée à la barre d'état du cours. Trois classes :
   `.single-content p:last-child` de Kadence remettait la marge basse à zéro. */
.learndash-wrapper.learndash-shortcode-wrap .kognos-niveau {
	margin: 0.4rem 0 1.6rem;
}

/* Le lien de retour au cours tombait seul sous les boutons : LearnDash le range
   dans le même créneau que « Leçon terminée », l'un sous l'autre, et le dessine
   pleine largeur. Le créneau s'effacce pour que ses deux enfants deviennent des
   éléments de la rangée, et seul le lien passe à gauche ; les boutons gardent
   leur ordre. Le sélecteur du lien reprend celui de LearnDash, sinon sa largeur
   l'emporte. Sur mobile, sa disposition empilée reste la bonne. */
@media (min-width: 768px) {
	.logged-in .learndash-wrapper .ld-content-actions {
		align-items: center;
	}

	.logged-in .learndash-wrapper .ld-content-action:has(> .ld-course-step-back) {
		display: contents;
	}

	/* Le créneau effacé, le bouton se réduisait à son texte et la coche de
	   LearnDash, calée sur le bord droit, venait dessus. Il reprend la largeur
	   des autres créneaux. */
	.logged-in .learndash-wrapper .ld-content-action:has(> .ld-course-step-back) > .sfwd-mark-complete {
		flex: 0 1 200px;
	}

	.logged-in .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-content-action .ld-course-step-back {
		order: -1;
		flex: 0 0 auto;
		width: auto;
		margin: 0;
	}
}

/* La vidéo touchait le premier titre de la leçon. */
.learndash-wrapper .ld-video {
	margin-bottom: 2rem;
}

/* Ancres des sous-menus Formations et Parcours. Le lien du menu saute à la
   section sans la coincer sous l'en-tête collant. La marge se cale sur la
   hauteur de l'en-tête. */
.kognos-ancre {
	display: block;
	height: 0;
	margin: 0;
	scroll-margin-top: 120px;
}

/* Écrans de compte MemberDash : Inscription, Forfaits, Mon compte. L'extension
   arrive avec ses gris et ses verts ; on la ramène à la palette du site. */
.entry-content .ms-alert-box {
	margin: 0 0 1.5rem;
	padding: 1em 1.25em;
	border: 1px solid var(--global-palette7, #eff0f5);
	border-radius: 10px;
	background: var(--global-palette8, #e7eff6);
	color: var(--global-palette3, #07294e);
}

.entry-content .ms-form-price-boxes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
	gap: 1.5rem;
}

.entry-content .ms-membership-form {
	margin: 0;
}

.entry-content .ms-membership-details-wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin: 0;
	padding: 1.75rem 1.6rem;
	border: 1px solid var(--global-palette7, #eff0f5);
	border-radius: 10px;
	background: var(--global-palette8, #e7eff6);
}

.entry-content .ms-membership-details-wrapper .ms-top-bar,
.entry-content .ms-membership-details-wrapper .ms-price-details,
.entry-content .ms-membership-details-wrapper .ms-bottom-bar {
	padding: 0;
}

.entry-content .ms-membership-details-wrapper .ms-title {
	margin: 0 0 0.5rem;
	color: var(--global-palette3, #07294e);
	font-size: 1.25rem;
	font-weight: 700;
}

.entry-content .ms-membership-details-wrapper .ms-price {
	margin: 0 0 1.4rem;
	color: var(--global-palette3, #07294e);
	font-size: 1.75rem;
	font-weight: 700;
}

.entry-content .ms-membership-details-wrapper .ms-bottom-bar {
	margin-top: auto;
}

/* Boutons MemberDash : même style que l'invitation des leçons. */
.entry-content button.ms-signup-button,
.entry-content button.memberdash-submit {
	padding: 0.7em 1.6em;
	border: 0;
	border-radius: 6px;
	background: var(--global-palette1, #038274);
	color: var(--global-palette9, #fff);
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
}

.entry-content button.ms-signup-button:hover,
.entry-content button.ms-signup-button:focus,
.entry-content button.memberdash-submit:hover,
.entry-content button.memberdash-submit:focus {
	background: var(--global-palette3, #07294e);
	color: var(--global-palette9, #fff);
}

/* Formulaire de création de compte : une colonne, des champs pleine largeur. */
.entry-content form.form-membership {
	max-width: 30rem;
	margin: 0 auto;
}

.entry-content form.form-membership h2 {
	margin: 0 0 1.25rem;
	font-size: 1.75rem;
}

.entry-content form.form-membership .ms-form-element {
	margin: 0 0 1.1rem;
}

.entry-content form.form-membership .memberdash-input-wrapper {
	display: block;
}

.entry-content form.form-membership .memberdash-field-label {
	display: block;
	margin: 0 0 0.35em;
	color: var(--global-palette3, #07294e);
	font-size: 1rem;
	font-weight: 600;
}

.entry-content form.form-membership .memberdash-text,
.entry-content form.form-membership .memberdash-password {
	width: 100%;
}

.entry-content form.form-membership .memberdash-checkbox-wrapper {
	display: flex;
	align-items: flex-start;
	gap: 0.6em;
	font-weight: 400;
}

.entry-content form.form-membership .memberdash-field-checkbox {
	margin-top: 0.3em;
}

.entry-content form.form-membership .memberdash-checkbox-caption a {
	display: inline;
	color: var(--global-palette2, #136586);
	text-decoration: underline;
}

.entry-content form.form-membership .ms-register-user-login-link {
	color: var(--global-palette2, #136586);
}

/* Mon compte : un titre et son lien d'action par section, des tableaux à
   filets fins. Sur mobile, le lien passe sous le titre au lieu de le pousser. */
.entry-content .ms-account-wrapper > div + div {
	margin-top: 2.25rem;
}

.entry-content .ms-account-header {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.25rem 1.5rem;
	margin: 0 0 0.75rem;
}

.entry-content .ms-account-header h2 {
	margin: 0;
	font-size: 1.5rem;
}

.entry-content .ms-account-header a {
	color: var(--global-palette2, #136586);
	font-size: 0.95rem;
	text-decoration: underline;
	white-space: nowrap;
}

.entry-content .ms-account-wrapper table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	font-size: 1rem;
}

#account-profile tbody > tr:nth-child(2n+1),
#account-invoices tbody > tr:nth-child(2n+1),
#account-activity tbody > tr:nth-child(2n+1) {
	background: transparent;
}

.entry-content .ms-account-wrapper th,
.entry-content .ms-account-wrapper td {
	padding: 0.65em 0.75em;
	border-bottom: 1px solid var(--global-palette7, #eff0f5);
	background: transparent;
	text-align: left;
	vertical-align: top;
	overflow-wrap: anywhere;
}

.entry-content .ms-account-wrapper th {
	color: var(--global-palette3, #07294e);
	font-weight: 600;
}

#account-profile tr th.ms-label-title {
	flex: 0 0 12rem;
	width: 12rem;
}

#account-profile tr td.ms-label-field {
	flex: 1 1 auto;
	width: auto;
}

.entry-content .ms-account-wrapper thead th {
	border-bottom: 2px solid var(--global-palette6, #d3dde7);
}

.entry-content .ms-login-form a.login_button {
	color: var(--global-palette2, #136586);
	text-decoration: underline;
}

@media (max-width: 600px) {
	#account-profile tr th.ms-label-title {
		flex-basis: 7rem;
		width: 7rem;
	}

	/* MemberDash empile chaque cellule avec son en-tête en pseudo-élément. */
	.entry-content .ms-account-wrapper .ms-responsive-table tr {
		border-bottom: 1px solid var(--global-palette6, #d3dde7);
		padding-bottom: 0.5em;
	}

	.entry-content .ms-account-wrapper .ms-responsive-table td {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		gap: 1em;
		padding: 0.4em 0;
		border-bottom: 0;
		text-align: right;
	}

	.entry-content .ms-account-wrapper .ms-responsive-table td::before {
		float: none;
		flex: 0 0 auto;
		color: var(--global-palette3, #07294e);
		font-weight: 600;
		text-transform: none;
	}
}

/* La facture sort du gabarit de MemberDash, sans le conteneur du thème. */
.single-ms_invoice #main-content {
	max-width: 44rem;
	margin: 0 auto;
	padding: 3rem 1.25rem 4rem;
}

.single-ms_invoice .ms-invoice .ms-purchase-table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	background: var(--global-palette9, #fff);
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(7, 41, 78, 0.08);
}

.single-ms_invoice .ms-purchase-table tr,
.single-ms_invoice #invoice tr.alt,
.single-ms_invoice .ms-purchase-table td {
	background: transparent;
}

.single-ms_invoice .ms-purchase-table td {
	padding: 0.65em 1.25rem;
	border: 0;
	border-bottom: 1px solid var(--global-palette7, #eff0f5);
	vertical-align: top;
}

.single-ms_invoice .ms-purchase-table tr:last-child td {
	border-bottom: 0;
}

.single-ms_invoice .ms-purchase-table .ms-inv-title td {
	padding-top: 1.5rem;
}

.single-ms_invoice #invoice .ms-inv-title h2 {
	margin: 0;
	font-size: 1.5rem;
	text-align: left;
	color: var(--global-palette3, #07294e);
}

.single-ms_invoice .ms-purchase-table .ms-title-column {
	width: 11rem;
	font-weight: 600;
	color: var(--global-palette3, #07294e);
}

.single-ms_invoice .ms-purchase-table .sep td {
	border-top: 2px solid var(--global-palette6, #d3dde7);
}

.single-ms_invoice .ms-purchase-table .ms-inv-price {
	text-align: right;
}

.single-ms_invoice .ms-purchase-table .ms-inv-total td {
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--global-palette3, #07294e);
}

.single-ms_invoice .ms-purchase-table .ms-inv-sep td {
	padding: 0.5rem;
	border: 0;
}

@media (max-width: 600px) {
	.single-ms_invoice .ms-purchase-table .ms-title-column {
		width: 7rem;
	}
}

/* Section Webinaire encore vide : la description de la catégorie suffit,
   pas le bloc « rien trouvé » ni sa barre de recherche. */
.category-webinaire .site-main > section.error {
	display: none;
}

/* Mon espace : le bloc profil de LearnDash. Sur téléphone, « Tout afficher »
   se coupait sur deux lignes. */
.entry-content .ld-profile .ld-expand-button {
	white-space: nowrap;
}

/* Mon espace : le bouton vers Gestion de mon établissement ne s'adresse
   qu'aux responsables de groupe (classe de corps posée par le plugin). */
.entry-content .kognos-si-responsable {
	display: none;
}

body.kognos-responsable .entry-content .kognos-si-responsable {
	display: inline-block;
}

/* Mon espace : les sections réutilisent les lignes des trousses.
   Leur ordre est celui des blocs dans l'éditeur de la page. */
.entry-content .kognos-attestations {
	margin-top: 3rem;
	scroll-margin-top: 120px;
}

.entry-content .kognos-attestations h2 {
	margin: 0 0 0.75rem;
}

.entry-content .kognos-attestations > p {
	color: #5a6675;
}

/* Le titre et ses actions restent groupés, puis passent sur deux lignes si nécessaire. */
.kognos-formation-entete {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem 1.5rem;
}

.kognos-formation-entete > h1 {
	flex: 1 1 18rem;
	min-width: 0;
	margin: 0;
}

#ld-focus-content > .kognos-formation-entete {
	margin-bottom: 1.5rem;
}

.ld-in-focus-mode #ld-focus-content > .kognos-formation-entete > h1 {
	margin-bottom: 0;
}

.kognos-formation-entete__actions {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	max-width: 100%;
}

.kognos-formation-entete__actions .kognos-difficulte {
	flex-shrink: 0;
	min-height: 2.5rem;
}

.kognos-formation-entete__actions button.kognos-favori {
	margin: 0;
	min-height: 2.5rem;
}

/* La même étoile bascule les favoris sur les tuiles et les fiches. */
.entry-content a.kognos-employes__action,
button.kognos-favori {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	min-height: 2rem;
	margin: 0 0 1.4rem;
	padding: .3rem .7rem;
	border: 1px solid #dde5ec;
	border-radius: 999px;
	background: #f3f6f8;
	box-shadow: none;
	color: #5a6675;
	font-family: inherit;
	font-size: .75rem;
	font-weight: 700;
	line-height: 1.5;
	transition: border-color 0.15s, background-color 0.15s, color 0.15s;
}

button.kognos-favori svg {
	flex: none;
	width: .875rem;
	height: .875rem;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.4;
	stroke-linejoin: round;
}

.entry-content a.kognos-employes__action:hover,
button.kognos-favori:hover {
	border-color: #cddfe9;
	background: #edf5fa;
	color: #244f6a;
}

button.kognos-favori[data-favori-actif="true"] {
	border-color: #f2d77a;
	background: #fff3c4;
	color: #805300;
}

button.kognos-favori[data-favori-actif="true"] svg {
	fill: currentColor;
	stroke: currentColor;
}

button.kognos-favori[hidden],
button.kognos-favori-retirer[hidden] {
	display: none;
}

button.kognos-favori:disabled,
button.kognos-favori-retirer:disabled {
	cursor: progress;
	opacity: 0.6;
}

.entry-content a.kognos-employes__action:focus-visible,
button.kognos-favori:focus-visible,
button.kognos-favori-retirer:focus-visible {
	outline: 2px solid var(--global-palette2, #136586);
	outline-offset: 2px;
}

.kognos-favoris .kognos-trousses__ligne {
	grid-template-columns: minmax(0, 1fr) auto 1rem;
}

.kognos-favoris .kognos-trousses .kognos-ordres__fleche {
	grid-column: 3;
}

button.kognos-favori-retirer {
	position: relative;
	z-index: 1;
	grid-column: 2;
	grid-row: 1 / 3;
	min-height: 48px;
	padding: 0.4rem 0.75rem;
	border: 0;
	border-radius: 6px;
	background: transparent;
	box-shadow: none;
	color: var(--global-palette2, #136586);
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

button.kognos-favori-retirer:hover {
	background: var(--global-palette9, #fff);
	color: var(--global-palette3, #07294e);
}

.kognos-favoris-erreur {
	flex-basis: 100%;
	margin: .5rem 0 0;
	color: #a32020;
	font-size: .875rem;
}

.ld-profile-stat a.kognos-vers-attestations {
	display: block;
	border-radius: 6px;
	color: inherit;
	text-decoration: none;
}

.ld-profile-stat a.kognos-vers-attestations span {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.ld-profile-stat a.kognos-vers-attestations:hover,
.ld-profile-stat a.kognos-vers-attestations:hover strong {
	color: var(--global-palette2, #136586);
}

.ld-profile-stat a.kognos-vers-attestations:focus-visible {
	outline: 2px solid var(--global-palette2, #136586);
	outline-offset: 4px;
}

/* Page Recherche (extension de Bobby) : le texte du bouton et de la pastille
   active sortait bleu foncé sur turquoise, contraste 3,05. Blanc, comme les
   autres boutons du site. */
.kognos-lds-search__form button,
.kognos-lds-search__filters a.is-active,
.kognos-lds-search__filters a:hover,
.kognos-lds-search__filters a:focus {
	color: var(--global-palette9);
}

/* Page Professionnel : les cours d'ordres, groupés par ordre, sous le texte
   des clientes. Mêmes lignes compactes que la recherche. */
.kognos-ordres {
	--kognos-ordres-trait: #dde5ec;
	--kognos-ordres-encre: var(--global-palette3, #07294e);
	--kognos-ordres-second: #5a6675;
	margin-top: 2.5rem;
}

.kognos-ordres__filtre {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 2rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--kognos-ordres-trait);
}

.kognos-ordres__filtre[hidden] {
	display: none;
}

.kognos-ordres__filtre span {
	margin-right: 0.5rem;
	color: var(--kognos-ordres-encre);
	font-size: 0.875rem;
	font-weight: 600;
}

.kognos-ordres__filtre button {
	min-width: 3.25rem;
	min-height: 2.5rem;
	padding: 0.4rem 1rem;
	border: 1px solid var(--kognos-ordres-trait);
	border-radius: 999px;
	background: var(--global-palette9, #fff);
	box-shadow: none;
	color: var(--kognos-ordres-encre);
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	transition: border-color 0.15s, background-color 0.15s, color 0.15s;
}

.kognos-ordres__filtre button:hover {
	border-color: var(--global-palette1, #038274);
	background: var(--global-palette9, #fff);
	color: var(--kognos-ordres-encre);
}

.kognos-ordres__filtre button[aria-pressed="true"] {
	border-color: var(--kognos-ordres-encre);
	background: var(--kognos-ordres-encre);
	color: var(--global-palette9, #fff);
}

.kognos-ordres__filtre button:focus-visible,
.kognos-ordres__titre:focus-visible {
	outline: 2px solid var(--global-palette2, #136586);
	outline-offset: 2px;
}

.kognos-ordres__groupe + .kognos-ordres__groupe {
	margin-top: 2.25rem;
}

.kognos-ordres__groupe[hidden] {
	display: none;
}

.kognos-ordres__groupe h3 {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.75rem;
	margin: 0 0 0.25rem;
	padding-bottom: 0.65rem;
	border-bottom: 1px solid var(--kognos-ordres-trait);
	color: var(--kognos-ordres-encre);
	font-size: 1.375rem;
	letter-spacing: 0.02em;
}

.kognos-ordres__groupe h3 span {
	white-space: nowrap;
	color: var(--kognos-ordres-second);
	font-family: inherit;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0;
}

.kognos-ordres ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.kognos-ordres__cours {
	position: relative;
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) 1rem;
	align-items: center;
	gap: 0.2rem 1rem;
	margin: 0;
	padding: 0.85rem 0.75rem;
	border-radius: 8px;
	transition: background-color 0.15s;
}

/* Le filet reste droit : posé sur la ligne arrondie, il se courbait aux coins. */
.kognos-ordres__cours + .kognos-ordres__cours::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	border-top: 1px solid var(--kognos-ordres-trait);
}

.kognos-ordres__cours:hover {
	background: var(--global-palette8, #e7eff6);
}

.kognos-ordres__cours:hover::before,
.kognos-ordres__cours:hover + .kognos-ordres__cours::before {
	border-color: transparent;
}

.kognos-ordres__vignette {
	grid-row: 1 / 3;
	width: 52px;
	height: 52px;
	border: 1px solid var(--kognos-ordres-trait);
	border-radius: 6px;
	background: #fff;
	object-fit: cover;
}

.kognos-ordres__titre {
	color: var(--kognos-ordres-encre);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
	text-wrap: pretty;
}

.kognos-ordres__titre::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 8px;
}

.kognos-ordres__cours:hover .kognos-ordres__titre {
	color: var(--global-palette2, #136586);
}

.kognos-ordres .kognos-ordres__details {
	grid-column: 2;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 0.75rem;
	margin: 0;
	color: var(--kognos-ordres-second);
	font-size: 0.875rem;
	line-height: 1.4;
}

.kognos-ordres__fleche {
	grid-column: 3;
	grid-row: 1 / 3;
	width: 1rem;
	height: 1rem;
	fill: none;
	stroke: var(--kognos-ordres-second);
	stroke-width: 1.75;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), stroke 0.15s;
}

.kognos-ordres__cours:hover .kognos-ordres__fleche {
	stroke: var(--global-palette2, #136586);
	transform: translateX(3px);
}

@media (max-width: 767px) {
	.kognos-ordres__filtre span {
		flex-basis: 100%;
		margin: 0 0 0.25rem;
	}

	.kognos-ordres__cours {
		grid-template-columns: 44px minmax(0, 1fr);
		align-items: start;
		gap: 0.3rem 0.85rem;
		padding: 0.85rem 0.25rem;
	}

	.kognos-ordres__vignette {
		width: 44px;
		height: 44px;
	}

	.kognos-ordres__fleche {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.kognos-ordres__fleche {
		transition: none;
	}
}

/* Plusieurs trousses : les cours se comparent côte à côte, les achats restent alignés. */
.entry-content .kognos-ordres__parcours {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
	margin-top: 1.5rem;
}

.kognos-trousse-carte {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 1.5rem;
	border: 1px solid #d3dde7;
	border-radius: 12px;
	background: var(--global-palette9, #fff);
	scroll-margin-top: 140px;
}

.entry-content .kognos-trousse-carte__titre {
	min-height: 2.7em;
	margin: 0 0 .5rem;
	color: var(--kognos-ordres-encre);
	font-size: 1.25rem;
	line-height: 1.35;
	text-wrap: pretty;
}

.entry-content .kognos-trousse-carte__extrait {
	margin: 0 0 .75rem;
	color: #45515f;
	font-size: .9375rem;
	line-height: 1.55;
}

.entry-content .kognos-ordres__resume {
	margin: 0 0 1.25rem;
	color: var(--kognos-ordres-second);
	font-size: .875rem;
}

.kognos-trousse-carte .kognos-ordres__cours {
	grid-template-columns: 44px minmax(0, 1fr) .875rem;
	gap: .3rem .75rem;
	padding: .9rem 0;
}

.kognos-trousse-carte .kognos-ordres__vignette {
	width: 44px;
	height: 44px;
}

.kognos-trousse-carte > ul {
	flex: 1;
}

.kognos-trousse-carte__achat {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 1rem;
	margin-top: 1.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--kognos-ordres-trait);
}

.kognos-trousse-carte__actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .75rem;
}

.entry-content .kognos-trousse-carte__actions .kognos-trousse__bouton {
	min-width: 0;
	padding: .75rem 1rem;
	text-align: center;
}

.entry-content .kognos-trousse-carte__actions .kognos-trousse__bouton--secondaire {
	border: 1px solid var(--global-palette1, #038274);
	background: transparent;
	color: var(--global-palette1, #038274);
}

.entry-content .kognos-trousse-carte__actions .kognos-trousse__bouton--secondaire:hover {
	border-color: var(--global-palette3, #07294e);
	background: var(--global-palette8, #e7eff6);
	color: var(--global-palette3, #07294e);
}

.entry-content .kognos-trousse-carte__prix {
	margin: 0;
	color: var(--kognos-ordres-encre);
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
	font-variant-numeric: tabular-nums;
}

.entry-content .kognos-trousse-carte__conditions {
	margin: .25rem 0 0;
	color: var(--kognos-ordres-second);
	font-size: .8125rem;
	line-height: 1.4;
}

@media (max-width: 900px) {
	.entry-content .kognos-ordres__parcours {
		grid-template-columns: minmax(0, 1fr);
	}

	.entry-content .kognos-trousse-carte__titre {
		min-height: 0;
	}
}

@media (max-width: 600px) {
	.kognos-trousse-carte {
		padding: 1.25rem;
	}

	.kognos-trousse-carte .kognos-ordres__cours {
		grid-template-columns: 44px minmax(0, 1fr);
	}

	.kognos-trousse-carte__actions {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Page Professionnel : sous le titre de chaque ordre, le lien vers sa ou ses trousses. */
.kognos-ordres .kognos-ordres__trousses {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 1rem 0 0.5rem;
}

/* Liens en pastilles partagés avec les coordonnées de l’espace responsable. */
.entry-content a.kognos-ordres__trousse,
.entry-content .kognos-carte-gestion__actions a {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 2.5rem;
	padding: 0.4rem 0.9rem 0.4rem 1.1rem;
	border: 1px solid var(--global-palette1, #038274);
	border-radius: 999px;
	color: var(--global-palette1, #038274);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background-color 0.15s, color 0.15s;
}

.kognos-ordres__trousse span {
	font-weight: 500;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.entry-content a.kognos-ordres__trousse:hover,
.entry-content .kognos-carte-gestion__actions a:hover {
	background: var(--global-palette1, #038274);
	color: var(--global-palette9, #fff);
}

.kognos-ordres__trousse:focus-visible,
.kognos-carte-gestion__actions a:focus-visible,
.kognos-trousses__nom:focus-visible,
.kognos-trousse__bouton:focus-visible {
	outline: 2px solid var(--global-palette2, #136586);
	outline-offset: 2px;
}

.kognos-ordres__trousse .kognos-ordres__fleche {
	display: inline-block;
	flex: none;
	width: 0.875rem;
	height: 0.875rem;
	stroke: currentColor;
}

.kognos-ordres__trousse:hover .kognos-ordres__fleche {
	stroke: currentColor;
	transform: translateX(2px);
}

/* Fiche de trousse : présentation à gauche, cours et achat à droite. */
.kognos-trousse__colonnes {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: 3rem;
}

.kognos-trousse__description {
	min-width: 0;
}

.kognos-trousse__description > :first-child {
	margin-top: 0;
}

.kognos-trousse__colonnes .kognos-trousse {
	margin: 0;
}

.kognos-trousse__autres {
	margin-top: 3rem;
}

.entry-content .kognos-trousse__autres > .kognos-trousse__titre {
	margin-top: 0;
}

/* Le prix reste accessible quand la liste dépasse la hauteur disponible. */
@media (min-width: 901px) and (min-height: 600px) {
	.kognos-trousse__colonnes .kognos-trousse {
		--kognos-trousse-decalage: calc(120px + var(--wp-admin--admin-bar--height, 0px));
		position: sticky;
		top: var(--kognos-trousse-decalage);
		max-height: calc(100dvh - var(--kognos-trousse-decalage) - 1.5rem);
	}

	.kognos-trousse__colonnes .kognos-trousse > .kognos-ordres {
		min-height: 0;
		overflow-y: auto;
		scrollbar-gutter: stable;
	}

	.kognos-trousse__colonnes .kognos-trousse > .kognos-trousse__titre,
	.kognos-trousse__colonnes .kognos-trousse > .kognos-trousse__achat {
		flex-shrink: 0;
	}
}

@media (max-width: 900px) {
	.kognos-trousse__colonnes {
		grid-template-columns: minmax(0, 1fr);
		gap: 2rem;
	}
}

.kognos-trousse__achat {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 1.25rem;
	margin-top: 1.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid #dde5ec;
}

.entry-content .kognos-trousse__achat p {
	margin: 0;
}

.entry-content .kognos-trousse__achat .kognos-trousse__prix {
	color: var(--global-palette3, #07294e);
	font-size: 2.25rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	line-height: 1.1;
	letter-spacing: -0.01em;
}

.entry-content .kognos-trousse__achat .kognos-trousse__statut {
	color: var(--global-palette3, #07294e);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.3;
}

.entry-content .kognos-trousse__achat .kognos-trousse__conditions {
	margin-top: 0.35rem;
	color: #45515f;
	font-size: 0.95rem;
	line-height: 1.45;
}

.entry-content a.kognos-trousse__bouton {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3rem;
	padding: 0.75rem 1.75rem;
	border-radius: 6px;
	background: var(--global-palette1, #038274);
	color: var(--global-palette9, #fff);
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.15s;
}

.entry-content a.kognos-trousse__bouton:hover {
	background: var(--global-palette3, #07294e);
	color: var(--global-palette9, #fff);
}

.entry-content .kognos-trousse__titre {
	margin: 2.75rem 0 0.25rem;
	padding-bottom: 0.65rem;
	border-bottom: 1px solid #dde5ec;
	color: var(--global-palette3, #07294e);
	font-size: 1.375rem;
	letter-spacing: 0.02em;
}

.entry-content .kognos-trousse > .kognos-trousse__titre {
	margin: 0 0 .5rem;
	padding: 0;
	border: 0;
	font-size: 1.25rem;
	letter-spacing: 0;
}

.kognos-trousse .kognos-ordres {
	margin-top: 0;
}

.entry-content .kognos-trousses {
	--kognos-ordres-trait: #dde5ec;
	--kognos-ordres-second: #5a6675;
	margin: 0;
	padding: 0;
	list-style: none;
}

.kognos-trousses__ligne {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 1rem;
	align-items: center;
	gap: 0.15rem 1rem;
	margin: 0;
	padding: 0.85rem 0.75rem;
	border-radius: 8px;
	transition: background-color 0.15s;
}

.kognos-trousses__ligne + .kognos-trousses__ligne::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	border-top: 1px solid var(--kognos-ordres-trait);
}

.kognos-trousses__ligne:hover {
	background: var(--global-palette8, #e7eff6);
}

.kognos-trousses__ligne:hover::before,
.kognos-trousses__ligne:hover + .kognos-trousses__ligne::before {
	border-color: transparent;
}

.entry-content a.kognos-trousses__nom {
	color: var(--global-palette3, #07294e);
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
	text-wrap: pretty;
}

.kognos-trousses__nom::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 8px;
}

.entry-content .kognos-trousses__ligne:hover .kognos-trousses__nom {
	color: var(--global-palette2, #136586);
}

.entry-content .kognos-trousses .kognos-trousses__details {
	grid-column: 1;
	margin: 0;
	color: #5a6675;
	font-size: 0.875rem;
	font-variant-numeric: tabular-nums;
	line-height: 1.4;
}

.kognos-trousses .kognos-ordres__fleche {
	grid-column: 2;
	grid-row: 1 / 3;
}

.kognos-trousses__ligne:hover .kognos-ordres__fleche {
	stroke: var(--global-palette2, #136586);
	transform: translateX(3px);
}

@media (max-width: 767px) {
	.entry-content .kognos-trousse__achat .kognos-trousse__prix {
		font-size: 2rem;
	}

	.kognos-trousses__ligne {
		grid-template-columns: minmax(0, 1fr);
		padding: 0.85rem 0.25rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.kognos-ordres__trousse,
	.kognos-trousse__bouton,
	.kognos-trousses__ligne {
		transition: none;
	}
}

/* Page Formations, menu « Trouvez la formation qu'il vous faut ». Les niveaux
   et les ordres reprennent les cartes de la page ; les thèmes, les lignes de
   la page Professionnel, en colonnes. */
.entry-content .kognos-niveaux,
.entry-content .kognos-vignettes-ordres,
.entry-content .kognos-themes ul,
.entry-content .kognos-niveaux__logiciels {
	margin: 0;
	padding: 0;
	list-style: none;
}

.entry-content .kognos-niveaux {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
	margin-top: 1.5rem;
}

.kognos-niveaux__niveau {
	--niveau-accent: #337d70;
	--niveau-fond: #f6faf8;
	position: relative;
	margin: 0;
	padding: 1.5rem;
	border: 1px solid #d5e2e1;
	border-top: 3px solid var(--niveau-accent);
	border-radius: 16px;
	background: var(--niveau-fond);
}

.kognos-niveaux__niveau[data-niveau="2"] {
	--niveau-accent: #217c73;
	--niveau-fond: #eff8f5;
}

.kognos-niveaux__niveau[data-niveau="3"] {
	--niveau-accent: #146d68;
	--niveau-fond: #e8f4f1;
}

.kognos-niveaux__niveau[data-niveau="4"] {
	--niveau-accent: #126071;
	--niveau-fond: #e5f0f2;
}

.kognos-niveaux__niveau[data-niveau="5"] {
	--niveau-accent: #174f6a;
	--niveau-fond: #e2ecf1;
}

.kognos-niveaux__niveau[data-niveau="6"] {
	--niveau-accent: #123e5e;
	--niveau-fond: #dce7ef;
}

.kognos-niveaux__entete {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: end;
	gap: 0.5rem 1rem;
	margin-bottom: 1.25rem;
}

.entry-content .kognos-niveaux__niveau h3 {
	display: flex;
	flex-direction: column;
	grid-row: 1 / 3;
	gap: 0.3rem;
	margin: 0;
	color: var(--niveau-accent);
	line-height: 1;
}

.kognos-niveaux__mot {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.kognos-niveaux__chiffre {
	font-size: 3.25rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.06em;
}

.entry-content .kognos-niveaux__compte {
	align-self: start;
	margin: 0;
	color: #465e6b;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.5;
	white-space: nowrap;
}

.kognos-niveaux__echelle {
	display: flex;
	align-items: end;
	justify-self: end;
	gap: 4px;
	height: 30px;
	color: var(--niveau-accent);
}

.kognos-niveaux__echelle span {
	width: 9px;
	height: calc(6px + var(--barre) * 4px);
	border-radius: 3px 3px 1px 1px;
	background: currentColor;
	opacity: 0.14;
}

.kognos-niveaux__echelle .is-active {
	opacity: 1;
}

.entry-content .kognos-niveaux__logiciels {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding-top: 1.15rem;
	border-top: 1px solid rgba(18, 62, 94, 0.12);
}

.kognos-niveaux__logiciels li {
	margin: 0;
}

.entry-content .kognos-niveaux__logiciels a {
	display: inline-flex;
	align-items: center;
	min-height: 2.5rem;
	padding: 0.35rem 0.75rem;
	border: 1px solid rgba(18, 62, 94, 0.12);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.82);
	color: var(--global-palette3, #07294e);
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none;
	transition: border-color 0.15s, background-color 0.15s, color 0.15s;
}

.entry-content .kognos-niveaux__logiciels a:hover {
	border-color: var(--niveau-accent);
	background: var(--niveau-accent);
	color: #fff;
}


.entry-content .kognos-themes {
	--kognos-ordres-trait: #dde5ec;
	--kognos-ordres-second: #5a6675;
	columns: 3 17rem;
	column-gap: 2.5rem;
	margin-top: 1.5rem;
}

.kognos-themes__groupe {
	break-inside: avoid;
	margin: 0 0 1.5rem;
	padding: 8px;
}

.entry-content .kognos-themes__groupe h3 {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin: 0 0 0.25rem;
	padding: 8px 8px 12px;
	border-bottom: 1px solid var(--kognos-ordres-trait);
	color: var(--global-palette3, #07294e);
	font-size: 1.125rem;
}

.kognos-themes__logo {
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	object-fit: contain;
}

.kognos-themes__groupe h3 span {
	flex-shrink: 0;
	color: var(--kognos-ordres-second);
	font-size: 0.8125rem;
	font-weight: 500;
}

.kognos-themes li {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 1rem;
	align-items: center;
	gap: 0.75rem;
	margin: 0;
	padding: 0.6rem 0.5rem;
	border-radius: 6px;
	transition: background-color 0.15s;
}

.kognos-themes li + li::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	border-top: 1px solid var(--kognos-ordres-trait);
}

.kognos-themes li:hover {
	background: var(--global-palette8, #e7eff6);
}

.kognos-themes li:hover::before,
.kognos-themes li:hover + li::before {
	border-color: transparent;
}

.entry-content .kognos-themes a {
	color: var(--global-palette3, #07294e);
	font-size: 0.9375rem;
	line-height: 1.35;
	text-decoration: none;
	text-wrap: pretty;
}

.kognos-themes a::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 6px;
}

.entry-content .kognos-themes li:hover a {
	color: var(--global-palette2, #136586);
}

.kognos-themes .kognos-ordres__fleche {
	grid-column: 2;
	grid-row: 1;
}

.kognos-themes li:hover .kognos-ordres__fleche,
.kognos-vignettes-ordres__lien:hover .kognos-ordres__fleche {
	stroke: var(--global-palette2, #136586);
	transform: translateX(3px);
}

.entry-content .kognos-vignettes-ordres {
	--kognos-ordres-second: #5a6675;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 1.5rem;
}

.kognos-vignettes-ordres li {
	margin: 0;
}

.entry-content a.kognos-vignettes-ordres__lien {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 1rem;
	align-items: center;
	gap: 0.15rem 1rem;
	height: 100%;
	padding: 1.1rem 1.25rem;
	border: 1px solid #d3dde7;
	border-radius: 12px;
	background: var(--global-palette9, #fff);
	color: var(--global-palette3, #07294e);
	text-decoration: none;
	transition: border-color 0.15s;
}

.entry-content a.kognos-vignettes-ordres__lien:hover {
	border-color: var(--global-palette1, #038274);
	color: var(--global-palette3, #07294e);
}

.kognos-vignettes-ordres__nom {
	grid-column: 1;
	font-size: 1.375rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.2;
}

.kognos-vignettes-ordres__intitule {
	grid-column: 1;
	font-size: 0.875rem;
	line-height: 1.4;
}

.kognos-vignettes-ordres__compte {
	grid-column: 1;
	color: var(--kognos-ordres-second);
	font-size: 0.875rem;
}

.kognos-vignettes-ordres .kognos-ordres__fleche {
	grid-column: 2;
	grid-row: 1 / 4;
}

@media (max-width: 900px) {
	.entry-content .kognos-trousse__autres .kognos-vignettes-ordres {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.entry-content .kognos-trousse__autres .kognos-vignettes-ordres {
		grid-template-columns: minmax(0, 1fr);
	}
}

.entry-content .kognos-niveaux__logiciels a:focus-visible,
.entry-content .kognos-themes a:focus-visible,
.entry-content a.kognos-vignettes-ordres__lien:focus-visible {
	outline: 2px solid var(--global-palette2, #136586);
	outline-offset: 2px;
}

.kognos-ordres {
	scroll-margin-top: 120px;
}

@media (max-width: 1024px) {
	.entry-content .kognos-niveaux {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.entry-content .kognos-niveaux {
		grid-template-columns: minmax(0, 1fr);
		gap: 1rem;
	}

	.kognos-niveaux__niveau {
		padding: 1.25rem 1.15rem 1.15rem;
	}

	.entry-content .kognos-niveaux__logiciels a {
		min-height: 2.75rem;
	}

	.entry-content .kognos-vignettes-ordres {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.75rem;
	}

	.entry-content a.kognos-vignettes-ordres__lien {
		grid-template-columns: minmax(0, 1fr);
		padding: 0.9rem 1rem;
	}

	.kognos-vignettes-ordres .kognos-ordres__fleche {
		display: none;
	}

	.kognos-themes li {
		padding: 0.75rem 0.25rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.kognos-niveaux__logiciels a,
	.kognos-themes li,
	.kognos-vignettes-ordres__lien {
		transition: none;
	}
}

/* Les libellés du sous-menu « Trouvez la formation » coupaient à 200 px. */
.header-navigation .header-menu-container ul ul li.menu-item > a {
	width: auto;
	min-width: 200px;
	white-space: nowrap;
}

/* Mode focus : l'interligne du thème (1,7) écartait de 80 px les deux lignes
   d'un long titre de quiz ou de leçon. */
.ld-in-focus-mode #ld-focus-content > h1,
.ld-in-focus-mode #ld-focus-content > .kognos-formation-entete > h1 {
	line-height: 1.2;
}

/* Quiz : le texte des questions est saisi en h2, à la taille des titres de
   section du site. */
.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text h2 {
	margin: 0 0 0.5em;
	font-size: 1.375rem;
	line-height: 1.35;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text h3 {
	font-size: 1.125rem;
	line-height: 1.4;
}

/* Note obtenue et explications : le bleu pâle des encadrés du site. */
.learndash-wrapper .wpProQuiz_content .wpProQuiz_response,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_points,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_graded_points {
	border-color: var(--global-palette8, #e7eff6);
	border-radius: 8px;
	background-color: var(--global-palette8, #e7eff6);
	color: var(--global-palette3, #07294e);
}

/* Résultats : quatre boutons, quatre couleurs. « Continuer » passe au turquoise
   comme « Leçon suivante », les deux autres en contour. LearnDash pose ses
   couleurs en !important. */
.learndash-wrapper .wpProQuiz_content a#quiz_continue_link,
.learndash-wrapper .wpProQuiz_content a#quiz_continue_link:hover {
	background-color: var(--global-palette1, #038274) !important;
}

.learndash-wrapper .wpProQuiz_content .ld-quiz-actions input.wpProQuiz_button_reShowQuestion,
.learndash-wrapper .wpProQuiz_content .ld-quiz-actions input.wpProQuiz_button_restartQuiz {
	box-shadow: inset 0 0 0 2px var(--global-palette1, #038274);
	background-color: var(--global-palette9, #fff) !important;
	color: var(--global-palette1, #038274);
}

.learndash-wrapper .wpProQuiz_content .ld-quiz-actions input.wpProQuiz_button_reShowQuestion:hover,
.learndash-wrapper .wpProQuiz_content .ld-quiz-actions input.wpProQuiz_button_restartQuiz:hover {
	background-color: rgba(3, 130, 116, 0.08) !important;
	opacity: 1;
}

.learndash-wrapper .wpProQuiz_content .ld-quiz-actions input.wpProQuiz_button_reShowQuestion:focus-visible,
.learndash-wrapper .wpProQuiz_content .ld-quiz-actions input.wpProQuiz_button_restartQuiz:focus-visible {
	outline: 2px solid var(--global-palette1, #038274);
	outline-offset: 2px;
}

/* Sur téléphone, les trois boutons se chevauchaient et sortaient de l'écran. */
@media (max-width: 768px) {
	.learndash-wrapper .ld-quiz-actions {
		flex-direction: column;
		align-items: center;
	}

	.learndash-wrapper .ld-quiz-actions .quiz_continue_link,
	.learndash-wrapper .ld-quiz-actions input[type="button"] {
		width: 100%;
		max-width: 385px;
		margin: 0 0 1em !important;
		text-align: center;
	}

	.learndash-wrapper .wpProQuiz_content .ld-quiz-actions a#quiz_continue_link {
		margin-left: 0;
	}

	.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text h2 {
		font-size: 1.2rem;
	}
}

/* Gestion de mon établissement : les employés du responsable, ses places et
   l'ajout d'un employé. Tableau à filets fins comme Mon compte, formulaire sur
   un aplat bleu pâle. Fond et filets en dur : ils doivent rester clairs quelle
   que soit la palette du thème. */
.entry-content .kognos-employes {
	margin: 2.5rem 0 3rem;
	scroll-margin-top: 120px;
}

.entry-content .kognos-employes h2 {
	margin: 0 0 0.35rem;
}

.entry-content .kognos-employes .kognos-employes__places {
	margin: 0 0 1.25rem;
	color: #5a6675;
	font-variant-numeric: tabular-nums;
}

.entry-content .kognos-employes__liste .kognos-employes__date {
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.entry-content .kognos-employes__nom {
	display: block;
	color: var(--global-palette3, #07294e);
	font-weight: 600;
}

.entry-content .kognos-employes__courriel {
	display: block;
	color: #5a6675;
	font-size: 0.95rem;
	overflow-wrap: anywhere;
}

.entry-content .kognos-employes__formulaire,
.entry-content .kognos-employes__complet {
	padding: 1.5em 1.6em;
	border-radius: 10px;
	background: #e7eff6;
}

.entry-content .kognos-employes__formulaire h3 {
	margin: 0 0 1rem;
	font-size: 1.25rem;
}

.entry-content .kognos-employes__champs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0 1rem;
}

.entry-content .kognos-employes__champs p {
	margin: 0 0 1rem;
}

.entry-content .kognos-employes__champs label {
	display: block;
	margin: 0 0 0.35em;
	color: var(--global-palette3, #07294e);
	font-weight: 600;
}

.entry-content .kognos-employes__champs input {
	width: 100%;
	background: var(--global-palette9, #fff);
}

.entry-content .kognos-employes .kognos-employes__aide {
	max-width: 46em;
	margin: 0 0 1.25rem;
	color: #46525f;
	font-size: 0.95rem;
}

.entry-content .kognos-employes__formulaire > p:last-child,
.entry-content .kognos-employes__complet p {
	margin: 0;
}

.entry-content .kognos-employes button {
	padding: 0.7em 1.6em;
	border: 0;
	border-radius: 6px;
	background: var(--global-palette1, #038274);
	color: var(--global-palette9, #fff);
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
}

.entry-content .kognos-employes button:hover,
.entry-content .kognos-employes button:focus {
	background: var(--global-palette3, #07294e);
	color: var(--global-palette9, #fff);
}

.entry-content .kognos-employes button:focus-visible {
	outline: 2px solid var(--global-palette3, #07294e);
	outline-offset: 2px;
}

.entry-content .kognos-employes__complet a {
	color: var(--global-palette2, #136586);
	text-decoration: underline;
}

.entry-content .kognos-employes .kognos-employes__avis {
	margin: 0 0 1.25rem;
	padding: 0.75em 1em;
	border: 1px solid;
	border-radius: 6px;
}

.entry-content .kognos-employes .kognos-employes__avis--succes {
	border-color: #9fd3cb;
	background: #e8f5f2;
	color: var(--global-palette3, #07294e);
}

.entry-content .kognos-employes .kognos-employes__avis--erreur {
	border-color: #e4b4b4;
	background: #fcefef;
	color: #8a1c1c;
}

@media (max-width: 767px) {
	.entry-content .kognos-employes__champs {
		grid-template-columns: minmax(0, 1fr);
	}

	.entry-content .kognos-employes__liste thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}

	.entry-content .kognos-employes__liste tr {
		display: block;
		padding: 0.65em 0;
		border-bottom: 1px solid #dde3ea;
	}

	.entry-content .kognos-employes__liste td {
		display: block;
		padding: 0;
		border: 0;
	}

	.entry-content .kognos-employes__liste .kognos-employes__date {
		margin-top: 0.2em;
		white-space: normal;
		font-size: 0.95rem;
	}

	.entry-content .kognos-employes__liste .kognos-employes__date::before {
		content: attr(data-libelle);
	}

	.entry-content .kognos-employes__formulaire,
	.entry-content .kognos-employes__complet {
		padding: 1.25em 1.1em;
	}

	.entry-content .kognos-employes button {
		width: 100%;
	}
}

/* Accueil : ressources éditables avec les blocs natifs de WordPress. */
.kognos-ressources-entete > .kt-row-column-wrap {
	align-items: center;
	row-gap: .75rem;
}

.kognos-ressources-entete h2,
.kognos-ressources-entete p {
	margin: 0;
}

.kognos-ressources-entete a {
	color: var(--global-palette1, #038274);
	font-size: .9375rem;
	font-weight: 600;
	text-decoration: none;
}

.entry-content .kognos-ressources .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.kognos-ressources .wp-block-post {
	min-width: 0;
	margin: 0;
}

.kognos-ressources .kognos-ressource {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin: 0;
	overflow: hidden;
	border: 1px solid #dde5ec;
	border-radius: 10px;
	background: var(--global-palette9, #fff);
}

.kognos-ressource .wp-block-post-featured-image {
	margin: 0;
	background: var(--global-palette8, #f3f6f8);
}

.kognos-ressource .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.kognos-ressources .kognos-ressource__contenu {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: .75rem;
	padding: 1.25rem;
}

.kognos-ressource__contenu > * {
	margin: 0;
}

/* Le thème classique ajoute un conteneur intérieur aux groupes natifs. */
.kognos-ressource > .wp-block-group__inner-container,
.kognos-ressource__contenu > .wp-block-group__inner-container {
	display: flex;
	flex: 1;
	flex-direction: column;
}

.kognos-ressource__contenu > .wp-block-group__inner-container {
	gap: .75rem;
}

.kognos-ressource__contenu > .wp-block-group__inner-container > * {
	margin: 0;
}

.kognos-ressource .wp-block-post-date {
	color: var(--global-palette5, #52606d);
	font-size: .75rem;
	line-height: 1.5;
}

.kognos-ressource .wp-block-post-title {
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.4;
}

.kognos-ressource .wp-block-post-title a {
	color: var(--global-palette3, #07294e);
	text-decoration: none;
}

.kognos-ressource .wp-block-post-excerpt {
	color: var(--global-palette5, #52606d);
	font-size: .875rem;
	line-height: 1.6;
}

.kognos-ressource .wp-block-post-excerpt__excerpt {
	margin: 0;
}

.kognos-ressource .wp-block-read-more {
	display: flex;
	align-items: center;
	min-height: 44px;
	margin-top: auto;
	padding-top: .75rem;
	border-top: 1px solid #e5ebef;
	color: var(--global-palette1, #038274);
	font-size: .875rem;
	font-weight: 600;
	text-decoration: none;
}

.kognos-ressources a:hover,
.kognos-ressources-entete a:hover {
	color: var(--global-palette3, #07294e);
	text-decoration: underline;
	text-underline-offset: .2em;
}

.kognos-ressources a:focus-visible,
.kognos-ressources-entete a:focus-visible {
	outline: 2px solid var(--global-palette1, #038274);
	outline-offset: 3px;
}

@media (max-width: 1024px) {
	.entry-content .kognos-ressources .wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 599px) {
	.entry-content .kognos-ressources .wp-block-post-template {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Pied de page compact et appel à l'action horizontal partagé. */
.site-footer .site-container,
.site-footer .site-footer-row-layout-contained {
	max-width: calc(var(--global-content-width) + var(--global-content-edge-padding) * 2);
}

.site-footer .footer-widget1 .textwidget {
	max-width: 430px;
}

.site-footer .kognos-avis-google {
	min-height: 48px;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
}

.site-footer .kognos-avis-google:focus-visible {
	outline: 2px solid #a1e3d7;
	outline-offset: 4px;
}

:is(.home .kognos-cta-accueil, .kognos-cta-horizontal) {
	width: 100%;
	max-width: none;
	margin-inline: 0;
	text-align: left;
}

:is(.home .kognos-cta-accueil, .kognos-cta-horizontal) > .kt-inside-inner-col {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 240px;
	align-items: center;
	column-gap: 48px;
	row-gap: 16px;
	border: 1px solid rgba(255, 255, 255, .1);
	background: linear-gradient(125deg, transparent 35%, rgba(3, 130, 116, .28)), var(--global-palette3);
	box-shadow: 0 16px 40px rgba(7, 41, 78, .1);
}

:is(.home .kognos-cta-accueil, .kognos-cta-horizontal) h2 {
	grid-column: 1;
	margin: 0;
	font-size: clamp(28px, 3.2vw, 40px);
	line-height: 1.2;
	letter-spacing: -.025em;
	text-wrap: balance;
}

:is(.home .kognos-cta-accueil, .kognos-cta-horizontal) p {
	grid-column: 1;
	max-width: 660px;
	margin: 0;
	color: #dce6ef !important;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.6;
}

:is(.home .kognos-cta-accueil, .kognos-cta-horizontal) .wp-block-buttons {
	grid-column: 2;
	grid-row: 1 / span 2;
	flex-direction: column;
	align-items: stretch;
	gap: 12px;
	margin: 0;
}

:is(.home .kognos-cta-accueil, .kognos-cta-horizontal) .wp-block-button,
:is(.home .kognos-cta-accueil, .kognos-cta-horizontal) .wp-block-button__link {
	width: 100%;
}

:is(.home .kognos-cta-accueil, .kognos-cta-horizontal) .wp-block-button__link {
	min-height: 50px;
	padding: 13px 20px;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 700;
}

:is(.home .kognos-cta-accueil, .kognos-cta-horizontal) .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background: var(--global-palette9);
	color: var(--global-palette3);
}

:is(.home .kognos-cta-accueil, .kognos-cta-horizontal) .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
	background: #d9f2ec;
}

:is(.home .kognos-cta-accueil, .kognos-cta-horizontal) .wp-block-button.is-style-outline .wp-block-button__link {
	border-width: 1px;
	border-color: rgba(255, 255, 255, .65);
}

@media (max-width: 1024px) {
	:is(.home .kognos-cta-accueil, .kognos-cta-horizontal) > .kt-inside-inner-col {
		column-gap: 28px;
	}
}

@media (max-width: 767px) {
	:is(.home .kognos-cta-accueil, .kognos-cta-horizontal) > .kt-inside-inner-col {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 16px;
	}

	:is(.home .kognos-cta-accueil, .kognos-cta-horizontal) p {
		font-size: 16px;
	}

	:is(.home .kognos-cta-accueil, .kognos-cta-horizontal) .wp-block-buttons {
		grid-column: 1;
		grid-row: auto;
		margin-top: 8px;
	}
}

/* Les ressources restent à portée de main sans masquer la leçon. */
.learndash-wrapper .ld-tab-content:has(> .kognos-lecon-disposition) {
	container: kognos-lecon / inline-size;
}

.kognos-lecon-disposition {
	--kognos-ressources-top: 96px;
	display: grid;
	gap: 28px;
}

.kognos-lecon-corps {
	min-width: 0;
}

.learndash-wrapper .ld-tab-content > .ld-video + .kognos-lecon-disposition {
	margin-top: 28px;
}

.kognos-lecon-corps > :first-child { margin-top: 0; }

/* Même cadre pour les listes du catalogue et les panneaux de ressources. */
.kognos-themes__groupe,
.kognos-lecon-ressources {
	border: 1px solid #dde5ec;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 4px 16px rgba(7, 41, 78, .04);
}

.kognos-lecon-ressources {
	align-self: start;
	min-width: 0;
	padding: 8px;
	font-size: 14px;
	line-height: 1.6;
	overflow-wrap: anywhere;
}

.learndash-wrapper .kognos-lecon-ressources :is(.kognos-lecon-ressources__titre, .kognos-exercices__titre) {
	margin: 0;
	padding: 12px 14px;
	color: var(--global-palette3);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
}

.kognos-lecon-ressources__contenu > :first-child { margin-top: 0; }
.kognos-lecon-ressources__contenu > :last-child { margin-bottom: 0; }

.kognos-lecon-ressources__contenu > p:has(> a:only-child) {
	margin: 0;
}

.learndash-wrapper .kognos-lecon-ressources a {
	position: relative;
	display: block;
	padding: 12px 14px 12px 40px;
	border-radius: 9px;
	color: var(--global-palette3);
	font-size: 14px;
	line-height: 1.5;
	text-decoration: none;
	transition: background-color .15s, color .15s;
}

.kognos-lecon-ressources a[href]::before {
	content: "";
	position: absolute;
	top: 14px;
	left: 14px;
	width: 16px;
	height: 16px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3'/%3E%3C/svg%3E") center / contain no-repeat;
}

.learndash-wrapper .kognos-lecon-ressources a:hover,
.learndash-wrapper .kognos-lecon-ressources a:focus-visible {
	background: #edf7f4;
	color: var(--global-palette1);
}

.kognos-lecon-ressources a:focus-visible {
	outline: 2px solid var(--global-palette1);
	outline-offset: 3px;
	border-radius: 9px;
}

.kognos-lecon-ressources .kognos-exercices {
	margin: 0;
	padding: 0;
	background: transparent;
}

.learndash-wrapper .kognos-lecon-ressources .kognos-exercices__liste {
	margin: 0;
	padding: 0;
}

.learndash-wrapper .kognos-lecon-ressources .kognos-exercices__liste li {
	margin: 2px 0 0;
	border: 0;
	background: transparent;
}

.learndash-wrapper .kognos-lecon-ressources .kognos-exercices__liste a {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	padding: 12px 14px 12px 40px;
	text-decoration: none;
}

.kognos-lecon-ressources img,
.kognos-lecon-ressources iframe { max-width: 100%; }

@container kognos-lecon (min-width: 760px) {
	.kognos-lecon-disposition {
		grid-template-columns: 220px minmax(0, 1fr);
	}

	.kognos-lecon-ressources {
		position: sticky;
		top: var(--kognos-ressources-top);
		max-height: calc(100dvh - var(--kognos-ressources-top) - 24px);
		overflow-y: auto;
		scrollbar-width: thin;
	}
}

@media (min-width: 769px) and (max-width: 1100px) {
	.ld-in-focus-mode .kognos-lecon-disposition { --kognos-ressources-top: 160px; }
}

@media (min-width: 769px) {
	.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content:has(.kognos-lecon-disposition) {
		max-width: 1440px;
		padding-inline: clamp(28px, 4vw, 64px);
	}
}

/* Pages de formation : accès compact et leçons faciles à parcourir. */
.single-sfwd-courses .learndash-wrapper .ld-course-status {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 12px 28px;
	padding: 16px 20px;
	border: 1px solid #e3eaf0;
	border-radius: 16px;
	background: #f7f9fb;
}

.single-sfwd-courses .learndash-wrapper .kognos-cours-acces {
	margin: 1em 0;
	padding: 12px 16px;
}

.learndash-wrapper .kognos-cours-acces__message {
	margin: 0;
}

.kognos-cours-acces__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 20px;
	margin-left: auto;
}

.kognos-cours-acces__actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	text-align: center;
}

.kognos-cours-acces__actions a:focus-visible {
	outline: 2px solid var(--global-palette1, #038274);
	outline-offset: 4px;
}

/* La progression connectée reprend le cadre et les pastilles de la fiche. */
.single-sfwd-courses .learndash-wrapper .ld-course-status-enrolled .ld-progress {
	display: grid;
	grid-template-columns: auto minmax(80px, 1fr) auto;
	align-items: center;
	gap: 10px 20px;
	min-width: 0;
	margin: 0;
	padding: 0;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status-enrolled .ld-progress :is(.ld-progress-heading, .ld-progress-stats) {
	display: contents;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status-enrolled .ld-progress .ld-progress-percentage {
	grid-column: 1;
	grid-row: 1;
	margin: 0;
	border-color: #a5d8bd;
	background: #dcf5e7;
	/* La couleur LearnDash est déclarée en !important dans ses styles dynamiques. */
	color: #16633f !important;
	text-transform: none;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status-enrolled .ld-progress .ld-progress-steps {
	grid-column: 3;
	grid-row: 1;
	min-width: 0;
	margin: 0;
	color: #536575;
	font-size: 12px;
	line-height: 1.5;
	text-align: right;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status-enrolled .ld-progress .ld-progress-bar {
	grid-column: 2;
	grid-row: 1;
	width: 100%;
	height: 6px;
	margin: 0;
	overflow: hidden;
	border-radius: 999px;
	background: #dfe9e7;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status-enrolled .ld-progress-bar-percentage {
	height: 100%;
	border-radius: inherit;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status-enrolled > .ld-status {
	flex: 0 0 auto;
	margin: 0;
}

.single-sfwd-courses .learndash-wrapper .ld-item-list.ld-lesson-list {
	margin-top: 36px;
}

.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-section-heading {
	gap: 16px;
	margin-bottom: 20px;
}

.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-section-heading h2 {
	margin: 0;
	font-size: clamp(22px, 2.4vw, 28px);
	line-height: 1.3;
	letter-spacing: -.02em;
	text-align: left;
}

.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-item {
	margin: 8px 0;
	border: 1px solid #e3eaf0;
	border-radius: 14px;
	background: #fff;
	transition: background-color .15s, border-color .15s;
}

.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-item:is(:hover, :focus-within) {
	border-color: #a5d8cc;
	background: #f3faf7;
}

.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-item-preview {
	align-items: center;
	gap: 8px 16px;
	flex-direction: row;
	padding: 0;
}

.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-item-preview > .ld-tooltip {
	flex: 1;
	min-width: 0;
}

.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-item-preview .ld-item-name {
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: 56px;
	margin: 0;
	padding: 14px 18px;
	border-radius: 13px;
	font-size: 16px;
	line-height: 1.5;
}

.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-name .ld-status-icon {
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	margin: 0;
}

.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-name .ld-status-incomplete {
	border-width: 2px;
	border-color: #becedb;
}

.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-name:focus-visible {
	outline: 2px solid var(--global-palette1, #038274);
	outline-offset: 3px;
}

.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-item-preview .ld-item-details {
	margin: 0;
	padding: 8px 18px;
}

.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-item-preview .ld-item-details:not(:has(*)) {
	display: none;
}

@media (max-width: 640px) {
	.single-sfwd-courses .learndash-wrapper .ld-course-status-enrolled .ld-progress {
		grid-template-columns: auto minmax(0, 1fr);
		gap: 8px 16px;
	}

	.single-sfwd-courses .learndash-wrapper .ld-course-status-enrolled .ld-progress .ld-progress-steps {
		grid-column: 1 / -1;
		grid-row: 2;
		text-align: left;
	}


	.single-sfwd-courses .learndash-wrapper .ld-course-status {
		gap: 12px 16px;
		padding: 14px 16px;
	}

	.kognos-cours-acces__actions {
		width: 100%;
		gap: 10px;
		margin-left: 0;
	}

	.kognos-cours-acces__actions .kognos-invitation__bouton {
		flex: 1 1 auto;
	}

	.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-item-preview {
		flex-wrap: wrap;
	}

	.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-item-preview .ld-item-name {
		gap: 10px;
		padding: 12px 14px;
		font-size: 15px;
	}
}

/* Un aperçu réservé reste lisible sans infobulle ni survol. */
.learndash-wrapper .kognos-lecon-acces {
	flex: 0 1 auto;
	margin: 10px 18px 10px 0;
	padding: 5px 10px;
	border-radius: 999px;
	background: #edf5f3;
	color: #41605a;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
}

@media (max-width: 640px) {
	.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-item-preview:has(.kognos-lecon-acces) {
		gap: 0;
	}

	.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-item-preview:has(.kognos-lecon-acces) > .ld-tooltip {
		flex-basis: 100%;
	}

	.learndash-wrapper .kognos-lecon-acces {
		margin: 0 14px 12px 46px;
		text-align: left;
	}
}

.learndash-wrapper .ld-table-list-item-quiz > .ld-tooltip {
	flex: 1;
	min-width: 0;
}

.learndash-wrapper .ld-table-list-item-quiz .ld-table-list-item-preview {
	gap: 10px;
}

/* La pastille du quiz utilise le même composant, à la fin du lien de la carte. */
.learndash-wrapper .ld-item-list-item-quiz .ld-item-name .ld-item-title,
.learndash-wrapper .ld-table-list-item-quiz .ld-item-title {
	flex: 1;
	min-width: 0;
}

.learndash-wrapper .ld-item-list-item-quiz .ld-item-name > .kognos-lecon-acces,
.learndash-wrapper .ld-table-list-item-quiz a > .kognos-lecon-acces {
	flex: 0 0 auto;
	margin: 0;
}

@media (max-width: 640px) {
	.learndash-wrapper .ld-table-list-item-quiz .ld-table-list-item-preview:has(.kognos-lecon-acces),
	.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-item-quiz .ld-item-name:has(.kognos-lecon-acces) {
		flex-wrap: wrap;
	}

	.learndash-wrapper .ld-table-list-item-quiz .ld-table-list-item-preview:has(.kognos-lecon-acces) .ld-item-title,
	.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-item-quiz .ld-item-name:has(.kognos-lecon-acces) .ld-item-title {
		flex-basis: calc(100% - 32px);
	}

	.learndash-wrapper .ld-table-list-item-quiz a > .kognos-lecon-acces,
	.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-item-quiz .ld-item-name > .kognos-lecon-acces {
		flex-shrink: 1;
		margin-left: 32px;
	}
}

/* Un quiz réservé informe sans proposer un lien qui renvoie à la formation. */
.learndash-wrapper .kognos-quiz-inactif,
.learndash-wrapper .kognos-quiz-inactif:hover {
	color: var(--global-palette4, #253449);
	cursor: default !important;
}

.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-item-quiz:has(.kognos-quiz-inactif):is(:hover, :focus-within) {
	border-color: #e3eaf0;
	background: #fff;
}

.learndash-wrapper :is(.ld-quiz-incomplete, .ld-quiz-complete, .ld-quiz-pending) svg {
	display: block;
	width: 22px;
	height: 22px;
}

.learndash-wrapper .ld-quiz-incomplete:has(svg) {
	color: #71858c;
}

/* Les liens de leçons ouvrent un aperçu, même sans abonnement. */
.learndash-wrapper .ld-item-lesson-item > .ld-item-list-item-preview {
	cursor: default;
}

.learndash-wrapper .ld-item-lesson-item > .ld-item-list-item-preview a.ld-item-name[href] {
	cursor: pointer;
}