/* Tickets 234 et 245 — flèche « Revenir en haut », commune aux pages de
   l'administration. Elle se pose au-dessus du lanceur de Sol (3rem + 1rem du
   coin) ; le contrôleur la déplace au-dessus d'une barre fixe ou à gauche du
   panneau ouvert, jamais sur un contrôle. Sous la couche des fenêtres (Sol,
   z-index 1080) et de la visionneuse de photos (1060). */
.back-to-top {
	align-items: center;
	border-radius: 999px;
	bottom: calc(1rem + 3rem + .75rem);
	box-shadow: 0 .35rem 1rem rgba(15, 23, 42, .22);
	display: inline-flex;
	height: 3rem;
	justify-content: center;
	position: fixed;
	right: 1rem;
	width: 3rem;
	z-index: 1030;
}

.back-to-top .ti {
	font-size: 1.35rem;
}

/* Tabler's .btn:focus-visible removes the outline; this ring puts it back. */
.back-to-top.btn:focus-visible {
	outline: 3px solid var(--tblr-primary, #206bc4);
	outline-offset: 3px;
}

/* Le dégagement est posé dès que la page est assez longue pour que la flèche
   apparaisse un jour, indépendamment de sa visibilité : cacher la flèche en
   bas de page ne doit pas rétrécir la page ni faire sauter le défilement. Le
   contrôleur pose la classe sur <html> ; les derniers boutons (« Modifier »,
   « Archiver ») restent cliquables une fois la page défilée à fond. */
@media screen {
	html.has-back-to-top-clearance .page-wrapper > .page-body {
		padding-bottom: 8rem;
	}
}

@media (max-width: 575.98px) {
	.back-to-top {
		bottom: calc(.75rem + 3rem + .75rem);
		right: .75rem;
	}
}
