/* =========================================================
   WhatsApp button.
   Used by: inc/whatsapp.php — loads without style.css so it
   holds up on the holding page and anywhere else it lands.
   ========================================================= */
.unfold-whatsapp{
  position:fixed; z-index:90;
  right:max(1.25rem, env(safe-area-inset-right));
  bottom:max(1.25rem, env(safe-area-inset-bottom));
  display:flex; align-items:center; justify-content:center;
  width:3.5rem; height:3.5rem; border-radius:50%;
  background:#25D366; color:#FFFFFF;
  box-shadow:0 6px 20px rgba(20,20,20,0.22);
  transition:transform .3s cubic-bezier(.16,.84,.44,1), box-shadow .3s cubic-bezier(.16,.84,.44,1);
}
.unfold-whatsapp:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(20,20,20,0.28);
}
.unfold-whatsapp:focus-visible{
  outline:3px solid #141414; outline-offset:3px;
}
.unfold-whatsapp svg{ display:block; }

/* Core's navigation block puts .has-modal-open on <html> while the mobile
   menu is open; the button would otherwise float over the menu. */
.has-modal-open .unfold-whatsapp{ display:none; }

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