/* v3.9.159 — WhatsApp buttons: layout only. Per-style colours are injected
   dynamically by bb_inject_buttons_css() (.bb-wa-btn.{slug} rules), so any
   number of styles created in the Design System just works. */
.bb-wa-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  padding: 0.6rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 700;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.bb-wa-btn .bb-wa__icon { width: 18px; height: 18px; flex-shrink: 0; }

/* Fallback colours if no style vars are set yet (classic WhatsApp green) */
.bb-wa-btn:not([class*="whatsapp-"]) {
  background: #25D366; color: #fff; border-color: #25D366;
  border-radius: var(--bb-r-pill, 999px);
}

/* In the nav drawer, WhatsApp button sits full-width at the bottom */
.bb-menu-panel .bb-menu-wa {
  order: 99;
  width: 100%;
  margin-top: auto;
}
.bb-menu-panel .bb-menu-wa .bb-wa-btn { width: 100%; justify-content: center; }