/* ═══════════════════════════════════════════════════════════════════════════
   GoTravelista · Live Chat header CTA
   v8.21 — this file no longer styles a chat panel.

   The panel it used to style was a second, parallel chat that filed leads
   through /enquire and never reached the CRM's Live Chat & Traffic screen.
   The CRM already ships the real widget (crm.gotravelista.in/widget/chat.js),
   with its own sessions, streaming, proactive triggers and agent inbox — so
   the site now loads THAT, and all this file does is:

     1. style the two header trigger pills, and
     2. keep the widget's own launcher clear of the bottom bars.

   Colours come from theme-2026.css; nothing here defines a palette.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Header trigger buttons ──────────────────────────────────────────────── */
/* Desktop pill: occupies the slot the old .gt-hdr-wa / .gt-hdr-call had. */
.gt-hdr-chat {
  display: none; align-items: center; gap: 8px;
  background: linear-gradient(135deg, var(--gt-navy-brand), var(--gt-navy-2));
  color: #fff; font-weight: 700; font-size: .82rem;
  padding: 9px 18px; border-radius: 50px; text-decoration: none;
  border: 0; cursor: pointer; white-space: nowrap;
  font-family: var(--gt-font-sans);
  box-shadow: 0 3px 14px rgba(26,58,92,.28);
  transition: transform .2s, box-shadow .2s, filter .2s;
}
.gt-hdr-chat:hover { filter: brightness(1.12); transform: translateY(-1px); box-shadow: 0 6px 18px rgba(26,58,92,.34); }
@media (min-width: 768px) { .gt-hdr-chat { display: inline-flex; } }

/* Mobile pill: replaces .gt-hdr-call-m, keeps its amber treatment so the
   header's visual weight is unchanged on phones. */
.gt-hdr-chat-m {
  display: inline-flex; align-items: center; gap: 6px;
  background: linear-gradient(135deg, var(--gt-amber), var(--gt-amber-d));
  color: #fff; font-weight: 700; font-size: .8rem; padding: 8px 16px;
  border-radius: 50px; text-decoration: none; border: 0; cursor: pointer;
  font-family: var(--gt-font-sans);
  box-shadow: 0 3px 12px rgba(184,134,11,.35); white-space: nowrap;
}
@media (min-width: 768px) { .gt-hdr-chat-m { display: none; } }

/* Live dot — the one signal that says "someone is actually there". */
.gt-lc-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #35d07f;
  box-shadow: 0 0 0 0 rgba(53,208,127,.7); animation: gtLcPulse 2s infinite;
  flex: 0 0 auto;
}
@keyframes gtLcPulse {
  0%   { box-shadow: 0 0 0 0 rgba(53,208,127,.65); }
  70%  { box-shadow: 0 0 0 7px rgba(53,208,127,0); }
  100% { box-shadow: 0 0 0 0 rgba(53,208,127,0); }
}
@media (prefers-reduced-motion: reduce) { .gt-lc-dot { animation: none; } }

/* ── Keeping the CRM widget's launcher off the bottom bars ───────────────── */
/*  The widget ships `position:fixed; bottom:24px; right:24px`. On this site
    that lands it ON the bottom navigation (fixed, 64px tall) with the quote
    bar just above it — three overlapping controls in the same corner.
    This site owns its own bottom furniture, so this site does the dodging.
    The widget's own mobile full-screen chat window is untouched: only the
    closed launcher and the proactive bubble move. */
@media (max-width: 1023px) {
  .gt-chat-launcher   { bottom: 196px !important; right: 14px !important; }
  .gt-proactive-bubble { bottom: 264px !important; right: 14px !important; }
}
@media (min-width: 1024px) {
  /* Desktop: the quote bar is a centred pill, so the right corner is free —
     just enough lift to clear its shadow. */
  .gt-chat-launcher   { bottom: 86px !important; }
  .gt-proactive-bubble { bottom: 154px !important; }
}