/* V155 — HEE PEE HOSTEL floating WhatsApp contact button */
.hph-whatsapp-float{
  position:fixed;
  right:18px;
  bottom:calc(18px + env(safe-area-inset-bottom, 0px));
  z-index:9998;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:52px;
  padding:0 16px 0 12px;
  border-radius:999px;
  background:#25D366;
  color:#fff;
  text-decoration:none;
  font:700 14px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-shadow:0 10px 28px rgba(0,0,0,.20);
  border:1px solid rgba(255,255,255,.35);
  -webkit-tap-highlight-color:transparent;
}
.hph-whatsapp-float:hover{transform:translateY(-1px)}
.hph-whatsapp-float:focus-visible{outline:3px solid rgba(37,211,102,.30);outline-offset:3px}
.hph-whatsapp-float svg{width:27px;height:27px;display:block;flex:none;fill:currentColor}
@media(max-width:640px){
  .hph-whatsapp-float{
    right:14px;
    bottom:calc(14px + env(safe-area-inset-bottom, 0px));
    width:54px;
    height:54px;
    min-height:54px;
    padding:0;
    justify-content:center;
  }
  .hph-whatsapp-float .hph-wa-label{display:none}
  .hph-whatsapp-float svg{width:29px;height:29px}
}