/* Floating WhatsApp button */
.whatsapp-fab{
	position:fixed;right:24px;bottom:24px;
	background:#25D366;color:#0b2616;
	padding:12px 16px;border-radius:999px;
	display:flex;align-items:center;gap:10px;
	box-shadow:0 12px 28px rgba(0,0,0,0.28), 0 2px 8px rgba(0,0,0,0.12);
	z-index:9999;text-decoration:none;font-weight:700;
	letter-spacing:.2px;
	border:2px solid rgba(255,255,255,.4);
	transition:transform .18s ease, box-shadow .2s ease, filter .2s ease;
}
.whatsapp-fab:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(0,0,0,0.34)}
.whatsapp-fab:active{transform:translateY(0)}
.whatsapp-fab .whatsapp-icon{font-size:20px;filter:drop-shadow(0 0 6px rgba(37,211,102,.4))}
.whatsapp-fab .whatsapp-text{display:inline-block}

/* Subtle pulse glow */
@keyframes wa-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.45)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.whatsapp-fab{animation:wa-pulse 2.6s infinite}

/* Safer spacing for devices with bottom safe area */
@supports(padding: max(0px)){
	.whatsapp-fab{bottom:calc(24px + env(safe-area-inset-bottom))}
}

/* Mobile tweaks */
@media(max-width:600px){
	.whatsapp-fab{padding:12px;border-radius:50%}
	.whatsapp-fab .whatsapp-text{display:none}
}