/* WhatsApp "Chat to us" pill. >= 960px: the right end of the header rail, styled as a rail pill.
   < 960px: a floating pill at the bottom right (as today's site), hidden while the menu is open. */
.chat-pill { justify-self: end; display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 5px 14px; border-radius: 999px; border: 1px solid rgba(176,213,218,.31); background: rgba(255,255,255,.055); color: var(--chrome-text); font: 400 13px/1.4 var(--font); text-decoration: none; white-space: nowrap; }
.chat-pill .icon { width: 17px; height: 17px; flex: none; color: #a0e4df; }
.chat-pill:hover { background: #176e73; border-color: #4b969b; color: var(--chrome-text); }
.chat-pill:focus-visible { outline: 2px solid #a0e4df; outline-offset: 3px; }
.chat-pill .lbl-narrow { display: none; }

@media (max-width: 959px) {
  .chat-pill { position: fixed; right: 12px; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); z-index: 60; min-height: 48px; padding: 10px 16px; gap: 9px; border-color: var(--chat-line); background: var(--chat-bg); color: #fff; font-size: 15px; box-shadow: 0 6px 20px var(--chat-shadow); }
  .chat-pill .icon { width: 22px; height: 22px; color: var(--chat-icon); }
  .chat-pill:hover { background: var(--chat-hover); border-color: var(--chat-line); }
  .chat-pill:focus-visible { outline: 3px solid var(--chat-icon); outline-offset: 4px; }
  .chat-pill .lbl-wide { display: none; }
  .chat-pill .lbl-narrow { display: inline; }
  .site-header.nav-open .chat-pill { display: none; }
}
@media print { .chat-pill { display: none; } }