/* Floating WhatsApp button, shared by every page (new and old design). */
.wa-float{position:fixed;right:1.25rem;bottom:calc(1.25rem + env(safe-area-inset-bottom));z-index:70;display:flex;align-items:center;gap:.6rem;text-decoration:none}
.wa-float .wa-btn{width:3.5rem;height:3.5rem;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 30px -8px rgba(0,0,0,.4);transition:transform .2s ease}
.wa-float svg{width:1.9rem;height:1.9rem;fill:#fff}
.wa-float .wa-label{background:#fff;color:#1f1f1f;font:500 .82rem/1 Inter,system-ui,sans-serif;padding:.6rem .9rem;border-radius:999px;box-shadow:0 8px 24px -10px rgba(0,0,0,.35);white-space:nowrap;opacity:0;transform:translateX(.4rem);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.wa-float:hover .wa-btn{transform:scale(1.06)}
.wa-float:hover .wa-label,.wa-float:focus-visible .wa-label{opacity:1;transform:none}
.wa-float:focus-visible{outline:none}
.wa-float:focus-visible .wa-btn{outline:2px solid #128C7E;outline-offset:3px}
/* Phones: no hover label, and pages with the fixed booking bar already offer WhatsApp. */
@media (max-width:767px){
  .wa-float .wa-label{display:none}
  body.has-sticky-book .wa-float{display:none}
}
@media print{.wa-float{display:none}}
@media (prefers-reduced-motion:reduce){.wa-float .wa-btn,.wa-float .wa-label{transition:none}}
