/* whatsapp.css - styles for WhatsApp Floating Button */
.whatsapp-float {
  position: fixed;
  right: 20px;
  bottom: 24px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #25D366;
  color: #fff;
  text-decoration: none;
  padding: 12px 16px;
  border-radius: 999px;
  box-shadow: 0 8px 20px rgba(37,211,102,0.18);
  font-weight: 600;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  z-index: 99999;
  transition: transform 150ms ease, box-shadow 150ms ease, opacity 150ms ease;
}

.whatsapp-float .whatsapp-icon {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
}

.whatsapp-float img { display: block; width: 20px; height: 20px; }

.whatsapp-float .whatsapp-label { font-size: 15px; line-height: 1; white-space: nowrap; }

.whatsapp-float:hover,
.whatsapp-float:focus { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(37,211,102,0.22); outline: none; opacity: 0.98; }

.whatsapp-float:focus-visible { outline: 3px solid rgba(0,0,0,0.08); outline-offset: 3px; }

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

/* Mobile: circle only */
@media (max-width: 600px) {
  .whatsapp-float { right: 14px; bottom: 16px; padding: 14px; border-radius: 50%; width: 56px; height: 56px; justify-content: center; }
  .whatsapp-float .whatsapp-label { display: none; }
  .whatsapp-float .whatsapp-icon { width: 28px; height: 28px; }
  .whatsapp-float img { width: 22px; height: 22px; }
}

/* Controls for display toggles */
.wafb-hide-desktop { display: none; }
@media (min-width: 601px) {
  .wafb-hide-desktop { display: none !important; }
  .wafb-hide-mobile  { display: inline-flex !important; }
}
@media (max-width: 600px) {
  .wafb-hide-desktop { display: inline-flex !important; }
  .wafb-hide-mobile  { display: none !important; }
}