/**
 * Dahu Theme Annad 2026 — bouton « Remonter en haut » (4.86.0).
 *
 * Bouton unique imprimé par footer.php, affiché par assets/js/back-to-top.js sur les pages longues
 * (plus de deux écrans) une fois un écran défilé. Rond, gris anthracite des blocs sombres, chevron en
 * masque SVG (couleur du texte, même technique que support.css). Coin bas droit ; décalé vers le haut
 * par le script (--annad-back-to-top-lift) quand le badge reCAPTCHA ou une fenêtre de discussion
 * occupe ce coin. Au-dessus du contenu et du pied de page, sous l'en-tête fixe et ses menus.
 */

.annad-back-to-top {
	position: fixed;
	right: max(1rem, env(safe-area-inset-right));
	bottom: calc(max(1rem, env(safe-area-inset-bottom)) + var(--annad-back-to-top-lift, 0px));
	z-index: calc(var(--z-header) - 2);
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	padding: 0;
	color: var(--color-on-surface);
	cursor: pointer;
	background-color: var(--color-surface-2);
	border: 1px solid color-mix(in srgb, var(--color-on-surface) 18%, transparent);
	border-radius: 50%;
	box-shadow: 0 4px 14px color-mix(in srgb, var(--color-bg) 35%, transparent);
	opacity: 0;
	transform: translateY(0.75rem);
	transition:
		opacity var(--annad-transition-fast) var(--annad-ease),
		transform var(--annad-transition-fast) var(--annad-ease),
		background-color var(--annad-transition-fast) var(--annad-ease);
}

.annad-back-to-top[hidden] {
	display: none;
}

.annad-back-to-top.is-visible {
	opacity: 1;
	transform: none;
}

.annad-back-to-top::before {
	content: "";
	width: 1.25rem;
	height: 1.25rem;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}

.annad-back-to-top:hover {
	background-color: var(--color-surface-3);
}

.annad-back-to-top:focus-visible {
	outline: 2px solid var(--color-brand-green);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.annad-back-to-top {
		transform: none;
		transition: none;
	}
}

@media print {
	.annad-back-to-top {
		display: none !important;
	}
}