/**
 * WLRE Theme — WhatsApp Floating Action Button.
 *
 * Figma: 6167-226926 (canonical), reused across every screen's "Floating" layer.
 *
 * Spec:
 *   - Mobile: 56×56, padding 14, icon 28, shadow 0 7px 21px rgba(149,157,165,.2)
 *   - Desktop: 64×64, padding 16, icon 32, shadow 0 8px 24px rgba(149,157,165,.2)
 *   - Fill #60D669 (Figma WhatsApp brand, lighter than the canonical #25D366)
 *   - Circular pill (border-radius 50%)
 *   - Stacks ABOVE the bottom nav on mobile (bottom-nav height 70px + breathing room)
 */

.wlre-whatsapp-fab {
	position: fixed;
	bottom: var(--wlre-space-24);
	right: var(--wlre-space-24);
	z-index: 80;
	width: 64px;
	height: 64px;
	padding: var(--wlre-space-16);
	border-radius: 50%;
	background-color: var(--wlre-color-whatsapp);
	color: var(--wlre-color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 24px rgba(149, 157, 165, 0.2);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	text-decoration: none;
}

.wlre-whatsapp-fab svg {
	width: 100%;
	height: 100%;
}

.wlre-whatsapp-fab:hover {
	transform: scale(1.05);
	box-shadow: 0 10px 28px rgba(149, 157, 165, 0.28);
}

.wlre-whatsapp-fab:focus-visible {
	outline: 2px solid var(--wlre-color-accent-500);
	outline-offset: 2px;
}

/* === Mobile — smaller pill above the bottom nav =====================
 * Bottom offset reads --wlre-bottom-nav-height (70px default), plus the
 * optional --wlre-pd-mobile-bar-height which is set by property-detail
 * pages that surface the mobile sticky CTA bar (see point 34). When the
 * bar is absent the variable falls back to 0 so the FAB sits at the
 * usual offset above the bottom-nav. */
@media (max-width: 767px) {
	.wlre-whatsapp-fab {
		bottom: calc(
			var(--wlre-bottom-nav-height, 94px)
			+ var(--wlre-pd-mobile-bar-height, 0px)
			+ var(--wlre-space-12)
		);
		right: var(--wlre-space-16);
		width: 56px;
		height: 56px;
		padding: 14px;
		box-shadow: 0 7px 21px rgba(149, 157, 165, 0.2);
	}

	body.single-property .wlre-whatsapp-fab,
	body.single.post-type-property .wlre-whatsapp-fab {
		display: none;
	}
}