/* Scoped conversation layout; palette is managed in Delmont Chatbox settings. */
.delmont-chatbox { position:fixed; right:max(20px,env(safe-area-inset-right)); bottom:max(20px,env(safe-area-inset-bottom)); z-index:1040; font:14px/1.5 Arial,sans-serif; color:var(--dcb-bot-text); text-align:left; }
.delmont-chatbox *, .delmont-chatbox *::before, .delmont-chatbox *::after { box-sizing:border-box; }
.delmont-chatbox [hidden] { display:none !important; /* Preserve hidden state against theme display rules. */ }
.delmont-chatbox button { font:inherit; text-transform:none; letter-spacing:normal; font-weight:400; min-height:0; min-width:0; margin:0; box-shadow:none; cursor:pointer; }
.delmont-chatbox :is(button,a,input,textarea):focus-visible { outline:2px solid var(--dcb-accent-color); outline-offset:3px; }
.delmont-chatbox svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.delmont-chatbox .dcb-panel { width:330px; height:min(510px,calc(100dvh - 40px)); display:flex; flex-direction:column; overflow:hidden; border:1px solid #e7e9ee; border-radius:5px; background:var(--dcb-background-color); box-shadow:0 6px 30px #152a3a25; }
.delmont-chatbox .dcb-header { background:var(--dcb-header-color); padding:7px 12px; display:flex; align-items:center; justify-content:space-between; flex-shrink:0; color:#fff; }
.delmont-chatbox .dcb-avatar { width:29px; height:29px; border-radius:50%; background:#ffffff18; display:grid; place-items:center; overflow:hidden; }
.delmont-chatbox .dcb-avatar img, .delmont-chatbox .dcb-message-avatar img, .delmont-chatbox .dcb-launcher img { width:100%; height:100%; object-fit:cover; border-radius:50%; }
.delmont-chatbox .dcb-header-actions { display:flex; align-items:center; gap:2px; }
.delmont-chatbox .dcb-header-actions button { background:transparent; color:#e0e5ee; border:0; padding:6px; display:flex; border-radius:3px; }
.delmont-chatbox .dcb-header-actions button:hover { background:#ffffff18; }
.delmont-chatbox .dcb-header-actions svg { width:17px; height:17px; }
.delmont-chatbox .dcb-scroll { padding:20px 18px; min-height:0; flex:1; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.delmont-chatbox .dcb-transcript { display:flex; flex-direction:column; gap:12px; }
.delmont-chatbox .dcb-message { display:flex; }
.delmont-chatbox .dcb-bubble { padding:11px 13px; border-radius:3px 14px 14px; background:var(--dcb-bot-color); color:var(--dcb-bot-text); max-width:90%; font-size:13px; overflow-wrap:anywhere; }
.delmont-chatbox .dcb-bubble p { margin:0; white-space:pre-line; }
.delmont-chatbox .dcb-bubble a { color:var(--dcb-accent-color); display:inline-block; margin-top:7px; text-decoration:underline; text-underline-offset:2px; }
.delmont-chatbox .dcb-message-avatar { display:block; width:20px; height:20px; margin-bottom:8px; color:var(--dcb-accent-color); }
.delmont-chatbox .dcb-message-avatar svg { width:19px; height:19px; }
.delmont-chatbox .dcb-visitor { justify-content:flex-end; }
.delmont-chatbox .dcb-visitor .dcb-bubble { background:var(--dcb-user-color); color:var(--dcb-user-text); border-radius:14px 3px 14px 14px; }
.delmont-chatbox .dcb-replies { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.delmont-chatbox .dcb-chip { border:1px solid var(--dcb-accent-color); background:transparent; color:var(--dcb-accent-color); border-radius:20px; padding:4px 10px; line-height:1.3; font-size:11px; text-align:left; }
.delmont-chatbox .dcb-chip:hover { background:var(--dcb-bot-color); }
/* Flatsome's button_radius emits a global !important rule. Override only the
   chat's pill/circle controls to match the reference without changing site buttons. */
.delmont-chatbox .dcb-chip { border-radius:20px !important; }
.delmont-chatbox .dcb-launcher, .delmont-chatbox .dcb-composer button { border-radius:50% !important; }
.delmont-chatbox .dcb-bottom { padding:10px; background:#f5f5f5; flex-shrink:0; }
.delmont-chatbox .dcb-composer { display:flex; align-items:center; gap:7px; margin:0; }
.delmont-chatbox .dcb-composer input { width:100%; min-width:0; height:34px; border:0; border-radius:20px; background:#fff; color:#334155; padding:8px 12px; font:12px/1.4 Arial,sans-serif; margin:0; box-shadow:none; }
.delmont-chatbox .dcb-composer button { flex-shrink:0; border:0; border-radius:50%; background:#e2e2e2; color:#64748b; width:30px; height:30px; padding:6px; display:grid; place-items:center; }
.delmont-chatbox .dcb-composer button:hover { background:var(--dcb-header-color); color:#fff; }
.delmont-chatbox .dcb-composer svg { width:18px; height:18px; }
.delmont-chatbox .dcb-launcher { width:52px; height:52px; border:0; border-radius:50%; display:grid; place-items:center; color:#fff; background:var(--dcb-header-color); padding:12px; box-shadow:0 3px 15px #152a3a30; }
.delmont-chatbox .dcb-launcher:has(img) { padding:0; }
.delmont-chatbox .dcb-contact-form { margin:10px 0 0; }
.delmont-chatbox .dcb-contact-form label { font:12px/1.5 Arial,sans-serif; display:block; color:var(--dcb-bot-text); margin:0 0 8px; }
.delmont-chatbox .dcb-contact-form input, .delmont-chatbox .dcb-contact-form textarea { font:14px/1.4 Arial,sans-serif; width:100%; height:auto; padding:7px; margin:3px 0 0; background:#fff; border:1px solid #d7dde5; border-radius:4px; box-shadow:none; color:#334155; }
.delmont-chatbox .dcb-contact-form textarea { resize:vertical; }
.delmont-chatbox .dcb-send-preview { font-size:11px; border:0; background:#e1e5e9; color:#596572; border-radius:4px; padding:7px 9px; cursor:not-allowed; opacity:1; }
.delmont-chatbox .dcb-contact-form .dcb-privacy { font-size:11px; display:block; }
.delmont-chatbox .dcb-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:480px) {
    .delmont-chatbox { right:max(12px,env(safe-area-inset-right)); bottom:max(12px,env(safe-area-inset-bottom)); }
    .delmont-chatbox .dcb-panel { width:min(330px,calc(100vw - 24px)); height:min(510px,calc(100dvh - 24px)); }
    .delmont-chatbox .dcb-composer input, .delmont-chatbox .dcb-contact-form input, .delmont-chatbox .dcb-contact-form textarea { font-size:16px; }
}
@media print { .delmont-chatbox { display:none; } }