/* Référence commune : arrondi du bouton Connexion et typographie des actions. */
:root {
	--kognos-bouton-rayon: 10px;
	--kognos-bouton-taille: 15px;
	--kognos-bouton-graisse: 700;
}

/* Même format pour les actions éditoriales, les formulaires et les formations. */
body .site .wp-block-button__link,
body .site .kb-button.kt-button,
.entry-content a.kognos-offres__bouton,
.entry-content button.kognos-offres__bouton,
.entry-content a.kognos-trousse__bouton,
.entry-content a.kognos-invitation__bouton,
.entry-content button.ms-signup-button,
.entry-content button.memberdash-submit,
.entry-content .kognos-compte input[type="submit"],
.entry-content .kognos-employes button,
.entry-content .kognos-formulaire button[type="submit"],
.entry-content .kognos-formulaire a.button,
.entry-content .kognos-lds-search__form button,
.learndash-wrapper .ld-button:not(.ld-button-transparent):not(.ld-login-button),
.learndash-wrapper .ld-content-actions .ld-button.ld-button-transparent,
.learndash-wrapper .btn-join,
.learndash-wrapper .wpProQuiz_content input[type="button"],
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button,
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .learndash_mark_complete_button,
.ld_course_grid .ld_course_grid_button a.btn,
body .gform_wrapper .gform_footer .gform_button,
body .gform_wrapper .gform_page_footer .gform_next_button,
body .gform_wrapper .gform_page_footer .gform_previous_button,
body .gform_wrapper .gform_page_footer .gform_button {
	min-height: 48px;
	padding: 12px 20px;
	border-radius: var(--kognos-bouton-rayon);
	font-family: inherit;
	font-size: var(--kognos-bouton-taille);
	font-weight: var(--kognos-bouton-graisse);
	line-height: 1.4;
	letter-spacing: 0;
	text-decoration: none;
	transition: background-color .15s, border-color .15s, color .15s;
}

/* WordPress impose la taille « small » des anciens blocs en !important. */
body .site .wp-block-button__link.has-custom-font-size {
	font-size: var(--kognos-bouton-taille) !important;
}

body .site .wp-block-button__link,
.home .kognos-cta-accueil .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 12px 20px;
	border-width: 1px;
}

.site .wp-block-buttons {
	gap: 12px;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-button .ld-text {
	padding-inline: 0;
}

.learndash-wrapper .ld-content-actions .ld-button {
	gap: 8px;
}

.site .wp-block-button.is-style-outline .wp-block-button__link {
	border-width: 1px;
}

.site .wp-block-button__link:focus-visible,
.site .kb-button:focus-visible,
.gform_wrapper :is(.gform_button, .gform_next_button, .gform_previous_button):focus-visible {
	outline: 2px solid var(--global-palette1);
	outline-offset: 4px;
}

/* Les cartes gardent leur action en bas, avec le même bouton arrondi. */
.entry-content .kognos-offres .kognos-offres__carte > .kognos-offres__bouton {
	width: auto;
	min-height: 48px;
	margin: 0 20px 20px;
	padding: 12px 16px;
	border-radius: var(--kognos-bouton-rayon);
	font-weight: var(--kognos-bouton-graisse);
	white-space: normal;
}

.entry-content .kognos-offres .kognos-offres__carte > .kognos-offres__bouton:focus-visible {
	outline-color: var(--global-palette1);
	outline-offset: 4px;
}

body .gform_wrapper .gform_footer .gform_button,
body .gform_wrapper .gform_page_footer .gform_next_button,
body .gform_wrapper .gform_page_footer .gform_button {
	background: var(--global-palette1);
	color: var(--global-palette9);
}

body .gform_wrapper .gform_footer .gform_button:hover,
body .gform_wrapper .gform_page_footer .gform_next_button:hover,
body .gform_wrapper .gform_page_footer .gform_button:hover {
	background: #006456;
}

body .gform_wrapper .gform_page_footer .gform_previous_button {
	border: 1px solid var(--global-palette1);
	background: transparent;
	color: var(--global-palette1);
}

/* Gravity Forms pilote son thème récent avec ces variables natives. */
body .gform_wrapper :is(.gform_button, .gform_next_button, .gform_previous_button) {
	--gf-ctrl-btn-radius: var(--kognos-bouton-rayon);
	--gf-ctrl-btn-size: 48px;
	--gf-ctrl-btn-font-size: var(--kognos-bouton-taille);
	--gf-ctrl-btn-font-weight: var(--kognos-bouton-graisse);
	--gf-ctrl-btn-line-height: 1.4;
	--gf-ctrl-btn-padding-x: 20px;
	--gf-ctrl-btn-padding-y: 12px;
	--gf-ctrl-btn-bg-color-primary: var(--global-palette1);
	--gf-ctrl-btn-bg-color-hover-primary: #006456;
	--gf-ctrl-btn-bg-color-focus-primary: #006456;
	--gf-ctrl-btn-color-primary: var(--global-palette9);
	--gf-ctrl-btn-color-hover-primary: var(--global-palette9);
	--gf-ctrl-btn-color-focus-primary: var(--global-palette9);
	--gf-ctrl-btn-bg-color-secondary: transparent;
	--gf-ctrl-btn-bg-color-hover-secondary: #edf7f4;
	--gf-ctrl-btn-bg-color-focus-secondary: #edf7f4;
	--gf-ctrl-btn-border-color-secondary: var(--global-palette1);
	--gf-ctrl-btn-border-width-secondary: 1px;
	--gf-ctrl-btn-color-secondary: var(--global-palette1);
}

/* Liens légaux : un survol lisible sur le fond bleu du pied de page. */
#footer-navigation a {
	transition: color .15s;
	text-decoration-thickness: 1px;
	text-underline-offset: .3em;
}

#colophon #footer-navigation a:hover,
#colophon #footer-navigation a:focus-visible {
	color: #a1e3d7;
	text-decoration-line: underline;
}

#footer-navigation a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
	border-radius: 2px;
}

/* Le visuel du quiz reste un arrière-plan éditable dans le bloc Kadence. */
.home .entry-content > .kognos-quiz-accueil {
	width: calc(100% - 40px);
	max-width: var(--global-content-width);
	margin: 72px auto;
}

.home .kognos-quiz-accueil > .kt-inside-inner-col {
	border: 1px solid #dde5ec;
	box-shadow: 0 12px 32px rgba(7, 41, 78, .06);
}

.home .kognos-quiz-accueil .wp-block-kadence-rowlayout .wp-block-kadence-column {
	max-width: 540px;
}

.home .kognos-quiz-accueil h2 {
	margin: 0 0 20px;
	font-size: clamp(28px, 3vw, 38px);
	line-height: 1.2;
	letter-spacing: -.025em;
	text-wrap: balance;
}

.home .kognos-quiz-accueil p {
	margin: 0;
	color: var(--global-palette3);
	font-size: 17px;
	line-height: 1.65;
}

.home .kognos-quiz-accueil .wp-block-kadence-iconlist {
	padding-top: 28px;
}

.home .kognos-quiz-accueil ul.kt-svg-icon-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px 24px;
}

.home .kognos-quiz-accueil .kt-svg-icon-list .kt-svg-icon-list-item-wrap {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
}

.home .kognos-quiz-accueil .wp-block-buttons {
	margin: 0;
}

.home .kognos-quiz-accueil p:last-child {
	margin-top: 12px;
	color: #455768;
	font-size: 14px;
}

@media (max-width: 1024px) {
	.home .entry-content > .kognos-quiz-accueil {
		margin-block: 56px;
	}

	.home .kognos-quiz-accueil > .kt-inside-inner-col::before {
		background: linear-gradient(90deg, rgba(255, 255, 255, .98), rgba(255, 255, 255, .92) 70%, rgba(255, 255, 255, .5));
	}
}

@media (max-width: 600px) {
	.home .entry-content > .kognos-quiz-accueil {
		margin-block: 40px;
	}

	.home .kognos-quiz-accueil > .kt-inside-inner-col::before {
		background: rgba(255, 255, 255, .9);
	}

	.home .kognos-quiz-accueil ul.kt-svg-icon-list {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
	}

	.home .kognos-quiz-accueil p {
		font-size: 16px;
	}

	.home .wp-block-buttons .wp-block-button,
	.home .wp-block-buttons .wp-block-button__link {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.site .wp-block-button__link,
	.site .kb-button,
	.kognos-offres__bouton,
	.gform_wrapper .gform_button,
	#footer-navigation a {
		transition: none;
	}
}

/* Le retour au cours reprend le bouton secondaire du site. */
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-content-action .ld-course-step-back {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: 48px;
	margin: 12px 0 0;
	padding: 12px 20px;
	border: 1px solid var(--global-palette1) !important;
	border-radius: var(--kognos-bouton-rayon);
	background: transparent;
	color: var(--global-palette1) !important;
	font-family: inherit;
	font-size: var(--kognos-bouton-taille);
	font-weight: var(--kognos-bouton-graisse);
	line-height: 1.4;
	text-decoration: none;
	transition: background-color .15s, color .15s;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-content-action .ld-course-step-back:hover {
	background: var(--global-palette1);
	color: var(--global-palette9) !important;
}

.learndash-wrapper .ld-content-actions .ld-course-step-back:focus-visible {
	outline: 2px solid var(--global-palette1);
	outline-offset: 3px;
}

/* Les actions de consentement suivent aussi le format partagé. */
body :is(.cky-consent-container, .cky-modal) button.cky-btn {
	border-radius: var(--kognos-bouton-rayon);
	font-size: var(--kognos-bouton-taille);
	font-weight: var(--kognos-bouton-graisse);
}

/* Variante secondaire partagée, comme le bouton Connexion de l’en-tête. */
.entry-content a.kognos-invitation__bouton--secondaire {
	border: 1px solid var(--global-palette1);
	background: transparent;
	color: var(--global-palette1);
}

.entry-content a.kognos-invitation__bouton--secondaire:hover,
.entry-content a.kognos-invitation__bouton--secondaire:focus {
	background: var(--global-palette1);
	color: var(--global-palette9);
}

/* LearnDash supprime la bordure inférieure des liens avec !important. */
.entry-content .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) a.kognos-invitation__bouton.kognos-invitation__bouton--secondaire {
	border-bottom: 1px solid var(--global-palette1) !important;
}

/* Jauge commune au résumé des places et au menu du compte. */
.kognos-places-jauge { display: block; width: 100%; height: 10px; margin-top: 10px; border: 0; border-radius: 8px; background: #dfeae7; }
.kognos-places-jauge::-webkit-meter-bar { border: 0; background: #dfeae7; border-radius: 8px; }
.kognos-places-jauge::-webkit-meter-optimum-value { background: #087c70; border-radius: 8px; }
.kognos-places-jauge::-moz-meter-bar { background: #087c70; border-radius: 8px; }

/* Tableaux communs aux rapports et au compte. */
:is(.kognos-rapports .ld-propanel-widget-reporting .ld-propanel-reporting-table, .entry-content .kognos-compte .ms-account-wrapper table) { width: 100%; margin: 0; border: 0; border-collapse: separate; border-spacing: 0; font-size: 14px; }
:is(.kognos-rapports .ld-propanel-widget-reporting .ld-propanel-reporting-table, .entry-content .kognos-compte .ms-account-wrapper table) :is(thead, tbody, tfoot, tr) { border: 0; }
:is(.kognos-rapports .ld-propanel-widget-reporting .ld-propanel-reporting-table, .entry-content .kognos-compte .ms-account-wrapper table) :is(th, td) { padding: 18px 20px; border: 0; border-bottom: 1px solid #e7edf1; text-align: left; vertical-align: middle; }
:is(.kognos-rapports .ld-propanel-widget-reporting .ld-propanel-reporting-table, .entry-content .kognos-compte .ms-account-wrapper table) th { background: #f2f6f8; color: var(--global-palette3); font-size: 13px; font-weight: 700; }
:is(.kognos-rapports .ld-propanel-widget-reporting .ld-propanel-reporting-table, .entry-content .kognos-compte .ms-account-wrapper table) td { background: #fff; color: var(--global-palette3); line-height: 1.6; }
:is(.kognos-rapports .ld-propanel-widget-reporting .ld-propanel-reporting-table, .entry-content .kognos-compte .ms-account-wrapper table) tr:last-child td { border-bottom: 0; }
:is(.kognos-rapports .ld-propanel-widget-reporting .ld-propanel-reporting-table, .entry-content .kognos-compte .ms-account-wrapper table) tbody tr:hover td { background: #f7fbfa; }
:is(.kognos-rapports .ld-propanel-widget-reporting .ld-propanel-reporting-table, .entry-content .kognos-compte .ms-account-wrapper table) a { color: var(--global-palette1); text-decoration: none; overflow-wrap: anywhere; }
:is(.kognos-rapports .ld-propanel-widget-reporting .ld-propanel-reporting-table, .entry-content .kognos-compte .ms-account-wrapper table) a:hover { text-decoration: underline; }

/* Tableaux partagés : liste des employés et récapitulatifs d’achat. */
.entry-content .kognos-tableau {
	width: 100%;
	margin: 0 0 24px;
	border: 1px solid #dce5eb;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	font-size: 15px;
	line-height: 1.5;
}
.entry-content .kognos-tableau :is(th, td),
.entry-content .ms-membership-form-wrapper .kognos-tableau :is(th, td) {
	padding: 14px 16px;
	border: 0;
	border-bottom: 1px solid #e7edf1;
	background: transparent;
	color: var(--global-palette3);
	text-align: left;
	vertical-align: top;
	overflow-wrap: anywhere;
}
.entry-content .kognos-tableau th { font-weight: 600; }
.entry-content .kognos-tableau thead th { background: #f2f6f8; font-size: 14px; }
.entry-content .kognos-tableau tbody tr:last-child > * { border-bottom: 0; }
.entry-content .kognos-tableau .kognos-tableau__total > * { background: #edf7f4; color: var(--global-palette1); font-size: 17px; font-weight: 700; }
.entry-content .kognos-formulaire :is(button[type="submit"], a.button) { border: 1px solid var(--global-palette1); background: var(--global-palette1); color: #fff; white-space: normal; }
.entry-content .kognos-formulaire :is(button[type="submit"], a.button):hover { background: #006456; border-color: #006456; }
.entry-content .kognos-formulaire :is(button[type="submit"], a.button):focus-visible { outline: 2px solid var(--global-palette1); outline-offset: 3px; }
