/* AI Page Inspector - public floating WhatsApp button */

.aipi-floating-whatsapp {
	position: fixed;
	right: max( 18px, env( safe-area-inset-right ) );
	bottom: max( 18px, env( safe-area-inset-bottom ) );
	z-index: 99990;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #25d366;
	color: #ffffff;
	box-shadow: 0 14px 32px rgba( 37, 211, 102, 0.28 ), 0 4px 12px rgba( 15, 23, 42, 0.18 );
	text-decoration: none;
	transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.aipi-floating-whatsapp:hover,
.aipi-floating-whatsapp:focus {
	background: #1ebe5d;
	color: #ffffff;
	text-decoration: none;
	transform: translateY( -2px );
	box-shadow: 0 18px 38px rgba( 37, 211, 102, 0.34 ), 0 6px 16px rgba( 15, 23, 42, 0.2 );
}

.aipi-floating-whatsapp:focus-visible {
	outline: 3px solid rgba( 37, 211, 102, 0.28 );
	outline-offset: 4px;
}

.aipi-floating-whatsapp__icon,
.aipi-floating-whatsapp__icon svg {
	display: block;
	width: 34px;
	height: 34px;
}

.aipi-floating-whatsapp__icon svg {
	fill: currentColor;
}

@media ( max-width: 640px ) {
	.aipi-floating-whatsapp {
		right: max( 14px, env( safe-area-inset-right ) );
		bottom: max( 14px, env( safe-area-inset-bottom ) );
		width: 52px;
		height: 52px;
	}

	.aipi-floating-whatsapp__icon,
	.aipi-floating-whatsapp__icon svg {
		width: 30px;
		height: 30px;
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.aipi-floating-whatsapp {
		transition: none;
	}
}