.elementor-14 .elementor-element.elementor-element-fdcee87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-438c6ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-2e2dbf5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-3a08c8a *//* ========= LegalHub MWAI Chat – Premium Theme ========= */
/* Scope everything to your Shortcode widget with class `lhai-chatframe` */
.lhai-chatframe {
  --lh-bg: rgba(8,18,37,.55);
  --lh-card: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  --lh-border: rgba(255,255,255,.14);
  --lh-text: #e6eefc;
  --lh-muted: #a9b7d1;
  --lh-accent: #38bdf8;
  --lh-accent-2: #60a5fa;
  --lh-radius: 16px;
  --lh-shadow: 0 30px 80px rgba(2,6,23,.45);
  --lh-input-bg: rgba(255,255,255,.08);
  --lh-input-border: rgba(255,255,255,.18);
  --lh-user-bubble: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
  --lh-bot-bubble: linear-gradient(180deg, rgba(26,44,86,.65), rgba(18,32,64,.55));
  --lh-scrollbar: rgba(255,255,255,.25);

  /* The glassy card container */
  margin: 24px auto 0 !important;
  width: min(920px, 100%) !important;
  padding: clamp(10px, 2.2vw, 18px) !important;
  border-radius: var(--lh-radius) !important;
  border: 1px solid var(--lh-border) !important;
  background: var(--lh-card) !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: var(--lh-shadow), inset 0 0 0 1px rgba(255,255,255,.04) !important;
  color: var(--lh-text) !important;
  text-align: left !important;
}

/* MWAI outer containers (robust .elementor-14 .elementor-element.elementor-element-3a08c8as for future updates) */
.lhai-chatframe :where(.mwai, .mwai-chatbot, .mwai-container, .mwai-chat, .mwai-wrapper) {
  color: var(--lh-text);
}

/* Chat header (if MWAI outputs one) */
.lhai-chatframe :where(.mwai-header, .mwai-title) {
  color: #fff;
  font-weight: 800;
  letter-spacing: .2px;
}

/* Messages scroll area */
.lhai-chatframe :where(.mwai-messages, .mwai-chat) {
  background: transparent !important;
  border: 1px solid var(--lh-border);
  border-radius: calc(var(--lh-radius) - 6px);
  padding: clamp(10px, 1.8vw, 16px);
  max-height: min(62vh, 680px);       /* keeps it from getting too tall */
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--lh-scrollbar) transparent;
}
.lhai-chatframe :where(.mwai-messages, .mwai-chat)::-webkit-scrollbar { height: 10px; width: 10px; }
.lhai-chatframe :where(.mwai-messages, .mwai-chat)::-webkit-scrollbar-thumb { background: var(--lh-scrollbar); border-radius: 8px; }
.lhai-chatframe :where(.mwai-messages, .mwai-chat)::-webkit-scrollbar-track { background: transparent; }

/* Message rows / bubbles */
.lhai-chatframe :where(.mwai-message, .mwai-msg, .mwai-chat-message) {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px 12px;
  align-items: flex-start;
  margin: 0 0 14px 0;
}

.lhai-chatframe :where(.mwai-avatar, .mwai-icon, .mwai-role-icon) {
  width: 34px; height: 34px;
  border-radius: 999px;
  overflow: hidden;
  flex: none;
  box-shadow: 0 4px 10px rgba(0,0,0,.25);
}

/* Bot bubble */
.lhai-chatframe :where(.mwai-message.bot, .mwai-bot, .mwai-ai) :where(.mwai-content, .mwai-text) {
  background: var(--lh-bot-bubble);
  color: var(--lh-text);
  border: 1px solid var(--lh-border);
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}

/* User bubble (right align) */
.lhai-chatframe :where(.mwai-message.user, .mwai-user) {
  grid-template-columns: 1fr auto;      /* avatar on right */
}
.lhai-chatframe :where(.mwai-message.user, .mwai-user) :where(.mwai-content, .mwai-text) {
  background: var(--lh-user-bubble);
  color: #fff;
  border: 1px solid var(--lh-border);
  border-radius: 14px;
  padding: 12px 14px;
}

/* Code blocks inside responses */
.lhai-chatframe :where(pre, code) {
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 10px !important;
  color: #e6f3ff !important;
  padding: .5em .75em !important;
  overflow: auto !important;
}

/* Links inside messages */
.lhai-chatframe :where(.mwai-text a) {
  color: var(--lh-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.lhai-chatframe :where(.mwai-text a:hover) { color: var(--lh-accent-2); }

/* Input area (composer) */
.lhai-chatframe :where(form, .mwai-input-area, .mwai-compose, .mwai-prompt) {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  background: transparent !important;
}

/* Text input */
.lhai-chatframe :where(input[type="text"], textarea, .mwai-textarea, .mwai-input) {
  background: var(--lh-input-bg) !important;
  border: 1px solid var(--lh-input-border) !important;
  color: #fff !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  min-height: 48px;
  outline: none !important;
}

/* Send button */
.lhai-chatframe :where(button, .mwai-send, .mwai-submit) {
  background: linear-gradient(90deg, var(--lh-accent), var(--lh-accent-2)) !important;
  color: #07111f !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  padding: 12px 16px !important;
  box-shadow: 0 10px 24px rgba(56,189,248,.35) !important;
  transition: transform .04s ease, box-shadow .25s ease !important;
  cursor: pointer;
}
.lhai-chatframe :where(button, .mwai-send, .mwai-submit):hover {
  box-shadow: 0 14px 32px rgba(96,165,250,.45) !important;
}
.lhai-chatframe :where(button, .mwai-send, .mwai-submit):active {
  transform: translateY(1px);
}

/* Toolbars / extras (stop, regenerate, mic, attachments…) */
.lhai-chatframe :where(.mwai-toolbar, .mwai-actions, .mwai-extra) {
  display: flex; gap: 8px; flex-wrap: wrap;
  margin-top: 8px;
}
.lhai-chatframe :where(.mwai-toolbar button) {
  background: rgba(255,255,255,.06) !important;
  color: #e8f2ff !important;
  border: 1px solid var(--lh-border) !important;
  border-radius: 10px !important;
  padding: 8px 10px !important;
}

/* Typing indicator */
.lhai-chatframe :where(.mwai-typing, .mwai-spinner) {
  color: var(--lh-muted);
}

/* Images in messages */
.lhai-chatframe :where(img) {
  border-radius: 10px;
  border: 1px solid var(--lh-border);
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  max-width: 100%;
  height: auto;
}

/* Compact on mobile */
@media (max-width: 780px) {
  .lhai-chatframe { padding: 12px !important; }
  .lhai-chatframe :where(.mwai-messages, .mwai-chat) { max-height: 58vh; }
}

/* If Elementor wraps shortcode contents in .elementor-shortcode, keep the scope */
.elementor-widget-shortcode.lhai-chatframe .elementor-shortcode { all: unset; display:block; }/* End custom CSS */