/* Prod parity: the ministry site registers NO regular(400) face under the 'Assistant' family
   (regular lives under a separate 'assistantregular' family), so its chatbot text falls back
   to the semiBold(600) face — that is the "bold" look. Redefining 'Assistant' here would
   restyle the whole library site, so the chatbot maps a scoped family to the same
   already-deployed semiBold file instead. */
@font-face {
  font-family: 'Assistant Chatbot';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/assistantsemiBold.woff');
}

df-messenger {
  z-index: 999;
  position: fixed;
  width: 320px;
  height: 68px;
  --df-messenger-chat-padding: 24px 12px 8px 12px;
  --df-messenger-font-family: 'Assistant Chatbot', 'Assistant', 'Heebo', sans-serif;
  --df-messenger-font-size: 16px;
  --df-messenger-font-color: #1F2835;
  --df-messenger-button-titlebar-color: #0090FF;
  --df-messenger-titlebar-subtitle-font-color: #ffffff;
  --df-messenger-titlebar-title-font-size: 18px;
  --df-messenger-titlebar-title-font-weight: 600;
  --df-messenger-message-font-size: 16px;
  --df-messenger-message-font-weight: 400;
  --df-messenger-button-titlebar-font-color: #ffffff;
  --df-messenger-chat-background: #FFFFFF;
  --df-messenger-input-box-color: #ffffff;
  --df-messenger-input-font-color: #1F2835;
  --df-messenger-input-placeholder-font-color: #000000;
  --df-messenger-send-icon-color: #0090FF;
  --df-messenger-send-icon-color-disabled: #555555;
  --df-messenger-message-bot-background: #FAFAFF;
  --df-messenger-message-user-background: #0090FF;
  --df-messenger-bot-message: #FAFAFF;
  --df-messenger-user-message: #0090FF;
  --df-messenger-bot-message-font-color: #1F2835;
  --df-messenger-message-user-font-color: #ffffff;
  --df-messenger-focus-color: #0090FF;
  --df-messenger-input-background: #ffffff;
  --df-messenger-chat-border-radius: 24px;
  --df-messenger-chips-spacing: 4px;
  --df-messenger-chips-border-color: transparent;
  --df-messenger-chips-border-color-hover: transparent;
  --df-messenger-chips-border-radius: 0px;
  --df-messenger-chips-background: transparent;
  --df-messenger-chips-background-hover: transparent;
  --df-messenger-chips-padding: 0px;
  --df-messenger-chips-font-color: #0090FF;
  --df-messenger-chips-font-family: 'Assistant Chatbot', 'Assistant', 'Heebo', sans-serif;
  --df-messenger-chips-font-size: 16px;
  --df-messenger-chips-font-weight: 400;
  --df-messenger-chips-font-weight-hover: 400;
  --df-messenger-chips-box-shadow: none;
  --df-messenger-chips-content-align: start;
  --df-messenger-chips-text-wrap: normal;
  --df-messenger-chips-text-decoration: underline;
  --df-messenger-chips-border-width: 0px;
  --df-messenger-message-bot-border-radius: 18px 18px 18px 4px;
  --df-messenger-message-user-border-radius: 18px 18px 4px 18px;
  --df-messenger-link-border: none;
  --df-messenger-link-border-radius: 0;
  --df-messenger-link-padding: 0;
  --df-messenger-link-decoration: underline;
  --df-messenger-link-background: transparent;
  --df-messenger-link-background-color: transparent;
  --df-messenger-message-feedback-icon-background: transparent;
  --df-messenger-message-feedback-icon-border: none;
  --df-messenger-message-feedback-icon-font-color: #7f8c8d;
  --df-messenger-message-feedback-icon-font-color-active: #0090FF;
  --df-messenger-chat-border: 1px solid #E5E5E5;
  bottom: 16px;
}
df-messenger.cb-ltr { right: 5px; }
df-messenger.cb-rtl { left: 5px; }

df-messenger-chat-bubble {
  position: fixed;
  --df-messenger-chat-window-width: 320px;
  --df-messenger-chat-window-height: 560px;
  --df-messenger-chat-window-offset: 2px;
  --df-messenger-titlebar-background: #202C60;
  --df-messenger-titlebar-font-color: #ffffff;
  --df-messenger-titlebar-title-font-size: 16px;
  --df-messenger-titlebar-padding: 0 12px;
  --df-messenger-titlebar-icon-padding: 0 0 0 5px;
  --df-messenger-message-bot-actor-order: row-reverse;
  --df-messenger-message-user-actor-order: row;
  --df-messenger-message-actor-direction: column;
  --df-messenger-message-actor-align: flex-start;
  --df-messenger-chat-bubble-background: #202C60;
  --df-messenger-chat-bubble-size: 68px;
  --df-messenger-chat-bubble-icon-size: 24px;
  --df-messenger-chat-bubble-icon-weight: 700;
  --df-messenger-chat-bubble-icon-color: #ffffff;
  --df-messenger-titlebar-icon-font-color: #ffffff;
  --df-messenger-input-box-border: none;
  --df-messenger-input-box-focus-border: none;
  --df-messenger-input-inner-padding: 0 0 0;
  --df-messenger-input-border-top: 1px solid #E5E5E5;
  --df-messenger-input-padding: 0px 8px 0px 24px;
  --df-messenger-chat-scroll-button-enabled-display: none;
  --df-messenger-send-icon-offset-x: 20px;
  --df-messenger-message-actor-image-size: 24px;
  --df-messenger-message-actor-border-radius: 999px;
  --df-messenger-message-bot-actor-border: 1px solid #E5E5E5;
  --df-messenger-message-actor-padding: 0px;
  --df-messenger-titlebar-icon-height: 28px;
  --df-messenger-chat-overflow: hidden scroll;
  --df-messenger-titlebar-icon-width: 28px;
  --df-messenger-message-user-align: flex-start;
  --df-messenger-message-bot-align: flex-end;
}
df-messenger.cb-ltr df-messenger-chat-bubble { right: 5px; }
df-messenger.cb-rtl df-messenger-chat-bubble { left: 5px; }

df-messenger::part(chat-title-icon) {
  background-color: white;
  border-radius: 4px;
  padding: 4px;
}

df-messenger a { color: #0090FF !important; text-decoration: underline !important; }
df-messenger a:hover { color: #32C4FF !important; }

df-messenger df-messenger-message { border-radius: 18px !important; }
df-messenger .bot-message { border-radius: 18px 18px 18px 4px !important; }
df-messenger .user-message { border-radius: 18px 18px 4px 18px !important; }

df-messenger a[role="button"],
df-messenger .chip,
df-messenger [class*="chip"] {
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 4px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #0090FF !important;
  text-decoration: underline !important;
  font-weight: 400 !important;
  display: inline !important;
  min-width: auto !important;
}
df-messenger a[role="button"]:hover,
df-messenger .chip:hover,
df-messenger [class*="chip"]:hover {
  background: transparent !important;
  color: #32C4FF !important;
  box-shadow: none !important;
}
df-messenger::part(chip),
df-messenger::part(chips) {
  border: none !important;
  background: transparent !important;
  text-decoration: underline !important;
}

df-messenger-message a,
df-markdown-message a,
df-messenger .bot-message a,
df-messenger .message a {
  border: none !important;
  border-width: 0 !important;
  border-style: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 2px !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #0090FF !important;
  text-decoration: underline !important;
  font-weight: 400 !important;
  display: inline !important;
  min-width: auto !important;
  border-radius: 0 !important;
}
df-messenger-message a:hover,
df-markdown-message a:hover,
df-messenger .bot-message a:hover,
df-messenger .message a:hover {
  color: #32C4FF !important;
  background: transparent !important;
  background-color: transparent !important;
}

@media screen and (max-width: 480px) {
  df-messenger { bottom: 20px; }
  df-messenger.cb-ltr { right: 0; }
  df-messenger.cb-rtl { left: 0; }
  df-messenger-chat-bubble {
    --df-messenger-chat-window-width: 90vw;
    --df-messenger-chat-window-offset: 20px;
    --df-messenger-chat-window-height: 70vh;
    position: relative;
  }
  df-messenger.cb-ltr df-messenger-chat-bubble { right: calc(33.33vw / 2 - 2.8rem); }
  df-messenger.cb-rtl df-messenger-chat-bubble { left: calc(33.33vw / 2 - 2.8rem); }
}