/**
 * Botão flutuante WhatsApp — todo o site (front-end).
 */

.amaara-wa-float {
	--wa-float-size: 56px;
	--wa-float-inset: max(16px, env(safe-area-inset-right, 0px));
	--wa-float-bottom: max(16px, env(safe-area-inset-bottom, 0px));

	position: fixed;
	z-index: 99990;
	right: var(--wa-float-inset);
	bottom: var(--wa-float-bottom);
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--wa-float-size);
	height: var(--wa-float-size);
	border-radius: 50%;
	background: #25d366;
	color: #fff;
	text-decoration: none;
	box-shadow:
		0 4px 18px rgba(37, 211, 102, 0.45),
		0 2px 8px rgba(31, 42, 34, 0.18);
	transition:
		transform 0.18s ease,
		box-shadow 0.18s ease,
		background-color 0.18s ease;
}

.amaara-wa-float:hover {
	background: #20bd5a;
	color: #fff;
	transform: scale(1.06);
	box-shadow:
		0 6px 24px rgba(37, 211, 102, 0.5),
		0 3px 10px rgba(31, 42, 34, 0.22);
}

.amaara-wa-float:focus-visible {
	outline: 3px solid rgba(31, 42, 34, 0.35);
	outline-offset: 3px;
}

.amaara-wa-float:active {
	transform: scale(0.98);
}

.amaara-wa-float__icon {
	display: block;
	width: 28px;
	height: 28px;
}

@media (prefers-reduced-motion: reduce) {
	.amaara-wa-float,
	.amaara-wa-float:hover,
	.amaara-wa-float:active {
		transition: none;
		transform: none;
	}
}

@media print {
	.amaara-wa-float {
		display: none !important;
	}
}