/* ── Slideez WhatsApp button (wa-chat.js) ──
   Sits bottom-right on every page, above the sticky bar (800) and the
   mobile enquiry button (900), below the drawers/menus (1000+). */
/* --wa is a deeper WhatsApp green: white text on it measures 5.0:1 (the bright
   #25D366 is only 2:1) */
.wac { --wa: #15803d; --wa-dark: #166534; --wa-bright: #25D366; --wac-b: 1.5rem; --wac-r: 1.5rem; font-family: 'Barlow', sans-serif; }

/* launcher */
.wac-launch {
  position: fixed; right: var(--wac-r); bottom: var(--wac-b); z-index: 950;
  display: flex; align-items: center; gap: 0.6rem;
  height: 56px; padding: 0 1.3rem 0 1rem; border: none; border-radius: 28px; cursor: pointer; text-decoration: none;
  background: var(--wa); color: #fff;
  box-shadow: 0 10px 28px rgba(0,0,0,0.45);
  transition: transform 0.2s, background 0.2s, bottom 0.25s;
}
.wac-launch:hover { background: var(--wa-dark); transform: translateY(-2px); }
.wac-launch:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.wac-launch svg { width: 28px; height: 28px; flex-shrink: 0; }
.wac-launch-label {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 700;
  letter-spacing: 1.5px; text-transform: uppercase; font-size: 0.85rem; white-space: nowrap;
}

/* ── mobile ──
   Phones already carry two bottom-right items: the red "Enquiry list"
   button (fixed at 5.5rem, shown once something is added) and, on article
   pages, the sticky "Add to enquiry" bar. The launcher stacks above both. */
@media (max-width: 900px) {
  .wac { --wac-b: 1rem; --wac-r: 1rem; }
  .wac-launch { width: 56px; padding: 0; justify-content: center; }
  .wac-launch-label { display: none; }
  body:has(.sticky-bar) .wac { --wac-b: 5.5rem; }
  body:has(.enq-fab.show) .wac { --wac-b: calc(5.5rem + 60px); }
}
/* hide behind the menu and enquiry drawer */
body:has(.mnav.open) .wac, body:has(.drawer.open) .wac { visibility: hidden; }

@media (prefers-reduced-motion: reduce) {
  .wac-launch { transition: none; }
}
@media print { .wac { display: none; } }