/*
Site Floating CTA — fixed WhatsApp + phone buttons for site pages.

Enqueued ONLY on pages using page-site.php. NOT rendered on the LP (the LP
has its own sticky CTA system via .lp-sticky-cta). All selectors scoped
under .site-floating-cta.
*/

.site-floating-cta {
	position: fixed;
	inset-inline-end: 20px;
	bottom: 20px;
	z-index: 800;
	display: flex;
	flex-direction: column;
	gap: 10px;
	pointer-events: none; /* let children re-enable so the gap doesn't catch clicks */
}
.site-floating-cta__btn {
	pointer-events: auto;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--bg-card);
	border: 1px solid rgba(212, 175, 55, 0.3);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
	text-decoration: none;
	color: var(--gold-highlight);
	transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.site-floating-cta__btn:hover,
.site-floating-cta__btn:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 10px 28px rgba(138, 79, 255, 0.32);
	background: var(--bg-card-raised);
}
.site-floating-cta__btn svg {
	width: 24px;
	height: 24px;
	color: currentColor;
}
.site-floating-cta__btn--whatsapp {
	background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
	border-color: rgba(37, 211, 102, 0.35);
	color: #FFFFFF;
}
.site-floating-cta__btn--whatsapp:hover,
.site-floating-cta__btn--whatsapp:focus-visible {
	background: linear-gradient(135deg, #2EE672 0%, #14A091 100%);
	color: #FFFFFF;
}

@media (max-width: 600px) {
	.site-floating-cta {
		/* Lift above the mobile sticky bar so the buttons don't overlap it */
		bottom: 88px;
		inset-inline-end: 14px;
		gap: 8px;
	}
	.site-floating-cta__btn {
		width: 48px;
		height: 48px;
	}
	.site-floating-cta__btn svg {
		width: 22px;
		height: 22px;
	}
}