/* Six Side Media chat assistant */
#ssm-chat{--sc-w:380px;font-family:var(--body);color:var(--ink)}
#ssm-chat [hidden]{display:none!important}
/* Move the back-to-top button above the chat button */
.to-top{bottom:94px}
.sc-launch{position:fixed;right:22px;bottom:22px;z-index:950;display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 22px 0 18px;border:0;border-radius:999px;background:var(--blue-800);color:#fff;font-weight:700;font-size:15px;box-shadow:0 14px 34px -10px rgba(6,20,63,.55);transition:transform .25s var(--ease),background .25s}
.sc-launch svg{color:var(--yellow)}
.sc-launch:hover{transform:translateY(-2px);background:var(--blue-700)}
.is-open .sc-launch{background:var(--yellow);color:var(--blue-900)}
.is-open .sc-launch svg{color:var(--blue-900)}
.sc-teaser{position:fixed;right:22px;bottom:90px;z-index:950;max-width:270px;background:#fff;border:1px solid var(--line);border-radius:16px 16px 4px 16px;padding:14px 34px 14px 16px;font-size:14.5px;font-weight:600;line-height:1.45;box-shadow:0 18px 40px -18px rgba(6,20,63,.45);animation:scIn .4s var(--ease)}
.sc-teaser-text{cursor:pointer;display:block}
.sc-teaser-x{position:absolute;top:6px;right:8px;width:24px;height:24px;border:0;background:none;color:var(--muted);font-size:20px;line-height:1}
.sc-panel{position:fixed;right:22px;bottom:90px;z-index:960;width:var(--sc-w);height:min(600px,calc(100vh - 120px));display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(6,20,63,.6),0 0 0 1px rgba(10,31,92,.08);animation:scIn .3s var(--ease)}
@keyframes scIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.sc-head{display:flex;align-items:center;gap:12px;padding:16px 16px 16px 18px;background:var(--blue-800);color:#fff}
.sc-head b{display:block;font-family:var(--display);font-size:16px}
.sc-head small{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#C3CDE6}
.sc-head small i{width:8px;height:8px;border-radius:50%;background:#2BD38B}
.sc-ava{flex:none;display:grid;place-items:center;width:40px;height:44px;clip-path:var(--hex);background:var(--yellow);color:var(--blue-900);font-family:var(--display);font-weight:800}
.sc-close{margin-left:auto;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center}
.sc-close:hover{background:rgba(255,255,255,.2)}
.sc-log{flex:1;overflow-y:auto;padding:18px 14px 8px;background:var(--blue-50);display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.sc-msg{max-width:86%;padding:11px 14px;border-radius:16px;font-size:14.5px;line-height:1.5;white-space:pre-line;word-wrap:break-word}
.sc-bot{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px}
.sc-me{align-self:flex-end;background:var(--blue-600);color:#fff;border-bottom-right-radius:4px}
.sc-typing{display:flex;gap:4px;padding:14px 16px}
.sc-typing i{width:7px;height:7px;border-radius:50%;background:#A9B6D6;animation:scDot 1s infinite}
.sc-typing i:nth-child(2){animation-delay:.15s}.sc-typing i:nth-child(3){animation-delay:.3s}
@keyframes scDot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.sc-opts{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 6px}
.sc-opt{display:inline-flex;align-items:center;min-height:38px;padding:7px 14px;border:1.5px solid var(--blue-600);border-radius:999px;background:#fff;color:var(--blue-600);font-size:14px;font-weight:700;line-height:1.3;text-align:left;transition:background .2s,color .2s}
.sc-opt:hover{background:var(--blue-600);color:#fff}
.sc-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:#fff}
.sc-input input{flex:1;min-width:0;height:44px;padding:0 16px;border:1.5px solid var(--line);border-radius:999px;font:inherit;font-size:15px;color:var(--ink)}
.sc-input input:focus{outline:none;border-color:var(--blue-600)}
.sc-input button{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--yellow);color:var(--blue-900);display:grid;place-items:center}
@media (max-width:600px){
  .sc-launch{right:14px;bottom:14px;width:56px;padding:0;justify-content:center}
  .sc-launch span{display:none}
  .to-top{right:16px;bottom:82px}
  .sc-teaser{right:14px;bottom:80px;max-width:calc(100vw - 28px)}
  .sc-panel{right:8px;left:8px;bottom:80px;width:auto;height:calc(100vh - 100px);height:calc(100dvh - 100px);border-radius:18px}
  .sc-input input{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.sc-panel,.sc-teaser,.sc-typing i{animation:none}}
@media print{#ssm-chat{display:none}}
/* Floating call button (bottom-left, opposite the chat button) */
.call-fab{position:fixed;left:22px;bottom:22px;z-index:950;display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 22px 0 18px;border-radius:999px;background:var(--yellow);color:var(--blue-900);font-weight:800;font-size:15px;box-shadow:0 14px 34px -10px rgba(6,20,63,.5);transition:transform .25s var(--ease),background .25s}
.call-fab:hover{transform:translateY(-2px);background:#FFD45C}
.call-fab svg{animation:callRing 3s ease-in-out infinite}
@keyframes callRing{0%,86%,100%{transform:none}88%,92%,96%{transform:rotate(-14deg)}90%,94%,98%{transform:rotate(14deg)}}
@media (max-width:600px){
  .call-fab{left:14px;bottom:14px;width:56px;padding:0;justify-content:center}
  .call-fab span{display:none}
}
/* Hide while the mobile chat panel is open so it never covers the chat */
@media (max-width:600px){body:has(#ssm-chat.is-open) .call-fab{display:none}}
@media (prefers-reduced-motion:reduce){.call-fab svg{animation:none}}
@media print{.call-fab{display:none}}
/* Floating WhatsApp button, stacked above the chat button */
.wa-fab{position:fixed;right:22px;bottom:92px;z-index:950;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(18,140,70,.6);transition:transform .25s var(--ease)}
.wa-fab:hover{transform:translateY(-2px) scale(1.05)}
.wa-tip{position:absolute;right:70px;top:50%;transform:translateY(-50%);white-space:nowrap;padding:7px 12px;border-radius:10px;background:var(--blue-900);color:#fff;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s}
.wa-fab:hover .wa-tip,.wa-fab:focus-visible .wa-tip{opacity:1}
body:has(#ssm-chat.is-open) .wa-fab{display:none}
/* Re-stack: back-to-top above WhatsApp; teaser sits beside the buttons */
.to-top{bottom:162px}
.sc-teaser{right:92px;bottom:94px}
@media (max-width:600px){
  .wa-fab{right:14px;bottom:80px;width:56px;height:56px}
  .wa-tip{display:none}
  .to-top{right:16px;bottom:146px}
  .sc-teaser{right:80px;bottom:82px;max-width:calc(100vw - 100px)}
}
@media print{.wa-fab{display:none}}