/**
 * Bouton flottant « Haut de page » — composant global.
 *
 * Injecté automatiquement sur toutes les pages via wp_footer (fonction
 * bmf_haut_de_page_render() dans functions.php). Le handler JS est dans
 * assets/js/haut-de-page.js.
 *
 * Note historique : les pages ayant adopté ce composant en premier
 * (archive-projet, contact, légales, nos-engagements, notre-équipe) ont
 * conservé une copie locale du CSS dans leurs feuilles dédiées. Ce fichier
 * global garantit l'application sur les pages qui n'en ont pas (accueil,
 * 404, pages métier, etc.). Aucune règle ne diffère entre les copies, la
 * cascade reste cohérente.
 */
.haut-de-page {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 100;
	appearance: none;
	border: 0;
	background: none;
	padding: 0;
	cursor: pointer;
	text-align: center;
	line-height: 1;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s, visibility 0.2s;
}

.haut-de-page.visible,
.haut-de-page.is-visible {
	opacity: 1;
	visibility: visible;
}

.haut-de-page__icon {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto 4px;
}

.haut-de-page__label {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: "Inter", sans-serif;
	font-weight: 600;
	font-size: 9px;
	line-height: 1.4;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: #1D1D1B;
}

.haut-de-page__label span {
	display: block;
	line-height: 1.4;
}

@media (max-width: 767px) {
	.haut-de-page {
		right: 16px;
		bottom: max(16px, env(safe-area-inset-bottom, 0px));
		min-width: 44px;
		padding: 4px;
	}
}