/*
 * Bouton WhatsApp flottant — bas gauche, sur toutes les pages. Positionné
 * en miroir du bouton assistant Zako (.zb-assist, bas droite, voir
 * assistant-zarboutan.css) mais avec son propre z-index, volontairement
 * inférieur à celui de l'assistant (99999) et du popup newsletter (999999) :
 * les deux boutons flottants n'occupent jamais le même coin de l'écran,
 * donc aucun conflit d'empilement réel n'est possible entre eux.
 */

.zb-whatsapp-float {
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #25d366;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
	line-height: 0;
}

.zb-whatsapp-float:hover,
.zb-whatsapp-float:focus-visible {
	filter: brightness(1.05);
}

.zb-whatsapp-float svg {
	display: block;
	width: 28px;
	height: 28px;
}

@media (max-width: 480px) {
	.zb-whatsapp-float {
		left: 12px;
		bottom: 12px;
		width: 48px;
		height: 48px;
	}

	.zb-whatsapp-float svg {
		width: 24px;
		height: 24px;
	}
}

/* Format compact sous 400px, tout en conservant une cible tactile de
   44 px minimum pour limiter les erreurs de toucher sur mobile. */
@media (max-width: 400px) {
	.zb-whatsapp-float {
		width: 44px;
		height: 44px;
	}

	.zb-whatsapp-float svg {
		width: 22px;
		height: 22px;
	}
}