/* buildcontrol Chat Widget — v1.1.0 */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Nunito:wght@400;500;600;700&display=swap');

/* ═══════════════════════════════════════════════
   VARIABLES (global — safe namespace)
═══════════════════════════════════════════════ */
:root {
  --bc-brand:        #1565C0;
  --bc-brand-mid:    #1976D2;
  --bc-brand-light:  #1E88E5;
  --bc-brand-xlight: #EFF5FD;
  --bc-brand-muted:  rgba(21,101,192,0.10);
  --bc-brand-shadow: rgba(21,101,192,0.28);
  --bc-bg:           #F5F8FE;
  --bc-surface:      #FFFFFF;
  --bc-border:       #DDE6F5;
  --bc-text-1:       #0D1B2A;
  --bc-text-2:       #4A5C74;
  --bc-text-3:       #8898AA;
  --bc-r-sm:         8px;
  --bc-r-md:         12px;
  --bc-r-lg:         16px;
  --bc-r-xl:         20px;
  --bc-ease:         cubic-bezier(.4,0,.2,1);
  --bc-spring:       cubic-bezier(.34,1.56,.64,1);
  --bc-pos-right:    28px;
  --bc-pos-bottom:   28px;
  --bc-widget-w:     390px;
}

/* ═══════════════════════════════════════════════
   OVERLAY  (outside widget, needs fixed position)
═══════════════════════════════════════════════ */
.bc-overlay {
  display: none !important;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(13,27,42,0.35) !important;
  z-index: 999980 !important;
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
  opacity: 0 !important;
  transition: opacity .3s var(--bc-ease) !important;
  pointer-events: none !important;
}
.bc-overlay.show {
  opacity: 1 !important;
  pointer-events: all !important;
}

/* ═══════════════════════════════════════════════
   LAUNCHER  (FAB + nudge wrapper)
═══════════════════════════════════════════════ */
.bc-launcher {
  position: fixed !important;
  bottom: var(--bc-pos-bottom) !important;
  right: var(--bc-pos-right) !important;
  z-index: 999990 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 10px !important;
}
.bc-launcher.left-pos {
  right: auto !important;
  left: var(--bc-pos-right) !important;
  align-items: flex-start !important;
}

/* ═══════════════════════════════════════════════
   NUDGE TOOLTIP
═══════════════════════════════════════════════ */
.bc-nudge {
  background: #FFFFFF !important;
  border: 1px solid #DDE6F5 !important;
  border-radius: 16px 16px 4px 16px !important;
  padding: 10px 14px !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #0D1B2A !important;
  box-shadow: 0 8px 28px rgba(13,27,42,0.12) !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  max-width: 230px !important;
  line-height: 1.45 !important;
  animation: bcNudgeIn .4s var(--bc-spring) both !important;
  box-sizing: border-box !important;
}
.bc-launcher.left-pos .bc-nudge {
  border-radius: 16px 16px 16px 4px !important;
}
@keyframes bcNudgeIn {
  from { opacity:0; transform:translateX(16px) scale(.9); }
  to   { opacity:1; transform:translateX(0)    scale(1); }
}
.bc-nudge-close {
  margin-left: 4px !important;
  color: #8898AA !important;
  font-size: 17px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  transition: color .15s !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}
.bc-nudge-close:hover { color: #0D1B2A !important; }

/* ═══════════════════════════════════════════════
   FAB BUTTON
═══════════════════════════════════════════════ */
.bc-fab {
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #0D47A1 0%, #1565C0 45%, #1E88E5 100%) !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 6px 24px rgba(21,101,192,0.28), 0 2px 8px rgba(13,27,42,0.15) !important;
  transition: transform .25s var(--bc-spring), box-shadow .25s var(--bc-ease) !important;
  position: relative !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none !important;
  -webkit-appearance: none !important;
}
.bc-fab:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 10px 32px rgba(21,101,192,0.38) !important;
  background: linear-gradient(135deg, #0D47A1 0%, #1565C0 45%, #1E88E5 100%) !important;
}
.bc-fab:active  { transform: scale(0.96) !important; }
.bc-fab:focus   { outline: 3px solid rgba(21,101,192,0.4) !important; outline-offset: 3px !important; }

/* Pulse ring */
.bc-fab::before {
  content: '' !important;
  position: absolute !important;
  inset: -6px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(21,101,192,0.35) !important;
  animation: bcPulseRing 2.5s ease-out infinite !important;
  pointer-events: none !important;
}
@keyframes bcPulseRing {
  0%  { transform:scale(1);   opacity:.7; }
  70% { transform:scale(1.3); opacity:0; }
  100%{ transform:scale(1.3); opacity:0; }
}

/* Icon transitions */
.bc-fab .ic-chat,
.bc-fab .ic-close {
  position: absolute !important;
  transition: opacity .2s var(--bc-ease), transform .3s var(--bc-spring) !important;
  pointer-events: none !important;
}
.bc-fab .ic-chat  { opacity:1 !important; transform:scale(1)  rotate(0deg)   !important; }
.bc-fab .ic-close { opacity:0 !important; transform:scale(.5) rotate(-90deg) !important; }
.bc-fab.open .ic-chat  { opacity:0 !important; transform:scale(.5) rotate(90deg)  !important; }
.bc-fab.open .ic-close { opacity:1 !important; transform:scale(1)  rotate(0deg)   !important; }

/* Badge */
.bc-badge {
  position: absolute !important;
  top: -3px !important; right: -3px !important;
  width: 18px !important; height: 18px !important;
  background: #E53935 !important;
  border-radius: 50% !important;
  border: 2.5px solid white !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  transition: transform .2s var(--bc-spring), opacity .2s !important;
  line-height: 1 !important;
}
.bc-badge.hidden { transform:scale(0) !important; opacity:0 !important; pointer-events:none !important; }

/* ═══════════════════════════════════════════════
   POPUP CONTAINER
═══════════════════════════════════════════════ */
.bc-popup {
  position: fixed !important;
  bottom: calc(var(--bc-pos-bottom) + 76px) !important;
  right: var(--bc-pos-right) !important;
  z-index: 999991 !important;
  width: var(--bc-widget-w) !important;
  max-width: calc(100vw - 32px) !important;
  max-height: 620px !important;
  background: #FFFFFF !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 64px rgba(13,27,42,0.18), 0 8px 24px rgba(13,27,42,0.10), 0 0 0 1px rgba(21,101,192,0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  opacity: 0 !important;
  transform: translateY(24px) scale(.95) !important;
  pointer-events: none !important;
  transition: opacity .3s var(--bc-ease), transform .35s var(--bc-spring) !important;
  transform-origin: bottom right !important;
  box-sizing: border-box !important;
}
.bc-popup.open {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: all !important;
}
.bc-launcher.left-pos ~ .bc-popup {
  right: auto !important;
  left: var(--bc-pos-right) !important;
  transform-origin: bottom left !important;
}

/* ── Widget internals scoped to #bc-chat-widget ──
   This prevents WordPress theme CSS from winning */
#bc-chat-widget * {
  box-sizing: border-box !important;
  font-family: 'Nunito', sans-serif !important;
}

/* ── Header ── */
#bc-chat-widget .wg-header {
  background: linear-gradient(135deg, #0D47A1 0%, #1565C0 45%, #1976D2 100%) !important;
  padding: 16px 18px 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  position: relative !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}
#bc-chat-widget .wg-header::before {
  content:'' !important;
  position:absolute !important; top:-28px !important; right:-28px !important;
  width:100px !important; height:100px !important; border-radius:50% !important;
  background:rgba(255,255,255,0.07) !important; pointer-events:none !important;
}
#bc-chat-widget .wg-header::after {
  content:'' !important;
  position:absolute !important; bottom:-18px !important; left:50px !important;
  width:70px !important; height:70px !important; border-radius:50% !important;
  background:rgba(255,255,255,0.04) !important; pointer-events:none !important;
}
#bc-chat-widget .wg-logo {
  width:38px !important; height:38px !important;
  background:rgba(255,255,255,0.15) !important;
  border:1.5px solid rgba(255,255,255,0.25) !important;
  border-radius:12px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  flex-shrink:0 !important; z-index:1 !important;
}
#bc-chat-widget .wg-info { flex:1 !important; z-index:1 !important; }
#bc-chat-widget .wg-name {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size:15px !important; font-weight:800 !important;
  color:#fff !important; letter-spacing:-.3px !important; line-height:1.1 !important;
  margin:0 !important; padding:0 !important;
}
#bc-chat-widget .wg-status {
  font-size:11px !important; color:rgba(255,255,255,0.75) !important;
  margin-top:2px !important; display:flex !important; align-items:center !important; gap:5px !important;
}
#bc-chat-widget .wg-dot {
  width:6px !important; height:6px !important; background:#69F0AE !important; border-radius:50% !important;
  animation:bcDot 2s ease-in-out infinite !important; flex-shrink:0 !important;
  display:inline-block !important;
}
@keyframes bcDot {
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.5;transform:scale(.8)}
}
#bc-chat-widget .wg-close {
  z-index:1 !important; width:30px !important; height:30px !important;
  background:rgba(255,255,255,0.12) !important;
  border:1px solid rgba(255,255,255,0.2) !important;
  border-radius:50% !important; cursor:pointer !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  color:rgba(255,255,255,0.85) !important; font-size:18px !important; line-height:1 !important;
  transition:background .18s !important; flex-shrink:0 !important;
  padding:0 !important; -webkit-appearance:none !important;
}
#bc-chat-widget .wg-close:hover { background:rgba(255,255,255,0.28) !important; color:#fff !important; }

/* ── Progress bar ── */
#bc-chat-widget .wg-prog {
  background:#FFFFFF !important;
  padding:8px 18px !important;
  display:flex !important; align-items:center !important; gap:9px !important;
  border-bottom:1px solid #DDE6F5 !important;
  flex-shrink:0 !important;
}
#bc-chat-widget .wg-prog-label {
  font-size:10px !important; font-weight:700 !important; color:#8898AA !important;
  letter-spacing:.6px !important; text-transform:uppercase !important; white-space:nowrap !important;
}
#bc-chat-widget .wg-prog-track {
  flex:1 !important; height:4px !important;
  background:#DDE6F5 !important; border-radius:99px !important; overflow:hidden !important;
}
#bc-chat-widget .wg-prog-fill {
  height:100% !important;
  background:linear-gradient(90deg,#1565C0,#1E88E5,#00ACC1) !important;
  border-radius:99px !important;
  transition:width .55s var(--bc-ease) !important;
}
#bc-chat-widget .wg-prog-frac {
  font-size:10px !important; font-weight:700 !important; color:#1565C0 !important;
  white-space:nowrap !important; min-width:32px !important; text-align:right !important;
}

/* ── Messages area ── */
#bc-chat-widget .wg-msgs {
  background:#F5F8FE !important;
  padding:16px 12px !important;
  flex:1 !important; overflow-y:auto !important;
  display:flex !important; flex-direction:column !important; gap:9px !important;
  scroll-behavior:smooth !important; min-height:0 !important;
}
#bc-chat-widget .wg-msgs::-webkit-scrollbar{width:3px}
#bc-chat-widget .wg-msgs::-webkit-scrollbar-track{background:transparent}
#bc-chat-widget .wg-msgs::-webkit-scrollbar-thumb{background:#DDE6F5;border-radius:99px}

/* ── Message rows ── */
#bc-chat-widget .bc-row {
  display:flex !important; align-items:flex-end !important; gap:7px !important;
  animation:bcPop .3s var(--bc-spring) both !important;
}
#bc-chat-widget .bc-row.user { flex-direction:row-reverse !important; }

@keyframes bcPop {
  from{opacity:0;transform:translateY(12px) scale(.94)}
  to  {opacity:1;transform:translateY(0)    scale(1)}
}

#bc-chat-widget .bc-av {
  width:28px !important; height:28px !important; border-radius:9px !important;
  background:linear-gradient(135deg,#1565C0,#1E88E5) !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  flex-shrink:0 !important; margin-bottom:2px !important;
  box-shadow:0 2px 8px rgba(21,101,192,0.28) !important;
}
#bc-chat-widget .bc-av svg { width:14px !important; height:14px !important; }

#bc-chat-widget .bc-bubble {
  max-width:82% !important; padding:9px 13px !important;
  border-radius:14px !important;
  font-size:13px !important; line-height:1.55 !important;
}
#bc-chat-widget .bc-row.bot .bc-bubble {
  background:#FFFFFF !important; color:#0D1B2A !important;
  border-bottom-left-radius:4px !important;
  box-shadow:0 1px 4px rgba(13,27,42,0.06),0 0 0 1px #DDE6F5 !important;
}
#bc-chat-widget .bc-row.user .bc-bubble {
  background:linear-gradient(135deg,#1565C0 0%,#1E88E5 100%) !important;
  color:#fff !important; border-bottom-right-radius:4px !important;
  font-weight:600 !important; font-size:12.5px !important;
}

/* Typing dots */
#bc-chat-widget .bc-typing-wrap {
  display:flex !important; align-items:center !important; gap:4px !important; padding:10px 14px !important;
}
#bc-chat-widget .bc-td {
  width:5px !important; height:5px !important; border-radius:50% !important;
  background:#8898AA !important;
  animation:bcTd 1.2s ease-in-out infinite !important;
  display:inline-block !important;
}
#bc-chat-widget .bc-td:nth-child(2){animation-delay:.2s !important}
#bc-chat-widget .bc-td:nth-child(3){animation-delay:.4s !important}
@keyframes bcTd {
  0%,60%,100%{transform:translateY(0);opacity:.4}
  30%{transform:translateY(-5px);opacity:1}
}

/* ── Options panel ── */
#bc-chat-widget .wg-opts {
  background:#FFFFFF !important;
  padding:12px 12px 14px !important;
  border-top:1px solid #DDE6F5 !important;
  display:flex !important; flex-direction:column !important; gap:8px !important;
  flex-shrink:0 !important;
}
#bc-chat-widget .bc-opts-grid {
  display:flex !important; flex-wrap:wrap !important; gap:6px !important;
}

/* ── Option buttons — HIGH SPECIFICITY ── */
#bc-chat-widget .wg-opts .bc-opt,
#bc-chat-widget .bc-opts-grid .bc-opt {
  flex: 1 1 auto !important;
  min-width: calc(50% - 3px) !important;
  padding: 9px 11px !important;
  background: #F5F8FE !important;
  border: 1.5px solid #DDE6F5 !important;
  border-radius: 8px !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #4A5C74 !important;
  cursor: pointer !important;
  text-align: center !important;
  line-height: 1.3 !important;
  transition: background .18s, border-color .18s, color .18s, transform .18s, box-shadow .18s !important;
  touch-action: manipulation !important;
  text-decoration: none !important;
  outline: none !important;
  -webkit-appearance: none !important;
  margin: 0 !important;
  box-shadow: none !important;
}
#bc-chat-widget .wg-opts .bc-opt:hover,
#bc-chat-widget .bc-opts-grid .bc-opt:hover {
  border-color: #1E88E5 !important;
  color: #1565C0 !important;
  background: #EFF5FD !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 3px 12px rgba(21,101,192,0.12) !important;
}
#bc-chat-widget .wg-opts .bc-opt:active,
#bc-chat-widget .bc-opts-grid .bc-opt:active {
  transform: translateY(0) !important;
  box-shadow: none !important;
}
#bc-chat-widget .wg-opts .bc-opt.fw,
#bc-chat-widget .bc-opts-grid .bc-opt.fw {
  min-width: 100% !important;
}
#bc-chat-widget .wg-opts .bc-opt.sel,
#bc-chat-widget .bc-opts-grid .bc-opt.sel {
  background: #EFF5FD !important;
  border-color: #1976D2 !important;
  color: #1565C0 !important;
  font-weight: 700 !important;
}
#bc-chat-widget .wg-opts .bc-opt.sel::before,
#bc-chat-widget .bc-opts-grid .bc-opt.sel::before {
  content:'✓ ' !important;
  color:#1565C0 !important;
  font-weight:800 !important;
}

/* ── Primary button ── */
#bc-chat-widget .bc-btn-p {
  width: 100% !important;
  padding: 12px !important;
  background: linear-gradient(135deg,#1565C0 0%,#1E88E5 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  letter-spacing: .1px !important;
  transition: transform .2s, box-shadow .2s, filter .2s !important;
  box-shadow: 0 4px 16px rgba(21,101,192,0.28) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  -webkit-appearance: none !important;
  text-decoration: none !important;
  outline: none !important;
  margin: 0 !important;
}
#bc-chat-widget .bc-btn-p:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(21,101,192,0.38) !important;
  filter: brightness(1.08) !important;
  background: linear-gradient(135deg,#1565C0 0%,#1E88E5 100%) !important;
  color: #fff !important;
}
#bc-chat-widget .bc-btn-p:active  { transform: translateY(0) !important; }
#bc-chat-widget .bc-btn-p:disabled {
  opacity: .42 !important; cursor: not-allowed !important;
  transform: none !important; box-shadow: none !important; filter: none !important;
}

/* ── Secondary button ── */
#bc-chat-widget .bc-btn-s {
  width:100% !important; padding:12px !important;
  background:transparent !important;
  color:#4A5C74 !important;
  border:1.5px solid #DDE6F5 !important;
  border-radius:12px !important;
  font-family:'Plus Jakarta Sans', sans-serif !important;
  font-size:13px !important; font-weight:600 !important;
  cursor:pointer !important;
  transition:all .2s !important;
  display:flex !important; align-items:center !important; justify-content:center !important; gap:7px !important;
  -webkit-appearance:none !important; text-decoration:none !important;
  outline:none !important; margin:0 !important;
}
#bc-chat-widget .bc-btn-s:hover {
  border-color:#1976D2 !important;
  color:#1565C0 !important;
  background:#EFF5FD !important;
}

/* ── WhatsApp button ── */
#bc-chat-widget .bc-btn-wa {
  width:100% !important; padding:12px !important;
  background:linear-gradient(135deg,#128C7E,#25D366) !important;
  color:#fff !important; border:none !important; border-radius:12px !important;
  font-family:'Plus Jakarta Sans', sans-serif !important;
  font-size:13px !important; font-weight:700 !important;
  cursor:pointer !important;
  transition:transform .2s, box-shadow .2s !important;
  box-shadow:0 4px 16px rgba(37,211,102,0.25) !important;
  display:flex !important; align-items:center !important; justify-content:center !important; gap:7px !important;
  -webkit-appearance:none !important; text-decoration:none !important;
  outline:none !important; margin:0 !important;
}
#bc-chat-widget .bc-btn-wa:hover {
  transform:translateY(-2px) !important;
  box-shadow:0 8px 24px rgba(37,211,102,0.38) !important;
  background:linear-gradient(135deg,#128C7E,#25D366) !important;
  color:#fff !important;
}

/* ── Labels & hints ── */
#bc-chat-widget .bc-sec-lbl {
  font-size:10.5px !important; font-weight:700 !important; color:#8898AA !important;
  text-transform:uppercase !important; letter-spacing:.6px !important; padding:0 2px 3px !important;
  font-family:'Plus Jakarta Sans', sans-serif !important;
  display:block !important; margin:0 !important;
}
#bc-chat-widget .bc-hint {
  font-size:11px !important; color:#8898AA !important;
  padding:0 2px 2px !important; display:block !important; margin:0 !important;
}

/* ── Input fields ── */
#bc-chat-widget .bc-fields { display:flex !important; flex-direction:column !important; gap:8px !important; }
#bc-chat-widget .bc-field  { display:flex !important; flex-direction:column !important; gap:3px !important; }
#bc-chat-widget .bc-field label {
  font-size:10.5px !important; font-weight:700 !important; color:#4A5C74 !important;
  text-transform:uppercase !important; letter-spacing:.5px !important;
  font-family:'Plus Jakarta Sans', sans-serif !important;
  display:block !important; margin:0 0 3px !important;
}
#bc-chat-widget .bc-field input {
  padding:10px 12px !important;
  background:#F5F8FE !important;
  border:1.5px solid #DDE6F5 !important;
  border-radius:8px !important;
  font-family:'Nunito', sans-serif !important;
  font-size:13px !important; color:#0D1B2A !important;
  outline:none !important;
  transition:border-color .18s,box-shadow .18s !important;
  width:100% !important;
  display:block !important;
  -webkit-appearance:none !important;
  box-shadow:none !important;
  margin:0 !important;
}
#bc-chat-widget .bc-field input::placeholder { color:#8898AA !important; }
#bc-chat-widget .bc-field input:focus {
  border-color:#1976D2 !important;
  box-shadow:0 0 0 3px rgba(21,101,192,0.1) !important;
}
#bc-chat-widget .bc-field input.err {
  border-color:#E53935 !important;
  box-shadow:0 0 0 3px rgba(229,57,53,0.1) !important;
}
#bc-chat-widget .bc-ferr {
  font-size:11px !important; color:#E53935 !important;
  display:none !important; margin-top:2px !important;
}
#bc-chat-widget .bc-ferr.show { display:block !important; }

/* ── Welcome screen ── */
#bc-chat-widget .wg-welcome {
  padding:28px 20px 22px !important;
  display:flex !important; flex-direction:column !important; align-items:center !important;
  text-align:center !important; gap:16px !important; flex-shrink:0 !important;
  background:#fff !important;
}
#bc-chat-widget .w-icon {
  width:68px !important; height:68px !important;
  background:linear-gradient(145deg,#EFF5FD,rgba(21,101,192,0.05)) !important;
  border:2px solid rgba(21,101,192,0.13) !important;
  border-radius:20px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  animation:bcFloat 3.5s ease-in-out infinite !important;
  flex-shrink:0 !important;
}
@keyframes bcFloat {
  0%,100%{transform:translateY(0) rotate(-1deg)}
  50%{transform:translateY(-7px) rotate(1deg)}
}
#bc-chat-widget .w-title {
  font-family:'Plus Jakarta Sans', sans-serif !important;
  font-size:20px !important; font-weight:800 !important;
  color:#0D1B2A !important; letter-spacing:-.4px !important; line-height:1.25 !important;
  margin:0 !important; padding:0 !important;
}
#bc-chat-widget .w-title span {
  background:linear-gradient(135deg,#1565C0,#0288D1) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
}
#bc-chat-widget .w-sub {
  font-size:13px !important; color:#4A5C74 !important; line-height:1.65 !important;
  max-width:300px !important; margin-top:-6px !important;
  padding:0 !important;
}
#bc-chat-widget .w-pills {
  display:flex !important; gap:6px !important; flex-wrap:wrap !important; justify-content:center !important;
}
#bc-chat-widget .pill {
  padding:4px 11px !important;
  background:#F5F8FE !important; border:1px solid #DDE6F5 !important;
  border-radius:99px !important; font-size:11px !important; color:#4A5C74 !important;
  font-weight:600 !important; display:flex !important; align-items:center !important; gap:4px !important;
}
#bc-chat-widget .pill .pd {
  width:5px !important; height:5px !important; border-radius:50% !important;
  background:#69F0AE !important; display:inline-block !important;
}

/* ── Chat area ── */
#bc-chat-widget .wg-chat-area {
  display:flex !important; flex-direction:column !important;
  flex:1 !important; min-height:0 !important; overflow:hidden !important;
}

/* ── Closing screen ── */
#bc-chat-widget .wg-closing {
  padding:28px 20px 22px !important;
  display:flex !important; flex-direction:column !important; align-items:center !important;
  text-align:center !important; gap:14px !important; flex-shrink:0 !important;
  overflow-y:auto !important; background:#fff !important;
}
#bc-chat-widget .c-icon {
  width:58px !important; height:58px !important;
  background:linear-gradient(135deg,#1565C0,#1E88E5) !important;
  border-radius:20px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  box-shadow:0 6px 20px rgba(21,101,192,0.28) !important;
  animation:bcPopBounce .55s var(--bc-spring) both !important;
  flex-shrink:0 !important;
}
@keyframes bcPopBounce {
  from{transform:scale(.4);opacity:0}
  to  {transform:scale(1);opacity:1}
}
#bc-chat-widget .c-title {
  font-family:'Plus Jakarta Sans', sans-serif !important;
  font-size:19px !important; font-weight:800 !important;
  color:#0D1B2A !important; letter-spacing:-.3px !important; line-height:1.3 !important;
  margin:0 !important; padding:0 !important;
}
#bc-chat-widget .c-sub {
  font-size:12.5px !important; color:#4A5C74 !important; line-height:1.65 !important;
  max-width:290px !important; margin-top:-4px !important; padding:0 !important;
}
#bc-chat-widget .c-info {
  display:flex !important; gap:9px !important; font-size:11.5px !important; color:#4A5C74 !important;
  background:#F5F8FE !important; border:1px solid #DDE6F5 !important;
  border-radius:12px !important; padding:11px 13px !important;
  text-align:left !important; align-items:flex-start !important; line-height:1.5 !important;
  width:100% !important; box-sizing:border-box !important;
}
#bc-chat-widget .c-info svg { flex-shrink:0 !important; margin-top:1px !important; }
#bc-chat-widget .c-actions { width:100% !important; display:flex !important; flex-direction:column !important; gap:8px !important; }

/* ── Footer ── */
#bc-chat-widget .wg-foot {
  padding:8px 0 6px !important; text-align:center !important;
  font-size:10px !important; color:#8898AA !important;
  letter-spacing:.2px !important;
  border-top:1px solid #DDE6F5 !important;
  flex-shrink:0 !important; background:#FFFFFF !important;
  margin:0 !important;
}
#bc-chat-widget .wg-foot a {
  color:#1565C0 !important; font-weight:700 !important;
  text-decoration:none !important;
}

/* ── Step animation ── */
#bc-chat-widget .bc-step-enter {
  animation:bcStepIn .26s var(--bc-ease) both !important;
}
@keyframes bcStepIn {
  from{opacity:0;transform:translateX(12px)}
  to  {opacity:1;transform:translateX(0)}
}

/* ── Hidden ── */
.hidden { display:none !important; }

/* ── Mobile ── */
@media (max-width: 480px) {
  :root {
    --bc-pos-right: 16px;
    --bc-pos-bottom: 16px;
  }
  .bc-overlay { display:block !important; }
  .bc-popup {
    bottom:0 !important; right:0 !important; left:0 !important;
    max-width:100% !important; width:100% !important;
    max-height:92vh !important;
    border-radius:20px 20px 0 0 !important;
    transform-origin:bottom center !important;
  }
  .bc-fab { width:54px !important; height:54px !important; }
  #bc-chat-widget .bc-opts-grid .bc-opt,
  #bc-chat-widget .wg-opts .bc-opt {
    min-width: calc(50% - 3px) !important;
    font-size: 12px !important;
  }
}