/* Shared by the Astro pages and retained static subpages. */
.whatsapp-bubble {
  position: fixed;
  right: max(24px, env(safe-area-inset-right));
  bottom: calc(24px + env(safe-area-inset-bottom));
  z-index: 100;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  padding: 0;
  border: 1px solid #ffffff30;
  border-radius: 50%;
  background: #168b49;
  color: #fff;
  box-shadow: 0 6px 24px #0005;
  text-decoration: none;
  transition: background-color 180ms, box-shadow 180ms;
}
.whatsapp-bubble:is(:hover, :focus-visible) {
  background: #107639;
  color: #fff;
  box-shadow: 0 6px 28px #168b4966;
}
.whatsapp-bubble:focus-visible { outline: 3px solid #eb9f47; outline-offset: 4px; }
.whatsapp-bubble__icon {
  display: block;
  width: 30px;
  height: 30px;
  background: currentColor;
  mask: url('/assets/images/843786_whatsapp_icon-1.svg') center / contain no-repeat;
  -webkit-mask: url('/assets/images/843786_whatsapp_icon-1.svg') center / contain no-repeat;
}
.whatsapp-bubble__label {
  position: absolute;
  right: calc(100% + 12px);
  white-space: nowrap;
  padding: 10px 14px;
  border: 1px solid #ffffff20;
  border-radius: 10px;
  background: #1e1e1e;
  color: #fff;
  font: 500 13px/1.4 Montserrat, sans-serif;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 180ms, visibility 180ms;
}
.whatsapp-bubble:is(:hover, :focus-visible) .whatsapp-bubble__label { opacity: 1; visibility: visible; }
.contact-honey { display: none !important; }
[data-email-form][hidden], [data-form-done][hidden], [data-form-error][hidden] { display: none !important; }
[data-email-form] [type='submit']:disabled { cursor: wait; opacity: 0.75; }
[data-email-form] { scroll-margin-top: 120px; }
.w-form [data-form-done]:not([hidden]) { display: block; }
.w-form [data-form-error]:not([hidden]) { display: block; }
.w-form [data-form-again] { margin-top: 20px; padding: 8px 0; border: 0; background: transparent; color: #eb9f47; font: inherit; cursor: pointer; }
@media (max-width: 640px) {
  .whatsapp-bubble { width: 54px; height: 54px; right: max(16px, env(safe-area-inset-right)); bottom: calc(16px + env(safe-area-inset-bottom)); }
  .whatsapp-bubble__label { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .whatsapp-bubble, .whatsapp-bubble__label { transition: none; }
}