/* Chat window theme (n8n chat widget). Uses the site's own colours. */
:root {
    /* Alongside AI site theme: warm paper background, deep teal, dark ink */
    --chat--color--primary: #0d6c6b;
    --chat--color-primary-shade-50: #0a5655;
    --chat--color--primary-shade-50: #0a5655;
    --chat--color--primary--shade-100: #084544;
    --chat--color--secondary: #0d6c6b;
    --chat--color-secondary-shade-50: #0a5655;
    --chat--color-dark: #15222b;
    --chat--color-light: #f5f6f1;
    --chat--color-light-shade-50: #dde2da;
    --chat--font-family: "Avenir Next", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;

    --chat--window--width: 360px;
    --chat--window--height: 520px;
    --chat--window--border: 1px solid #dde2da;
    --chat--window--border-radius: 22px;
    --chat--spacing: 0.9rem;
    --chat--border-radius: 14px;

    --chat--header--background: #f5f6f1;
    --chat--header--color: #15222b;
    --chat--header--padding: 1rem 1.2rem;
    --chat--heading--font-size: 1.2rem;
    --chat--subtitle--font-size: 0.9rem;
    --chat--subtitle--line-height: 1.4;

    --chat--body--background: #f5f6f1;
    --chat--message--font-size: 0.92rem;
    --chat--message-line-height: 1.5;
    --chat--message--border-radius: 14px;
    --chat--message--bot--background: #ffffff;
    --chat--message--bot--color: #15222b;
    --chat--message--bot--border: 1px solid #dde2da;
    --chat--message--user--background: #0d6c6b;
    --chat--message--user--color: #ffffff;

    --chat--input--background: #ffffff;
    --chat--input--text-color: #15222b;
    --chat--input--padding: 0.85rem 1rem;
    --chat--input--font-size: 0.95rem;
    --chat--input--send--button--color: #0d6c6b;
    --chat--input--send--button--color-hover: #0a5655;
    --chat--input--send--button--background-hover: #e3efed;

    /* Sit above the "Powered by Netlify" badge in the bottom-right corner */
    --chat--window--bottom: 84px;

    --chat--toggle--size: 58px;
    --chat--toggle--background: #0d6c6b;
    --chat--toggle--hover--background: #0a5655;
    --chat--toggle--active--background: #084544;
    --chat--toggle--color: #ffffff;
}


/* "Disclaimer" line at the bottom of the chat window; click to read it */
.alongside-disclaimer {
  border-top: 1px solid #dde2da;
  background: #ffffff;
  color: #404952;
  font-size: 0.8rem;
  line-height: 1.45;
}
.alongside-disclaimer summary {
  cursor: pointer;
  padding: 0.5rem 1rem;
  color: #0a5655;
  font-weight: 600;
  list-style: none;
}
.alongside-disclaimer summary::-webkit-details-marker { display: none; }
.alongside-disclaimer summary::after { content: "  +"; font-weight: 400; }
.alongside-disclaimer[open] summary::after { content: "  \2212"; }
.alongside-disclaimer-body {
  padding: 0 1rem 0.7rem;
  max-height: 150px;
  overflow-y: auto;
}
.alongside-disclaimer-body p { margin: 0 0 0.4rem; }

/* Chat header: same look as the site header (logo mark, name, tagline) */
.chat-layout .chat-header {
  position: relative;
  gap: 0.15em;
  padding-left: 4.1rem;
  background: #f5f6f1;
  color: #15222b;
  border-bottom: 1px solid #dde2da;
}
.chat-layout .chat-header::before {
  content: "";
  position: absolute;
  left: 1.15rem;
  top: 50%;
  width: 38px;
  height: 38px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='12.5' cy='16' r='7' fill='none' stroke='%2315222b' stroke-width='2.4'/%3E%3Ccircle cx='19.5' cy='16' r='7' fill='none' stroke='%230d6c6b' stroke-width='2.4'/%3E%3C/svg%3E") center / contain no-repeat;
}
.chat-layout .chat-header h1 { color: #15222b; font-weight: 700; letter-spacing: -0.01em; }
.chat-layout .chat-header p { color: #5d6871; }
.chat-layout .chat-header .chat-close-button { color: #5d6871; }

/* Links inside chat messages */
.chat-layout .chat-message a { color: #0d6c6b; font-weight: 600; text-decoration: underline; }
.chat-layout .chat-message-from-user a { color: #ffffff; }