/* Botão flutuante de ajuda por WhatsApp das páginas públicas (login, cadastro, recuperar senha, verificação, termos e privacidade).
   É o mesmo botão da landing (.lp-help em landing.css), com as cores copiadas para cá: estas páginas não carregam os tokens --lp-*.
   Só aparece com o WhatsApp cadastrado em Admin > Configurações (ver app/Views/partials/wa-fab.php). */
.wa-fab {
  position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); z-index: 40;
  display: inline-flex; align-items: center; gap: 8px; padding: 12px 18px 12px 14px;
  font: 600 15px/1 'Fredoka', 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; text-decoration: none;
  color: #2f2540; background-color: #fff; border: 3px solid #ff9dd0; border-radius: 999px;
  box-shadow: 0 14px 24px -12px rgba(47, 37, 64, .55); transition: transform .2s ease;
}
.wa-fab:hover { color: #2f2540; transform: translateY(-3px) rotate(-2deg); }
.wa-fab:focus-visible { outline: 3px solid #c42a7a; outline-offset: 3px; }
.wa-fab__ico { width: 22px; height: 22px; flex: 0 0 auto; color: #1fa855; }

/* celular pequeno: vira só o ícone (círculo de 50px), para não cobrir botões e campos */
@media (max-width: 479.98px) {
  .wa-fab { right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); width: 50px; height: 50px; padding: 0; justify-content: center; gap: 0; }
  .wa-fab__ico { width: 28px; height: 28px; }
  .wa-fab__txt { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
@media (min-width: 640px) {
  .wa-fab { right: max(24px, env(safe-area-inset-right)); bottom: max(24px, env(safe-area-inset-bottom)); }
}
/* reCAPTCHA invisível (se for ligado) prende o selo no canto inferior direito: o botão sobe para não ficar por cima */
body:has(.grecaptcha-badge) .wa-fab { bottom: 92px; }
@media (prefers-reduced-motion: reduce) { .wa-fab { transition: none; } .wa-fab:hover { transform: none; } }