/* WhatsApp floating button — issue #84 */
:root {
	--rv-whatsapp-green: #075E54;
}

.rv-whatsapp-button {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1030;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-color: var(--rv-whatsapp-green);
	color: #ffffff;
	font-size: 30px;
	line-height: 1;
	text-decoration: none;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	animation: rv-whatsapp-ring 5s ease-in-out infinite;
}

.rv-whatsapp-button:hover,
.rv-whatsapp-button:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: #128C7E;
}

.rv-whatsapp-button:focus-visible {
	outline: 3px solid #283593;
	outline-offset: 2px;
}

@keyframes rv-whatsapp-ring {
	0%,
	16%,
	100% {
		transform: scale(1) rotate(0deg);
	}
	4% {
		transform: scale(1.08) rotate(-3deg);
	}
	8% {
		transform: scale(1.08) rotate(3deg);
	}
	12% {
		transform: scale(1) rotate(0deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.rv-whatsapp-button {
		animation: none;
	}
}