/* Bouton WhatsApp flottant — anti-collision sticky ATC / promo bas. */
:root {
	--c3-wa-size: 56px;
	--c3-wa-green: #25d366;
	--c3-wa-green-hover: #1ebe57;
	--c3-wa-side: max(16px, var(--c3-gutter, 16px));
	--c3-wa-offset-base: calc(16px + env(safe-area-inset-bottom, 0px));
	--c3-wa-offset-promo: 0px;
	--c3-wa-offset-sticky-atc: 0px;
	--z-whatsapp-float: 890;
}

@media (max-width: 767px) {
	:root {
		--c3-wa-size: 54px;
	}

	body.single-product {
		--c3-wa-offset-sticky-atc: 84px;
	}
}

@media (min-width: 768px) {
	:root {
		--c3-wa-size: 60px;
	}
}

body.has-c3-promo-sticky {
	--c3-wa-offset-promo: calc(var(--c3-promo-sticky-h, 48px) + 8px);
}

.c3-wa-float {
	position: fixed;
	z-index: var(--z-whatsapp-float);
	right: var(--c3-wa-side);
	bottom: calc(var(--c3-wa-offset-base) + var(--c3-wa-offset-promo) + var(--c3-wa-offset-sticky-atc));
	display: grid;
	width: var(--c3-wa-size);
	height: var(--c3-wa-size);
	place-items: center;
	border-radius: 50%;
	background: var(--c3-wa-green);
	color: #fff;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
	transition: transform var(--motion-fast) ease, background-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;
}

.c3-wa-float:hover,
.c3-wa-float:focus-visible {
	background: var(--c3-wa-green-hover);
	box-shadow: 0 6px 18px rgba(0, 0, 0, .22);
	transform: translateY(-1px);
}

.c3-wa-float:focus-visible {
	outline: 2px solid #000;
	outline-offset: 3px;
}

.c3-wa-float__icon {
	display: block;
	width: calc(var(--c3-wa-size) * .5);
	height: calc(var(--c3-wa-size) * .5);
}

@media (prefers-reduced-motion: reduce) {
	.c3-wa-float {
		transition: none;
	}

	.c3-wa-float:hover,
	.c3-wa-float:focus-visible {
		transform: none;
	}
}