/* Accès direct à WhatsApp, au-dessus du contenu mais sous les panneaux du site. */
.fmt-whatsapp {
	position: fixed;
	inset-inline-end: max(20px, env(safe-area-inset-right));
	inset-block-end: max(20px, env(safe-area-inset-bottom));
	z-index: 30;
	display: grid;
	place-items: center;
	inline-size: 52px;
	block-size: 52px;
	border-radius: 50%;
	background: #25d366;
	color: #fff;
	box-shadow: 0 4px 16px rgb(0 0 0 / 20%);
	text-decoration: none;
	transition: transform var(--dur-quick) var(--ease-soft), background-color var(--dur-quick) var(--ease-soft);
}

.fmt-whatsapp:hover {
	background: #1da851;
	color: #fff;
	transform: translateY(-2px);
}

.fmt-whatsapp:focus-visible {
	outline: 2px solid var(--focus-ring);
	outline-offset: 3px;
}

.fmt-whatsapp svg {
	inline-size: 29px;
	block-size: 29px;
}

@media (max-width: 600px) {
	.fmt-whatsapp {
		inline-size: 48px;
		block-size: 48px;
	}
}