/* Del Rio Deal Trucking — website chat (scripted assistant). Uses the site palette. */
.drt-chat-toggle{position:fixed;right:20px;bottom:20px;z-index:90;display:inline-flex;align-items:center;gap:9px;background:#1d6fd1;color:#fff;border:none;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;line-height:1;padding:14px 22px;border-radius:999px;box-shadow:0 10px 30px rgba(11,31,58,.35);transition:background .15s ease,transform .15s ease}
.drt-chat-toggle:hover{background:#155aab;transform:translateY(-1px)}
.drt-chat-toggle svg{width:20px;height:20px;flex:none}
.drt-chat-toggle:focus-visible,.drt-chat-panel button:focus-visible,.drt-chat-panel a:focus-visible,.drt-chat-panel input:focus-visible{outline:2px solid #155aab;outline-offset:2px}
.drt-chat-panel{position:fixed;right:20px;bottom:84px;z-index:91;width:360px;max-width:calc(100vw - 24px);height:540px;max-height:calc(100dvh - 116px);background:#fff;border:1px solid #d7dee6;border-radius:18px;box-shadow:0 24px 60px rgba(11,31,58,.35);display:none;flex-direction:column;overflow:hidden;font-size:.95rem}
.drt-chat-panel.open{display:flex;animation:drt-in .18s ease}
@keyframes drt-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.drt-chat-head{background:#0b1f3a;color:#fff;padding:14px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex:none}
.drt-chat-head .drt-chat-name{font-size:1.08rem;line-height:1.25;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.drt-chat-head .drt-chat-sub{font-size:.8rem;color:#8fa6bd;margin-top:2px}
.drt-chat-close{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;width:32px;height:32px;border-radius:50%;font-size:1.05rem;line-height:1;cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center}
.drt-chat-close:hover{background:rgba(255,255,255,.18)}
.drt-chat-msgs{flex:1;overflow-y:auto;padding:16px;background:#eef2f6;display:flex;flex-direction:column;gap:10px}
.drt-msg{max-width:88%;padding:10px 13px;border-radius:14px;line-height:1.5;overflow-wrap:break-word}
.drt-msg.bot{background:#fff;border:1px solid #d7dee6;color:#131a22;align-self:flex-start;border-bottom-left-radius:4px}
.drt-msg.user{background:#1d6fd1;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.drt-chips{display:flex;flex-wrap:wrap;gap:8px;align-self:flex-start;max-width:100%}
.drt-chip{background:#fff;border:1.5px solid #1d6fd1;color:#155aab;padding:8px 14px;border-radius:999px;font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}
.drt-chip:hover{background:#1d6fd1;color:#fff}
.drt-summary-lines{margin:2px 0 4px}
.drt-act{display:block;text-align:center;text-decoration:none;font-weight:700;padding:12px 14px;border-radius:10px;margin-top:8px;font-size:.95rem}
.drt-act-email{background:#1d6fd1;color:#fff}
.drt-act-email:hover{background:#155aab}
.drt-act-text{background:#2e7d4f;color:#fff}
.drt-act-text:hover{background:#256b43}
.drt-act-call{background:#fff;color:#155aab;border:1.5px solid #1d6fd1}
.drt-act-call:hover{background:#eef2f6}
.drt-typing{display:inline-flex;gap:5px;align-items:center;padding:14px 13px}
.drt-typing i{width:7px;height:7px;border-radius:50%;background:#8fa6bd;display:inline-block;animation:drt-blink 1.1s infinite}
.drt-typing i:nth-child(2){animation-delay:.18s}
.drt-typing i:nth-child(3){animation-delay:.36s}
@keyframes drt-blink{0%,80%,100%{opacity:.3}40%{opacity:1}}
.drt-chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid #d7dee6;background:#fff;flex:none}
.drt-chat-input{flex:1;border:1px solid #d7dee6;border-radius:999px;padding:11px 16px;font-family:inherit;font-size:16px;color:#131a22;min-width:0}
.drt-chat-input::placeholder{color:#67788e}
.drt-chat-send{background:#1d6fd1;color:#fff;border:none;border-radius:999px;padding:11px 20px;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;flex:none}
.drt-chat-send:hover{background:#155aab}
@media(max-width:960px){
  /* Keep the chat clear of the sticky mobile call bar. */
  .drt-chat-toggle{right:14px;bottom:84px;padding:13px 18px}
  .drt-chat-panel{right:12px;left:12px;bottom:148px;width:auto;max-width:none;height:min(540px,calc(100dvh - 170px));max-height:calc(100dvh - 170px)}
}
@media (prefers-reduced-motion: reduce){
  .drt-chat-panel.open{animation:none}
  .drt-typing i{animation:none;opacity:.6}
}