/* =========================================================
   WhatsApp contact button
   Quiet by design: no pulse, no pop-up, no auto-open.
   Sits under the header (100), mega menu (120) and disclaimer (300),
   and lifts clear of the mobile action bar (.mbar, 52px) when it shows.
   ========================================================= */
.wa{
  position:fixed;right:24px;bottom:24px;z-index:90;
  display:flex;align-items:center;justify-content:center;
  width:54px;height:54px;border-radius:50%;
  background:#25D366;color:#fff;
  box-shadow:0 1px 2px rgba(9,21,48,.18),0 6px 18px rgba(9,21,48,.16);
  transition:transform .25s var(--ease,ease),box-shadow .25s var(--ease,ease),background-color .2s,bottom .34s var(--ease,ease);
  -webkit-tap-highlight-color:transparent;
}
.wa svg{width:28px;height:28px;display:block}
.wa:hover{background:#1EBE5B;transform:translateY(-2px);box-shadow:0 2px 4px rgba(9,21,48,.18),0 10px 24px rgba(9,21,48,.2)}
.wa:active{transform:translateY(0)}
.wa:focus-visible{outline:2px solid var(--navy,#0F2046);outline-offset:3px}

/* Label on hover / keyboard focus, desktop only */
.wa__label{
  position:absolute;right:calc(100% + 12px);top:50%;
  transform:translate(6px,-50%);opacity:0;visibility:hidden;pointer-events:none;
  white-space:nowrap;padding:8px 12px;border-radius:3px;
  background:var(--navy,#0F2046);color:#fff;
  font-size:.75rem;font-weight:500;letter-spacing:.02em;line-height:1;
  box-shadow:0 6px 18px rgba(9,21,48,.18);
  transition:opacity .2s,transform .2s,visibility .2s;
}
.wa:hover .wa__label,.wa:focus-visible .wa__label{opacity:1;visibility:visible;transform:translate(0,-50%)}

@media(max-width:768px){
  .wa{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:50px;height:50px}
  .wa svg{width:26px;height:26px}
  .wa__label{display:none}
  .mbar.is-on ~ .wa{bottom:calc(52px + 14px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){.wa,.wa__label{transition:none}.wa:hover{transform:none}}
@media print{.wa{display:none}}