/*
 * message-markdown-style.css
 *
 * שכבת עיצוב עדינה לתוכן Markdown בתוך הודעות הצ'אט. כרגע מטפלת בעיקר
 * בציטוטים (`>`), כדי שייראו כמו רכיב מעוצב ולא רק כקו ברירת-מחדל של prose.
 */

.message-render .prose :where(blockquote):not(:where([class~='not-prose'] *)) {
  position: relative;
  margin: 1.15em 0;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(37, 64, 143, 0.16);
  border-left: 0;
  border-right: 0;
  border-inline-start: 4px solid var(--brand-medium, #25408f);
  border-radius: 0.85rem;
  background:
    linear-gradient(90deg, rgba(125, 210, 239, 0.08), rgba(37, 64, 143, 0.035)),
    rgba(37, 64, 143, 0.035);
  color: var(--text-primary, #16213f);
  font-style: italic;
  font-weight: 500;
  line-height: 1.75;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  quotes: none;
}

.message-render .prose :where(blockquote p):not(:where([class~='not-prose'] *)) {
  margin: 0.35em 0;
}

.message-render .prose :where(blockquote > :first-child):not(:where([class~='not-prose'] *)) {
  margin-top: 0;
}

.message-render .prose :where(blockquote > :last-child):not(:where([class~='not-prose'] *)) {
  margin-bottom: 0;
}

.message-render .prose :where(blockquote p:first-of-type):not(:where([class~='not-prose'] *))::before,
.message-render .prose :where(blockquote p:last-of-type):not(:where([class~='not-prose'] *))::after {
  content: none;
}

.message-render .prose :where(blockquote strong):not(:where([class~='not-prose'] *)) {
  color: inherit;
  font-weight: 700;
}

html[data-rtl="true"] .message-render .prose :where(blockquote):not(:where([class~='not-prose'] *)) {
  text-align: right;
}

.dark .message-render .prose :where(blockquote):not(:where([class~='not-prose'] *)),
html[data-theme="dark"] .message-render .prose :where(blockquote):not(:where([class~='not-prose'] *)) {
  border-color: rgba(125, 210, 239, 0.18);
  border-inline-start-color: #7dd2ef;
  background:
    linear-gradient(90deg, rgba(125, 210, 239, 0.10), rgba(37, 64, 143, 0.16)),
    rgba(15, 23, 42, 0.24);
  color: var(--text-primary, #f3f4f6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
}