/* Direct chat shortcut; the visitor chooses whether to send the prepared message. */
.whatsapp-contact {
  position: fixed;
  right: max(24px, env(safe-area-inset-right));
  bottom: max(24px, env(safe-area-inset-bottom));
  z-index: 20;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  min-height: 58px;
  max-width: calc(100vw - 32px);
  padding: 12px 19px 12px 14px;
  border: 1px solid #ffffff36;
  border-radius: 40px;
  background: #25d366;
  color: #fff;
  box-shadow: 0 5px 24px #0000002b;
  text-decoration: none;
}

.whatsapp-contact:hover { background: #1ebe5d; }
.whatsapp-contact:focus-visible { outline: 3px solid #fff; outline-offset: 3px; box-shadow: 0 0 0 7px #25d366; }
.whatsapp-contact svg { width: 29px; height: 29px; flex: 0 0 auto; }
.whatsapp-contact__text { display: grid; gap: 2px; }
.whatsapp-contact__label { font-size: 10px; line-height: 1.2; letter-spacing: .035em; }
.whatsapp-contact__number { font-size: 14px; line-height: 1.3; font-weight: 600; white-space: nowrap; }

@media (max-width: 760px) {
  .whatsapp-contact {
    right: max(14px, env(safe-area-inset-right));
    /* Keep clear of the mobile brochure/contact bar, including without JavaScript. */
    bottom: calc(86px + env(safe-area-inset-bottom));
    min-height: 52px;
    padding: 9px 15px 9px 12px;
    gap: 9px;
  }
  .whatsapp-contact svg { width: 27px; height: 27px; }
  .whatsapp-contact__number { font-size: 13px; }
  body:has(.mobile-cta[hidden]) .whatsapp-contact,
  body:not(:has(.mobile-cta)) .whatsapp-contact {
    bottom: max(14px, env(safe-area-inset-bottom));
  }
  /* Leave the form and mobile keyboard clear while the visitor is entering details. */
  body:has(.lead-contact:focus-within) .whatsapp-contact {
    display: none;
  }
}

/* Compact, familiar WhatsApp shortcut; the accessible name keeps the phone number. */
.whatsapp-contact{width:58px;height:58px;min-height:58px;max-width:58px;padding:0;gap:0;align-items:center;justify-content:center;border-radius:50%;border:1px solid #ffffff80}.whatsapp-contact svg{width:30px;height:30px}.whatsapp-contact__text{display:none}
@media(max-width:760px){.whatsapp-contact{width:52px;height:52px;min-height:52px;padding:0}.whatsapp-contact svg{width:28px;height:28px}}