/* ZL Research: AI Engine 3.9.2 chatbot skin (ChatGPT theme, macOS container).
   Colours: espresso #2E2620, near-black #151515, #6A4C3B, warm grey #F3F1EF.
   Selectors start with ".mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme" so they outrank the plugin's
   theme file without relying on load order. !important is used only where AI Engine itself sets !important
   (launcher position, the macOS header controls, the mobile panel frame). */

.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme{
  --mwai-fontFamily:inherit;
  --mwai-fontSize:15px;
  --mwai-lineHeight:1.5;
  --mwai-borderRadius:14px;
  --mwai-width:400px;
  --mwai-maxHeight:min(560px,62vh);
  --mwai-fontColor:#151515;
  --mwai-backgroundPrimaryColor:#FFFFFF;
  --mwai-backgroundSecondaryColor:#FFFFFF;
  --mwai-backgroundHeaderColor:#2E2620;
  --mwai-headerColor:#FFFFFF;
  --mwai-bubbleColor:#2E2620;
  --mwai-iconTextColor:#FFFFFF;
  --mwai-iconTextBackgroundColor:#2E2620;
  --mwai-accentColor:#6A4C3B;
  --mwai-linkColor:#6A4C3B;
  --mwai-borderColor:#DDD6CF;
  --mwai-lineColor:#DDD6CF;
  --mwai-surfaceColor:#F3F1EF;
  --mwai-backgroundAiColor:#F3F1EF;
  --mwai-backgroundUserColor:#6A4C3B;
  --mwai-conversationsBackgroundColor:#F3F1EF;
  --mwai-conversationsTextColor:#151515;
  --mwai-errorBackgroundColor:#F3F1EF;
  --mwai-errorTextColor:#151515;
  font-family:inherit;
  color-scheme:light;
}

/* Launcher: espresso circle with a white chat icon (the plugin's image is hidden, the icon is drawn with a mask). */
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container{
  width:56px;height:56px;border-radius:50%;background:#2E2620;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(21,21,21,.28);position:relative;cursor:pointer;
}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon{opacity:0;width:56px;height:56px}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container::before{
  content:"";position:absolute;inset:0;margin:auto;width:26px;height:26px;background:#FFFFFF;pointer-events:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5.5A2.5 2.5 0 0 1 6.5 3h11A2.5 2.5 0 0 1 20 5.5v8a2.5 2.5 0 0 1-2.5 2.5H10l-4.2 3.6c-.5.4-1.3.1-1.3-.6V16A2.5 2.5 0 0 1 4 13.5z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5.5A2.5 2.5 0 0 1 6.5 3h11A2.5 2.5 0 0 1 20 5.5v8a2.5 2.5 0 0 1-2.5 2.5H10l-4.2 3.6c-.5.4-1.3.1-1.3-.6V16A2.5 2.5 0 0 1 4 13.5z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container:focus-visible{outline:2px solid #2E2620;outline-offset:3px}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text{background:#2E2620;color:#FFFFFF}

/* Window frame */
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-window-box{background:#FFFFFF}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-container-osx .mwai-window-box{border-color:#DDD6CF !important}

/* Header (desktop macOS bar): espresso, no traffic-light dots. Close stays as a white X; minimise is hidden. */
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-header.mwai-header-osx{background:#2E2620 !important}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-header.mwai-header-osx .mwai-osx-bar{background:transparent !important;min-height:44px;justify-content:flex-end !important;padding:6px 10px !important}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-header.mwai-header-osx .mwai-osx-bar::before{
  content:"ZL Research assistant";position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#FFFFFF;font:600 14px/1 inherit;font-family:inherit;letter-spacing:.01em;
}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-header.mwai-header-osx .mwai-osx-title{color:#FFFFFF !important;font-family:inherit !important}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-header.mwai-header-osx .mwai-osx-controls button.mwai-osx-minimize,
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-header.mwai-header-osx .mwai-osx-controls button.mwai-osx-maximize{display:none !important}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-header.mwai-header-osx .mwai-osx-controls button.mwai-osx-close{
  background-color:transparent !important;width:30px !important;height:30px !important;min-width:30px !important;min-height:30px !important;border-radius:8px !important;
}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-header.mwai-header-osx .mwai-osx-controls button.mwai-osx-close:hover{background-color:rgba(255,255,255,.12) !important}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-header.mwai-header-osx .mwai-osx-controls button.mwai-osx-close:focus-visible{outline:2px solid #FFFFFF !important}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-header.mwai-header-osx .mwai-osx-controls .mwai-lucide-icon{opacity:1 !important;width:16px !important;height:16px !important;stroke:#FFFFFF !important}
/* Standard header, if the container type is changed later */
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-header:not(.mwai-header-osx){background:#2E2620;color:#FFFFFF}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-header:not(.mwai-header-osx) svg{color:#FFFFFF;stroke:#FFFFFF}

/* Mobile header */
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header{background:#2E2620;border-bottom:0}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-title{color:#FFFFFF;font-family:inherit;font-size:0}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-title::before{content:"ZL Research assistant";font-size:15px;font-weight:600}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close svg path{stroke:#FFFFFF}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close:hover,
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close:active{background-color:rgba(255,255,255,.12)}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}

/* Conversation */
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-body{background:#FFFFFF;color:#151515}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-conversation{padding-top:6px}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-name .mwai-name-text{display:none}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-text{
  display:inline-block;background:#F3F1EF;color:#151515;padding:10px 14px;border-radius:16px 16px 16px 4px;max-width:88%;
}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-text{
  background:#6A4C3B;color:#FFFFFF;padding:10px 14px;border-radius:16px 16px 4px 16px;max-width:82%;
}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-text a{color:#6A4C3B;text-decoration:underline;text-underline-offset:2px;word-break:break-word}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-text a{color:#FFFFFF;text-decoration:underline}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-reply .mwai-text a:focus-visible{outline:2px solid #2E2620;outline-offset:2px}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-reply .mwai-text code{background:#E9E4DF;color:#151515}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-reply-actions,
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-reply-actions *{color:#6B635C}
/* Typing / loading indicators */
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-loading,
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-spinner{color:#6A4C3B;border-color:#6A4C3B}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-loading *{background-color:#6A4C3B}
/* Scrollbars */
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-conversation{scrollbar-color:#CFC6BD transparent;scrollbar-width:thin}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar-track{background:transparent}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar-thumb{background:#CFC6BD}

/* Input: matches the site fields (white, #cacac4 border, 5px radius, 16px text so iOS does not zoom). */
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-input{
  background:#FFFFFF;border:1px solid #cacac4;border-radius:5px;padding:5px 6px 5px 10px !important;align-items:center;
}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-input:focus-within{border-color:#2E2620;box-shadow:0 0 0 2px rgba(46,38,32,.18)}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea{
  color:#151515;font-family:inherit;font-size:16px;background:transparent;caret-color:#2E2620;
}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea::placeholder{color:#6B635C;opacity:1}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea:focus,
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea:focus-visible{outline:none;box-shadow:none}
/* Send button: espresso */
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-input button.mwai-input-submit{
  width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;background:#2E2620;color:#FFFFFF;opacity:.45;
}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-input button.mwai-input-submit.mwai-has-content,
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-input button.mwai-input-submit.mwai-stoppable{background:#2E2620;color:#FFFFFF;opacity:1}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-input button.mwai-input-submit:focus-visible{outline:2px solid #2E2620;outline-offset:2px}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-input button.mwai-input-submit svg{stroke:currentColor}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-footer,
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-compliance{color:#6B635C}

/* Desktop panel size */
@media (min-width:761px){
  .mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-window.mwai-open{width:400px;max-width:calc(100vw - 40px)}
  .mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-conversation{min-height:260px}
}

/* Phones: smaller launcher kept clear of the page edge; open panel = viewport minus 10px margins.
   AI Engine pins these with !important, so the overrides must too. The --mwai-vv-* values are the
   plugin's own visual-viewport offsets, which keep the input above the on-screen keyboard. */
@media (max-width:760px){
  .mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-bottom-right .mwai-trigger{
    right:12px !important;bottom:calc(16px + env(safe-area-inset-bottom,0px)) !important;
  }
  .mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container,
  .mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon{width:48px;height:48px}
  .mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container::before{width:22px;height:22px}
  .mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-window.mwai-open{
    top:calc(var(--mwai-vv-offset-top,0px) + 10px) !important;bottom:calc(var(--mwai-vv-offset-bottom,0px) + 10px) !important;
    left:10px !important;right:10px !important;width:auto;min-height:0;
    height:calc(var(--mwai-vv-height,100dvh) - 20px);max-height:calc(var(--mwai-vv-height,100dvh) - 20px);
    border-radius:14px !important;overflow:hidden;box-shadow:0 18px 48px rgba(21,21,21,.35) !important;background:#FFFFFF;
  }
  .mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body{background:#FFFFFF}
  /* Room at the end of every page so the launcher never sits on the last button or the cart totals. */
  body:has(.mwai-chatbot-container) .site-footer,
  body:has(.mwai-chatbot-container) footer.footer{padding-bottom:76px}
}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-input .mwai-input-text,
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea{border:0;box-shadow:none;background:transparent}