/**
 * Chatwoot 网站挂件 — 父页面可生效的样式（气泡、外框、部分版本的预览层）
 * 消息内图片在 iframe 里，需由 chatwoot_sdk.html 注入或 Chatwoot 服务端配置相同规则
 */

:root {
    --cw-keyboard-offset: 0px;
}

/* 手机：输入法弹出时由 chatwoot_sdk.js 写入 --cw-keyboard-offset，整体上移挂件 */
@media only screen and (max-width: 768px) {
    .woot-widget-holder {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        bottom: var(--cw-keyboard-offset, 0px) !important;
        max-height: calc(100dvh - var(--cw-keyboard-offset, 0px)) !important;
        height: calc(100dvh - var(--cw-keyboard-offset, 0px)) !important;
    }

    .woot-widget-holder iframe {
        height: 100% !important;
        max-height: 100% !important;
    }
}

@media only screen and (min-width: 668px) {
    .woot-widget-holder {
        width: 360px !important;
        max-width: calc(100vw - 32px) !important;
    }
}

/* 隐藏 Chatwoot 未读消息弹窗（旧版 SDK 兜底） */
.woot--notification,
.woot-widget-holder.has-unread-view::before {
    display: none !important;
}
.woot-elements--modal img,
.woot-elements--modal video {
    max-width: min(92vw, 300px) !important;
    max-height: 65vh !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
}