/* DLG "Need help?" assistant. All classes prefixed dlga-. Site variables with fallbacks. */
.dlga-launcher,.dlga-panel{--dlga-navy:var(--navy,#0B1F3A);--dlga-blue:var(--blue,#1E6FD9);--dlga-green:var(--orange,#4E9B34);--dlga-red:var(--red,#B31942);--dlga-line:#d5dce8;--dlga-head:var(--font-head,"Archivo","Inter",system-ui,sans-serif);--dlga-body:var(--font-body,"Inter",system-ui,sans-serif);font-family:var(--dlga-body);font-size:15px;line-height:1.45;color:var(--dlga-navy);box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.dlga-panel *,.dlga-panel *::before,.dlga-panel *::after{box-sizing:border-box}
.dlga-panel svg,.dlga-launcher svg{display:block;flex:none}

/* Launcher: a small hovering field robot with a "Need help?" bubble */
.dlga-launcher{position:fixed;right:24px;bottom:24px;z-index:1000;display:block;width:64px;height:72px;margin:0;padding:0;border:0;border-radius:18px;background:transparent;color:var(--dlga-navy);cursor:pointer}
.dlga-launcher svg{width:100%;height:100%;overflow:visible}
.dlga-launcher:focus-visible,.dlga-panel button:focus-visible,.dlga-panel a:focus-visible{outline:3px solid var(--dlga-blue);outline-offset:2px}
.dlga-bubble{position:absolute;right:calc(100% + 12px);top:6px;padding:7px 12px;border:2px solid var(--dlga-navy);border-radius:12px;background:#fff;color:var(--dlga-navy);font-family:var(--dlga-head);font-weight:700;font-size:.95rem;line-height:1.2;white-space:nowrap;box-shadow:0 6px 16px rgba(11,31,58,.18);opacity:0;transform:translateX(8px) scale(.9);transform-origin:100% 50%;transition:opacity .25s ease,transform .25s ease;pointer-events:none}
.dlga-bubble::after{content:"";position:absolute;right:-6px;top:50%;width:8px;height:8px;margin-top:-4px;background:#fff;border:2px solid var(--dlga-navy);border-width:2px 2px 0 0;transform:rotate(45deg)}
.dlga-say .dlga-bubble{opacity:1;transform:none;pointer-events:none}
/* Robot motion: hover bob, blink, antenna pulse, wave, scroll tilt, hover lift and glow */
.dlga-body{animation:dlga-bob 3s ease-in-out infinite}
.dlga-shade{animation:dlga-shade 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.dlga-eye{animation:dlga-blink 5s linear infinite;transform-box:fill-box;transform-origin:center}
.dlga-lamp{animation:dlga-pulse 2.2s ease-in-out infinite}
.dlga-ping{animation:dlga-ping 2.2s ease-in-out infinite}
.dlga-arm{transform-origin:14.5px 44px}
.dlga-wave .dlga-arm{animation:dlga-wave .55s ease-in-out 3}
.dlga-tilt{transform:rotate(var(--dlga-tilt,0deg));transform-origin:32px 60px;transition:transform .35s ease-out}
.dlga-lift{transition:transform .2s ease}
.dlga-halo,.dlga-visor{transition:opacity .2s ease}
.dlga-launcher:hover .dlga-lift,.dlga-launcher:focus-visible .dlga-lift{transform:translateY(-2px)}
.dlga-launcher:hover .dlga-halo,.dlga-launcher:focus-visible .dlga-halo{opacity:.6}
.dlga-launcher:hover .dlga-visor,.dlga-launcher:focus-visible .dlga-visor{opacity:.28}
.dlga-is-open .dlga-launcher svg *{animation:none}
.dlga-is-open .dlga-bubble{opacity:0;transform:translateX(8px) scale(.9);pointer-events:none}
@keyframes dlga-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3.5px)}}
@keyframes dlga-shade{0%,100%{transform:scaleX(1);opacity:.18}50%{transform:scaleX(.78);opacity:.1}}
@keyframes dlga-blink{0%,93%,100%{transform:scaleY(1)}96.5%{transform:scaleY(.1)}}
@keyframes dlga-pulse{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes dlga-ping{0%,100%{opacity:.08}50%{opacity:.4}}
@keyframes dlga-wave{0%,100%{transform:rotate(0)}30%{transform:rotate(-16deg)}75%{transform:rotate(6deg)}}

/* Panel */
.dlga-panel{position:fixed;right:24px;bottom:104px;z-index:1001;width:380px;max-width:calc(100vw - 32px);height:70vh;max-height:640px;display:flex;flex-direction:column;margin:0;padding:0;background:#eef2f7;border-radius:14px;box-shadow:0 18px 48px rgba(11,31,58,.3);overflow:hidden;animation:dlga-in .2s ease}
.dlga-panel[hidden]{display:none}
@keyframes dlga-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* Header */
.dlga-head{flex:none;display:flex;align-items:center;gap:4px;padding:11px 8px 11px 16px;background:var(--dlga-navy);color:#fff;border-bottom:3px solid var(--dlga-green)}
.dlga-title{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.dlga-title strong{font-family:var(--dlga-head);font-weight:800;font-size:1.02rem;letter-spacing:-.01em;color:#fff}
.dlga-title span{font-size:.78rem;color:#b9c7dd}
.dlga-icon{flex:none;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:#fff;cursor:pointer}
.dlga-icon:hover{background:rgba(255,255,255,.14)}

/* Message list */
.dlga-log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:8px;padding:14px 14px 8px}
.dlga-msg{max-width:86%;margin:0;padding:10px 13px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere;animation:dlga-in .18s ease}
.dlga-a{align-self:flex-start;background:#fff;color:var(--dlga-navy);border-bottom-left-radius:4px;box-shadow:0 1px 2px rgba(11,31,58,.08)}
.dlga-v{align-self:flex-end;background:var(--dlga-navy);color:#fff;border-bottom-right-radius:4px}
.dlga-typing{display:flex;gap:4px;padding:13px 14px}
.dlga-typing i{width:7px;height:7px;border-radius:50%;background:#8a9bb5;animation:dlga-dot 1s infinite ease-in-out}
.dlga-typing i:nth-child(2){animation-delay:.15s}
.dlga-typing i:nth-child(3){animation-delay:.3s}
@keyframes dlga-dot{0%,80%,100%{transform:none;opacity:.5}40%{transform:translateY(-4px);opacity:1}}

/* Quick replies, link cards, call button */
.dlga-replies{display:flex;flex-wrap:wrap;gap:8px;width:100%;padding:2px 0 4px}
.dlga-pill{margin:0;padding:9px 14px;border:1.5px solid var(--dlga-blue);border-radius:999px;background:#fff;color:var(--dlga-blue);font-family:var(--dlga-head);font-weight:600;font-size:.88rem;line-height:1.2;text-align:left;cursor:pointer;transition:background .15s,color .15s}
.dlga-pill:hover{background:var(--dlga-blue);color:#fff}
.dlga-card{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 14px;border:1px solid var(--dlga-line);border-radius:10px;background:#fff;color:var(--dlga-navy);font-family:var(--dlga-head);font-weight:700;font-size:.92rem;line-height:1.3;text-decoration:none;transition:border-color .15s,transform .15s}
.dlga-card:hover{border-color:var(--dlga-blue);transform:translateY(-1px);color:var(--dlga-navy)}
.dlga-card svg{color:var(--dlga-blue)}
.dlga-call{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--dlga-green);color:#fff;font-family:var(--dlga-head);font-weight:700;font-size:.92rem;line-height:1.3;text-decoration:none}
.dlga-call:hover{background:#3f8029;color:#fff}

/* Inputs, inline answer box, forms */
.dlga-panel input,.dlga-panel textarea{width:100%;margin:0;padding:10px 12px;border:1px solid #c9d2e0;border-radius:9px;background:#fff;color:var(--dlga-navy);font:inherit;font-size:15px;line-height:1.4}
.dlga-panel input:focus,.dlga-panel textarea:focus{border-color:var(--dlga-blue);outline:2px solid rgba(30,111,217,.3);outline-offset:0}
.dlga-panel textarea{min-height:76px;resize:vertical}
.dlga-panel [aria-invalid="true"]{border-color:var(--dlga-red)}
.dlga-inline{display:flex;gap:8px;width:100%;margin:0}
.dlga-inline input{flex:1;min-width:0}
.dlga-btn{flex:none;margin:0;padding:10px 16px;border:0;border-radius:9px;background:var(--dlga-navy);color:#fff;font-family:var(--dlga-head);font-weight:700;font-size:.92rem;cursor:pointer}
.dlga-btn:hover{background:#15335d}
.dlga-form{display:flex;flex-direction:column;gap:10px;width:100%;margin:0;padding:14px;border:1px solid var(--dlga-line);border-radius:12px;background:#fff}
.dlga-field{display:flex;flex-direction:column;gap:4px}
.dlga-field label{font-family:var(--dlga-head);font-weight:600;font-size:.85rem;color:var(--dlga-navy)}
.dlga-req{color:var(--dlga-red)}
.dlga-err{margin:0;font-size:.85rem;font-weight:600;color:var(--dlga-red)}
.dlga-err:empty{display:none}
.dlga-submit{width:100%;padding:12px;background:var(--dlga-green)}
.dlga-submit:hover{background:#3f8029}

/* Composer */
.dlga-composer{flex:none;display:flex;gap:8px;margin:0;padding:10px 12px;background:#fff;border-top:1px solid var(--dlga-line)}
.dlga-composer input{flex:1;min-width:0;padding:10px 14px;border-radius:999px}
.dlga-send{flex:none;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:50%;background:var(--dlga-blue);color:#fff;cursor:pointer}
.dlga-send:hover{background:#175bbb}

/* Phones: launcher above the sticky call bar, panel becomes a bottom sheet */
@media (max-width:768px){
  .dlga-launcher{right:8px;bottom:66px;width:56px;height:64px}
  .dlga-bubble{right:calc(100% + 10px);top:4px;padding:6px 10px;font-size:.85rem}
  .dlga-is-open .dlga-launcher{display:none}
  .dlga-panel{left:0;right:0;bottom:56px;width:auto;max-width:none;height:85vh;height:85svh;max-height:calc(100vh - 64px);max-height:calc(100svh - 64px);border-radius:16px 16px 0 0}
  .dlga-panel input,.dlga-panel textarea{font-size:16px}
}

@media (prefers-reduced-motion:reduce){
  .dlga-launcher,.dlga-launcher *,.dlga-panel,.dlga-msg,.dlga-typing i,.dlga-card,.dlga-pill{animation:none!important;transition:none!important}
}