/* #PRODUIRE{fond=css/dsfr_composants.css}
   md5:2d5705b4b34ff1719ad81907b8fbd202 */

/**
 * Styles de l'espace public du plugin
 *
 * @author		Jonathan OCHEJ
 * @license		GPL - https://www.gnu.org/licenses/gpl-3.0.html
 **/
:root {
	/* reprise de plusieurs configurations CSS du DSFR pour faciliter leur utilisation unitaire */
	--dsfr-text-spacing: 1.5rem; /* `--text-spacing` */
	--dsfr-title-spacing: 1.5rem; /* `--title-spacing` */
	--dsfr-display-spacing: 2rem; /* `--display-spacing` */
	--dsfr-font-family: Marianne, arial, sans-serif;
}

/*
	Images
*/
img:not(.fr-responsive-img) {
	max-width: 100%;
	height: auto;
}
.fr-table img:not(.fr-responsive-img) {
	max-width: 50vw;
}
[href]:has(img) {
	line-height: 0;
	background: none;
}

/*
	Iframes
*/
iframe {
	width: 100%;
	max-width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

/*
	Fix du composant DSFR `sommaire` qui a beaucoup trop de marge/padding si il y a une grande profondeur
*/
.fr-summary ol:last-child {
	margin-block-end: 0;
}
.fr-summary li:last-child {
	padding-bottom: 0;
}

/*
	Tableaux SPIP avec uniquement un résumé (mais pas de titre/légende)
	Normalement mis en conformité avec `traitement_dsfr_mise_en_conformite_tableaux_spip()`
*/
.fr-table caption > small {
	/* reprise de la class `.fr-table--no-caption caption` */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
	display: block;
	height: 0;
}

/*
	Balise SPIP : TRI
	Par défaut l'icône `arrow-up-down-fill` est utilisé (ajouté directement dans la `class` du lien)
*/
.item-tri {
	--icone-asc: url('https://pedagogie.ac-orleans-tours.fr/plugins/dsfr_lib/lib/dsfr/icons/system/arrow-up-fill.svg');
	--icone-desc: url('https://pedagogie.ac-orleans-tours.fr/plugins/dsfr_lib/lib/dsfr/icons/system/arrow-down-fill.svg');
}
.item-tri:after {
	opacity: 0.5;
}
.item-tri_actif:after,
.item-tri:hover:after,
.item-tri:focus:after {
	opacity: 1;
}
.item-tri_actif.item-tri_asc:after,
.item-tri_asc:hover:after,
.item-tri_asc:focus:after,
.item-tri_actif.item-tri_desc:hover:after,
.item-tri_actif.item-tri_desc:focus:after {
	-webkit-mask-image: var(--icone-asc);
	mask-image: var(--icone-asc);
}
.item-tri_actif.item-tri_desc:after,
.item-tri_desc:hover:after,
.item-tri_desc:focus:after,
.item-tri_actif.item-tri_asc:hover:after,
.item-tri_actif.item-tri_asc:focus:after {
	-webkit-mask-image: var(--icone-desc);
	mask-image: var(--icone-desc);
}

/*
	Notes et références SPIP : [[...]]
*/
.dsfr_reference_note [href] {
	color: var(--text-action-high-blue-france);
	white-space: nowrap;
	--underline-img: none;
}
.dsfr_reference_note [href]:hover,
.dsfr_reference_note [href]:focus {
	text-decoration: underline;
}
sup.dsfr_reference_note {
	padding-left: 0.1rem;
	font-size: 0.75rem; /* comme `.fr-text--xs` */
}
sup.dsfr_reference_note [href]:before {
	content: '[';
}
sup.dsfr_reference_note [href]:after {
	content: ']';
}
.dsfr_contenu_note {
	margin: var(--text-spacing);
	padding-left: 2em;
}
.dsfr_contenu_note p {
	margin: 0;
}
.dsfr_contenu_note .dsfr_reference_note {
	margin-left: -2em;
	float: left;
}
.dsfr_contenu_note .dsfr_reference_note [href]:after {
	content: ' ↑';
}

/*
	Ancre des intertitres
*/
a[href].dsfr_ancre_intertitre,
a[href].dsfr_ancre_intertitre:visited {
	background: none;
	text-decoration: none;
	font-style: normal;
	font-size: .9em;
	color: transparent;
	margin-left: .2em;
	scroll-margin-top: .2em;
}
a[href].dsfr_ancre_intertitre:after {
	content: '#';
}
a[href].dsfr_ancre_intertitre:focus,
a[href].dsfr_ancre_intertitre:hover {
	text-decoration: underline;
}
a[href].dsfr_ancre_intertitre:focus,
:hover > a[href].dsfr_ancre_intertitre {
	color: var(--background-contrast-grey-active);
}

/*
	Balise `<math>` prise en charge par le plugin `mathjax`
*/
.spip-math {
	/* ne pas dépasser la largeur du conteneur */
	max-width: 100%;
	overflow: auto;
}