/* "Spørg FIXON" chat on every page. Base look is the design's (revision.css on
   the home page); the additions below are for a live conversation. */
#chat-launch{position:fixed;right:24px;bottom:24px;display:flex;gap:12px;align-items:center;border:0;border-radius:28px;padding:15px 20px;background:#A855F7;color:#fff;font:800 19px/1.2 Manrope,Arial,sans-serif;z-index:20;box-shadow:0 5px 24px #51208225;cursor:pointer;min-height:56px}
#chat-launch svg{height:26px;width:26px}
#fixon-chat{position:fixed;inset:auto 24px 24px auto;width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #e4d8ed;border-radius:20px;box-shadow:0 18px 70px #27123c33;z-index:30;color:#202024;font-family:Manrope,Arial,sans-serif;margin:0}
#fixon-chat::backdrop{background:#160f211f}
#fixon-chat .chat-head{background:#f3e8ff;padding:24px;display:flex;justify-content:space-between;gap:20px}
#fixon-chat .chat-head img{width:87px;height:auto}
#fixon-chat .chat-head h2{font-size:20px;font-weight:750;letter-spacing:-.03em;margin:13px 0 0;max-width:230px;line-height:1.2}
#fixon-chat .chat-head button{background:transparent;border:0;font-size:30px;width:44px;height:44px;cursor:pointer;color:inherit}
#fixon-chat .chat-content{padding:20px}
#fixon-chat .chat-demo{font-size:12px;margin:0 0 15px}
#fixon-chat .bubble{font-size:15px;line-height:1.55;background:#f5f5f7;border-radius:3px 12px 12px 12px;padding:13px;margin:10px 0;color:#38343c;white-space:pre-line;overflow-wrap:anywhere}
#fixon-chat .bubble a{text-decoration:underline;font-weight:700;color:inherit}
#fixon-chat .chat-topics{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}
#fixon-chat .chat-topics button{background:white;border:1px solid #d7bfeb;border-radius:9px;padding:10px 12px;min-height:44px;cursor:pointer;font:14px Manrope,Arial,sans-serif;color:#202024}
#fixon-chat .chat-topics button:hover{background:#f3e8ff}
#fixon-chat .chat-content label{font-size:14px;font-weight:700;display:block}
#fixon-chat .chat-content form>div{display:flex;gap:8px;margin-top:7px}
#fixon-chat .chat-content input{border:1px solid #d7d4dc;min-width:0;flex:1;border-radius:8px;padding:12px;font:16px Manrope,Arial,sans-serif}
#fixon-chat #chat-form button{width:44px;border:0;border-radius:8px;background:#A855F7;color:white;font-size:24px;cursor:pointer}
#chat-messages{max-height:min(340px,42dvh);overflow:auto}
/* Live conversation */
#fixon-chat .bubble.me{background:#A855F7;color:#fff;border-radius:12px 3px 12px 12px;margin-left:auto;max-width:85%;width:fit-content}
#fixon-chat .bubble.staff{background:#f3e8ff}
#fixon-chat .bubble .who{display:block;font-size:12px;font-weight:800;margin-bottom:3px;color:#6b21a8}
#fixon-chat .bubble.system{background:transparent;border:1px dashed #d7bfeb;font-size:13px}
#fixon-chat .bubble.typing{color:#78717f;font-style:italic}
#fixon-chat .chat-error{color:#a02c30;font-size:14px;margin:8px 0 0}
#chat-handoff{border:1px solid #e4d8ed;border-radius:12px;padding:14px;margin:10px 0;display:grid;gap:10px}
#chat-handoff p{margin:0;font-size:14px}
#chat-handoff input{width:100%;box-sizing:border-box}
#chat-handoff button{border:0;border-radius:8px;background:#A855F7;color:#fff;font:800 15px Manrope,Arial,sans-serif;padding:12px;cursor:pointer;min-height:44px}
#chat-launch .chat-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:#202024;color:#fff;font-size:12px;display:grid;place-items:center;padding:0 5px}
@media(max-width:760px){#chat-launch{right:16px;bottom:16px;padding:15px;border-radius:50%;min-height:56px;width:56px}#chat-launch span:not(.chat-badge){display:none}#fixon-chat{right:16px;bottom:16px}}
/* Booking har en fast pris-/Fortsæt-bar i bunden på telefon: chatknappen lægges over den. */
@media(max-width:760px){body:has(#mobile-total) #chat-launch{bottom:calc(92px + env(safe-area-inset-bottom))}}