/* Les liens restent utilisables sans JavaScript ; le script active les onglets. */
.entry-content :is(.kognos-espace, .wp-block-kognos-onglets) {
	margin-top: 2rem;
}

:is(.kognos-espace-onglets, .kognos-onglets-navigation) {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	gap: .25rem;
	margin-bottom: 1.25rem;
	padding: .25rem;
	border: 1px solid #dde5ec;
	border-radius: 8px;
	background: #f3f6f8;
}

:is(.kognos-espace-onglets, .kognos-onglets-navigation) a,
.ld-propanel-widget-filtering .kognos-onglets-navigation a.section-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: .4rem .75rem;
	border-radius: 5px;
	color: var(--global-palette3, #07294e);
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
}

:is(.kognos-espace-onglets-liste, .kognos-onglets-liste) {
	display: contents;
}

:is(.kognos-espace-onglets, .kognos-onglets-navigation) a:hover,
.ld-propanel-widget-filtering .kognos-onglets-navigation a.section-toggle:hover {
	background: #e7edf2;
	color: var(--global-palette3, #07294e);
}

:is(.kognos-espace-onglets, .kognos-onglets-navigation) a:is([aria-selected="true"], [aria-expanded="true"], [aria-current="location"], [aria-current="page"]),
.ld-propanel-widget-filtering .kognos-onglets-navigation a.section-toggle[aria-expanded="true"] {
	background: var(--global-palette1, #038274);
	color: #fff;
}

:is(.kognos-espace-onglets, .kognos-onglets-navigation) a:focus-visible,
:is(.kognos-espace-panneau, .wp-block-kognos-onglet):focus-visible {
	outline: 2px solid var(--global-palette2, #136586);
	outline-offset: 3px;
}

.entry-content :is(.kognos-espace-panneau, .wp-block-kognos-onglet),
.entry-content :is(.kognos-espace-panneau, .wp-block-kognos-onglet) .kognos-attestations {
	margin-top: 0;
}

:is(.kognos-espace-panneau, .wp-block-kognos-onglet),
:is(.kognos-espace, .wp-block-kognos-onglets) #ld-profile {
	scroll-margin-top: 190px;
}

:is(.kognos-espace-panneau, .wp-block-kognos-onglet)[hidden] {
	display: none !important;
}

/* Le titre de LearnDash suit ceux des autres panneaux. */
:is(.kognos-espace, .wp-block-kognos-onglets) #ld-profile .ld-item-list {
	margin-top: 0;
}

:is(.kognos-espace, .wp-block-kognos-onglets) #ld-profile .ld-section-heading h3 {
	margin-top: 0;
	color: var(--global-palette3, #0e3169);
	font-size: 1.75rem;
	line-height: 1.5;
}

/* Les titres gardent le contenu lisible sans JavaScript. */
.kognos-onglets-actifs > .wp-block-kognos-onglet > .kognos-onglet-titre {
	display: none;
}

.wp-block-kognos-onglets,
.wp-block-kognos-onglet {
	min-width: 0;
}

/* Un espacement commun aux grilles de cartes et aux listes par logiciel. */
.wp-block-kognos-onglets {
	--kognos-grille-gap: 1.5rem;
}

.entry-content .wp-block-kognos-onglets :is(
	.kognos-logiciels__grille,
	.kognos-themes,
	.kognos-niveaux,
	.kognos-vignettes-ordres,
	.kognos-catalogue-grille,
	.kt-row-column-wrap:has(> .kognos-carte)
) {
	gap: var(--kognos-grille-gap);
}

.wp-block-kognos-onglets .kognos-themes__groupe {
	margin-bottom: var(--kognos-grille-gap);
}

@media (max-width: 767px) {
	.wp-block-kognos-onglets {
		--kognos-grille-gap: 1rem;
	}
}

/* Sur téléphone, une seule rangée qui défile ; le fondu signale les onglets cachés. */
@media (max-width: 700px) {
	:is(.kognos-espace-onglets, .kognos-onglets-navigation) {
		display: flex;
		position: relative;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 2rem), transparent);
		mask-image: linear-gradient(to right, #000 calc(100% - 2rem), transparent);
	}

	:is(.kognos-espace-onglets, .kognos-onglets-navigation)::-webkit-scrollbar {
		display: none;
	}

	:is(.kognos-espace-onglets, .kognos-onglets-navigation).kognos-onglets-au-bout {
		-webkit-mask-image: none;
		mask-image: none;
	}

	:is(.kognos-espace-onglets, .kognos-onglets-navigation) a {
		flex: 0 0 auto;
		scroll-snap-align: start;
		white-space: nowrap;
	}

	:is(.kognos-espace-panneau, .wp-block-kognos-onglet),
	:is(.kognos-espace, .wp-block-kognos-onglets) #ld-profile {
		scroll-margin-top: 300px;
	}

}