/* WhatsApp contact. Meadow pill, word plus a single line icon.
   The number is WHATSAPP_NUMBER in seo/config.json. */
.hg-wa{
  position:fixed;
  right:16px;
  bottom:calc(16px + env(safe-area-inset-bottom));
  z-index:46;
  display:none;
  align-items:center;
  gap:8px;
  height:44px;
  padding:0 16px 0 14px;
  border-radius:999px;
  background:#2f4e0b;
  color:#fff;
  font-size:14px;
  font-weight:500;
  letter-spacing:.01em;
  box-shadow:0 14px 28px -16px rgba(16,20,16,.65), 0 0 0 1px rgba(0,0,0,.08);
}
.hg-wa svg{width:15px;height:15px;flex:none}
.hg-wa:hover{background:#24400a;color:#fff}
@media(max-width:1023px){
  .hg-wa,.chat-l{display:none}
  main{padding-bottom:0}
  body:has(.mbar){padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .mbar{
    left:50%;
    right:auto;
    width:max-content;
    max-width:calc(100vw - 24px);
    transform:translateX(-50%);
    gap:4px;
    padding:5px;
    bottom:calc(12px + env(safe-area-inset-bottom));
  }
  .mbar .btn{flex:none;height:40px;padding:0 16px}
  .mbar-wa{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:none;
    width:40px;
    height:40px;
    border-radius:999px;
    background:#2f4e0b;
    color:#fff;
  }
  .mbar-wa svg{width:16px;height:16px}
  .mbar-wa:hover{background:#24400a;color:#fff}
}
/* Keep the launcher a small corner control so it does not cover the page. */
.chat-l,
.chat-l:hover,
.chat-l.open-hint{
  right:max(16px, env(safe-area-inset-right));
  bottom:max(16px, env(safe-area-inset-bottom));
  width:40px;
  height:40px;
  padding:0;
  gap:0;
}
.chat-l .m{width:40px;height:40px}
.chat-l .m img{width:22px;height:auto}
.chat-l .t,
.chat-l:hover .t,
.chat-l.open-hint .t{max-width:0}
.chat-l .live{top:2px;left:26px}
.chat-p{
  right:max(16px, env(safe-area-inset-right));
  bottom:calc(64px + env(safe-area-inset-bottom));
}
.hg-wa-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  margin-left:4px;
  color:#2f4e0b;
  font-weight:500;
  font-size:15px;
  border-bottom:1px solid currentColor;
  padding-bottom:2px;
}
.hg-wa-link svg{width:15px;height:15px;flex:none}
.hg-wa-enquiry{text-align:left}
.hg-wa-enquiry .hg-wa-link{margin:18px 0 0}
.pill.hg-wa-pill{border-color:#2f4e0b;color:#2f4e0b}
.pill.hg-wa-pill:hover{background:#2f4e0b;color:#fff;border-color:#2f4e0b}