/* lfc/whatsapp-float — frontend styles.
 * These rules style the floating button emitted by lfc_whatsapp_float_render().
 */
.lfc-whatsapp-float {
	position: fixed;
	bottom: 28px;
	z-index: 9990;
	width: 60px;
	height: 60px;
	border-radius: var(--lfc-radius-full, 9999px);
	background: #25D366;
	color: #ffffff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lfc-whatsapp-float--right { right: 28px; }
.lfc-whatsapp-float--left  { left:  28px; }

.lfc-whatsapp-float:hover,
.lfc-whatsapp-float:focus-visible {
	transform: scale(1.1);
	box-shadow: 0 6px 28px rgba(37, 211, 102, 0.5);
}

.lfc-whatsapp-float svg {
	width: 32px;
	height: 32px;
	fill: currentColor;
}

.lfc-whatsapp-float:focus-visible {
	outline: 3px solid var(--lfc-focus-ring, #05ABA9);
	outline-offset: 3px;
}

@media ( prefers-reduced-motion: reduce ) {
	.lfc-whatsapp-float { transition: none; }
	.lfc-whatsapp-float:hover,
	.lfc-whatsapp-float:focus-visible { transform: none; }
}