/* A quiet contact shortcut, using wen's existing palette. */
.wen-whatsapp {
  position:fixed;
  right:calc(22px + env(safe-area-inset-right,0px));
  bottom:calc(22px + env(safe-area-inset-bottom,0px));
  z-index:90;
  display:flex;align-items:center;justify-content:center;
  width:56px;height:56px;
  border:1px solid rgba(255,255,255,.3);border-radius:50%;
  color:#fff;background:var(--terra,#8A3830);
  box-shadow:0 5px 18px rgba(43,36,32,.2);
  text-decoration:none;
  transition:background .2s ease,box-shadow .2s ease;
}
.wen-whatsapp--above-nav { bottom:calc(94px + env(safe-area-inset-bottom,0px)); }
.wen-whatsapp img { display:block;width:27px;height:27px;filter:brightness(0) invert(1); }
.wen-whatsapp-label {
  position:absolute;right:calc(100% + 12px);top:50%;
  width:max-content;max-width:min(17rem,calc(100vw - 112px));
  padding:12px 16px;
  color:var(--dark,#2B2420);background:var(--cream,#F4EEE2);
  border:1px solid rgba(138,56,48,.22);border-radius:8px;
  box-shadow:0 4px 16px rgba(43,36,32,.12);
  font-family:'Outfit',sans-serif;font-size:1rem;font-weight:400;line-height:1.45;
  text-align:left;letter-spacing:0;text-transform:none;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translate(5px,-50%);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
.wen-whatsapp-label::after { content:'';position:absolute;left:100%;top:0;bottom:0;width:14px; }
.wen-whatsapp.is-open .wen-whatsapp-label,
.wen-whatsapp:not(.is-dismissed):focus-visible .wen-whatsapp-label {
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%);
}
.wen-whatsapp:focus-visible { outline:2px solid var(--terra,#8A3830);outline-offset:5px; }
@media (hover:hover) and (pointer:fine) {
  .wen-whatsapp:hover { background:var(--dark,#2B2420);box-shadow:0 7px 22px rgba(43,36,32,.25); }
  .wen-whatsapp:not(.is-dismissed):hover .wen-whatsapp-label {
    opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%);
  }
}
body.nav-open .wen-whatsapp,body.nav-open .wen-whatsapp .wen-whatsapp-label { opacity:0;visibility:hidden;pointer-events:none; }
@media (max-width:768px) {
  .wen-whatsapp { width:52px;height:52px;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px)); }
  .wen-whatsapp--above-nav { bottom:calc(94px + env(safe-area-inset-bottom,0px)); }
  .wen-whatsapp-label { max-width:min(17rem,calc(100vw - 100px)); }
}
@media (prefers-reduced-motion:reduce) {
  .wen-whatsapp,.wen-whatsapp-label { transition:none; }
}
