/* Ask Luca widget (luca.js) and live chat (livechat.js), in Cinch brand colours. */
#cinch-luca{font-family:'Sora',ui-sans-serif,system-ui,'Segoe UI',Arial,sans-serif;line-height:1.5;color:#1F2D3D;position:relative;z-index:180}
#cinch-luca *{box-sizing:border-box}
#cinch-luca [hidden]{display:none!important}
#cinch-luca svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.luca-launcher{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;border:1px solid #2A3B4F;background:#1F2D3D;color:#fff;padding:8px 18px 8px 8px;border-radius:40px;box-shadow:0 14px 34px -12px rgba(31,45,61,.55);cursor:pointer;font:600 14px/1 'Sora',ui-sans-serif,system-ui,Arial,sans-serif;min-height:52px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.luca-launcher:hover{transform:translateY(-2px);box-shadow:0 18px 40px -14px rgba(31,45,61,.6)}
.luca-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;flex-shrink:0}
.luca-avatar svg{width:22px!important;height:22px!important}
.luca-launcher:focus-visible{outline:3px solid #FFC107;outline-offset:3px}
#cinch-luca .luca-panel button:focus-visible,#cinch-luca .luca-panel a:focus-visible{outline:3px solid #1F2D3D;outline-offset:3px}
#cinch-luca .luca-header button:focus-visible{outline-color:#FFC107}
.luca-panel{padding:0;position:fixed;right:24px;bottom:90px;width:390px;max-width:calc(100vw - 32px);height:560px;max-height:calc(100dvh - 116px);background:#fff;border:1px solid #E3E9EF;border-radius:18px;box-shadow:0 2px 4px rgba(31,45,61,.05),0 28px 70px -24px rgba(31,45,61,.4);display:flex;flex-direction:column;overflow:hidden;animation:luca-in .35s cubic-bezier(.16,1,.3,1)}
@keyframes luca-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.luca-header{position:relative;display:flex;align-items:center;gap:12px;background:#1F2D3D;color:#fff;padding:18px}
.luca-header:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#FF8A3D,#FFC107)}
.luca-header .luca-avatar{width:40px;height:40px}
.luca-header-copy{flex:1}
.luca-header h2{font-size:18px;letter-spacing:-.02em;margin:0;line-height:1.3;color:#fff;font-weight:600}
.luca-header p{font-size:10.5px;letter-spacing:.14em;color:#A5B4C5;margin:3px 0 0}
.luca-close{display:grid;place-items:center;border:1px solid #3A4D63;border-radius:9px;background:transparent;color:#fff;width:34px;height:34px;padding:7px;cursor:pointer}
.luca-close:hover{background:#2A3B4F}
.luca-context{font-size:11.5px;padding:9px 18px;color:#667085;background:#F7FAFC;border-bottom:1px solid #E3E9EF;display:flex;gap:8px;align-items:center}
.luca-context span:first-child{color:#B5480F;font-weight:600}
.luca-messages{overflow-y:auto;flex:1;padding:18px;scroll-behavior:smooth;overscroll-behavior:contain;background:#fff;scrollbar-width:thin;scrollbar-color:#CDD7E1 transparent}
.luca-message{max-width:94%;border:1px solid #E3E9EF;background:#F7FAFC;border-radius:14px 14px 14px 4px;padding:13px 14px;margin-bottom:12px;font-size:13.5px;line-height:1.65;color:#1F2D3D;white-space:pre-wrap;overflow-wrap:anywhere}
.luca-message.luca-user{margin-left:auto;background:#FFF4EC;border-color:#FBD9C2;border-radius:14px 14px 4px 14px}
.luca-message p{font-size:13.5px;color:inherit;line-height:1.65;margin:0;white-space:pre-wrap}
.luca-response-links{display:flex;flex-direction:column;gap:0;margin-top:10px}
.luca-response-links a{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#1F2D3D;font-weight:600;font-size:13px;text-decoration:none;border-top:1px solid #E3E9EF;padding:9px 0 2px;white-space:normal}
.luca-response-links a:after{content:'';width:14px;height:14px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B5480F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.luca-response-links a:hover{text-decoration:underline;text-decoration-color:#FF8A3D;text-underline-offset:3px}
.luca-quick{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}
.luca-quick button{background:#fff;border:1px solid #CDD7E1;color:#1F2D3D;border-radius:10px;padding:9px 12px;font-size:12.5px;line-height:1.45;font-family:inherit;cursor:pointer;text-align:left;transition:background .2s,border-color .2s}
.luca-quick button:hover{background:#FFF4EC;border-color:#FF8A3D}
.luca-quick button:disabled{opacity:.6;cursor:wait}
.luca-footer{padding:14px;border-top:1px solid #E3E9EF;background:#fff}
.luca-input-form{display:flex;align-items:end;gap:8px}
.luca-input-form textarea{flex:1;resize:none;width:100%;font:13.5px/1.5 'Sora',ui-sans-serif,system-ui,Arial,sans-serif;border:1px solid #CDD7E1;border-radius:10px;padding:11px 12px;color:#1F2D3D;min-height:44px;max-height:90px;background:#fff}
.luca-input-form textarea::placeholder{color:#6B7689}
.luca-input-form textarea:focus{outline:none;border-color:#1F2D3D;box-shadow:0 0 0 3px rgba(255,138,61,.35)}
.luca-send{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:10px;background:#FF8A3D;color:#1F2D3D;padding:11px;cursor:pointer;flex-shrink:0;transition:background .2s}
.luca-send:hover{background:#FF9B57}
.luca-send:disabled{opacity:.5;cursor:wait}
.luca-footer-note{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:9px;font-size:11px;color:#667085}
.luca-footer-note a{font-size:11.5px;color:#1F2D3D;text-decoration:none;font-weight:600}
.luca-footer-note a:hover{text-decoration:underline;text-decoration-color:#FF8A3D;text-underline-offset:3px}
.luca-busy{color:#667085;font-size:12px;padding:0 3px 14px}
.luca-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Live chat ("Talk to a person"), added by livechat.js */
.luca-live-talk,.luca-quick .luca-live-talk{background:#1F2D3D;border:1px solid #1F2D3D;color:#fff;border-radius:10px;padding:9px 12px;font-size:12.5px;line-height:1.45;font-family:inherit;cursor:pointer;text-align:left;margin-top:8px;font-weight:600}
.luca-live-talk:hover,.luca-live-talk:focus-visible{background:#2A3B4F}
.luca-live-note{margin:8px 0 0;font-size:12px;color:#667085}
.luca-live-form{border:1px solid #E3E9EF;background:#fff;border-radius:14px;padding:14px;margin-bottom:12px;font-size:13px;color:#1F2D3D;display:grid;gap:6px}
.luca-live-form label{font-weight:600;font-size:12.5px}
.luca-live-form input{font:inherit;border:1px solid #CDD7E1;border-radius:9px;padding:9px 11px;color:#1F2D3D}
.luca-live-form input:focus{outline:none;border-color:#1F2D3D;box-shadow:0 0 0 3px rgba(255,138,61,.35)}
.luca-live-title{margin:0 0 4px;font-weight:600;font-size:14px}
.luca-live-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.luca-live-notice{margin:4px 0 0;font-size:11.5px;color:#667085}
.luca-live-notice a{color:#1F2D3D;font-weight:600}
.luca-live-error{margin:0;color:#B42318;font-size:12px}
.luca-live-actions{display:flex;gap:8px;margin-top:4px}
.luca-live-actions button,.luca-live-end{font:inherit;font-size:12.5px;border-radius:9px;padding:8px 13px;cursor:pointer;border:1px solid #CDD7E1;background:#fff;color:#1F2D3D}
.luca-live-actions button[type=submit]{background:#FF8A3D;border-color:#FF8A3D;color:#1F2D3D;font-weight:600}
.luca-live-actions button:disabled{opacity:.6;cursor:default}
.luca-live-end{margin-bottom:8px}
.luca-live-from{display:block;font-size:11px;font-weight:600;color:#B5480F;margin-bottom:2px}
.luca-live-agent{background:#EAF2F8;border-color:#D9E8F3}
.luca-live-system{background:transparent;border-style:dashed;color:#667085;font-style:italic}
@media(max-width:500px){
  .luca-launcher{right:16px;bottom:16px;min-height:48px;padding:6px 14px 6px 6px;font-size:13px}
  .luca-panel{right:16px;bottom:76px;width:calc(100vw - 32px);height:540px;max-height:calc(100dvh - 96px)}
  .luca-messages{padding:15px}
  .luca-header{padding:15px}
}
@media(prefers-reduced-motion:reduce){.luca-messages{scroll-behavior:auto}.luca-panel{animation:none}}
