/* The Home Concierge - text us
   A bubble bottom right, a small panel above it, and an inline version for the
   Contact page. Scoped under .hc-chat so nothing leaks into the theme. */
.hc-chat-btn{position:fixed;right:20px;bottom:20px;z-index:9998;display:inline-flex;align-items:center;gap:9px;border:0;border-radius:999px;background:#18304C;color:#fff;font-family:Manrope,system-ui,sans-serif;font-size:15px;font-weight:700;padding:14px 20px;cursor:pointer;box-shadow:0 10px 30px -8px rgba(15,31,51,.45)}
.hc-chat-btn:hover{background:#0F1F33}
.hc-chat-btn svg{width:20px;height:20px;flex:0 0 auto}
.hc-chat-btn[hidden]{display:none}
@media(max-width:600px){.hc-chat-btn{right:14px;bottom:14px;padding:13px 17px;font-size:14px}}

.hc-chat-pop{position:fixed;right:20px;bottom:86px;z-index:9999;width:330px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #D7DDE3;border-radius:18px;box-shadow:0 22px 60px -14px rgba(15,31,51,.42);padding:20px 20px 18px;font-family:Manrope,system-ui,sans-serif}
.hc-chat-pop[hidden]{display:none}
@media(max-width:600px){.hc-chat-pop{right:14px;bottom:76px}}

.hc-chat-x{position:absolute;top:10px;right:10px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#6B7784;font-size:19px;line-height:1;cursor:pointer}
.hc-chat-x:hover{background:#F3F5F7;color:#18304C}
.hc-chat-k{display:block;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:10.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#A37830;margin:0 0 6px}
.hc-chat-h{font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:19px;font-weight:800;color:#18304C;letter-spacing:-.3px;line-height:1.3;margin:0 0 7px}
.hc-chat-p{font-size:14px;line-height:1.6;color:#6B7784;margin:0 0 15px}
.hc-chat-go{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;border-radius:999px;background:#18304C;color:#fff;text-decoration:none;font-size:15.5px;font-weight:700;padding:13px 18px;border:0;cursor:pointer}
.hc-chat-go:hover{background:#0F1F33;color:#fff}
.hc-chat-go svg{width:18px;height:18px}
.hc-chat-num{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 0;padding:11px 8px 11px 14px;border:1px solid #E8EDF2;border-radius:12px;background:#F7F9FB}
.hc-chat-num a{font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:16px;font-weight:800;color:#18304C;text-decoration:none;letter-spacing:-.2px}
.hc-chat-num a:hover{color:#A37830}
.hc-chat-copy{border:0;background:transparent;font-family:inherit;font-size:12.5px;font-weight:700;color:#6B7784;cursor:pointer;padding:6px 10px;border-radius:8px}
.hc-chat-copy:hover{background:#E8EDF2;color:#18304C}
.hc-chat-note{display:block;font-size:12px;line-height:1.5;color:#8B98A6;margin:11px 0 0}

/* Inline, for the Contact page */
.hc-chat-inline{max-width:520px;margin:0;border:1px solid #D7DDE3;border-radius:18px;background:#fff;padding:26px 24px 22px;box-shadow:0 6px 24px -8px rgba(24,48,76,.12);font-family:Manrope,system-ui,sans-serif;box-sizing:border-box}
.hc-chat-inline .hc-chat-h{font-size:22px}
.hc-chat-inline .hc-chat-p{font-size:15px}

/* ---- phones: the button, and nothing else ------------------------------
   No panel and no auto-open. A phone can act on a phone number directly, so
   the tap goes straight to Messages (chat.js reads data-sms). The panel stays
   for desktop, where an sms: link usually does nothing and the number itself
   has to be readable and copyable. */
@media (max-width: 767px) {
  .hc-chat-pop { display: none !important; }

  /* A slow ring, the same idea as the next-opening badge: enough to catch the
     eye once, not enough to nag. */
  .hc-chat-btn::after {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: 999px;
    border: 2px solid #18304C;
    opacity: 0;
    pointer-events: none;
    animation: hc-chat-ping 2.6s cubic-bezier(0, 0, .2, 1) infinite;
  }
  .hc-chat-btn { animation: hc-chat-nudge 2.6s ease-in-out infinite; }
}

@keyframes hc-chat-ping {
  0%   { transform: scale(1);    opacity: .6; }
  70%  { transform: scale(1.28); opacity: 0; }
  100% { transform: scale(1.28); opacity: 0; }
}
@keyframes hc-chat-nudge {
  0%, 88%, 100% { transform: scale(1); }
  94%           { transform: scale(1.045); }
}

@media (prefers-reduced-motion: reduce) {
  .hc-chat-btn,
  .hc-chat-btn::after { animation: none !important; }
}