/* =========================================================
   REINS — Messages CSS: Variables (Better Messages Skin)
   ---------------------------------------------------------
   משתני CSS של התוסף עצמו (--bm-*) + משתנה השליטה בגודל
   הטקסט האחיד לכל הצ'אט (--reins-chat-text-size). חייב להיטען
   ראשון מבין קבצי messages/ — כל שאר הקבצים תלויים במשתנים
   האלה. תלוי גם ב-reins-variables.css (מהתיקייה general/),
   שחייב להיטען לפניו — כל ערכי הפלטה כאן מגיעים משם.

   ⚠️ המשתנים --bm-* הם שלישיות RGB מופרדות בפסיקים —
   "51,69,74" ולא "#33454a" — כי התוסף משתמש בהם דרך
   rgba(var(--bm-text-color),1) כדי לשלוט גם בשקיפות.
   שמירה על הפורמט קריטית.

   מקור האמת לערכים: --reins-*-rgb ב-reins-variables.css
   (general/). אם המותג משתנה — מתעדכן שם, קובץ אחד, במקום
   לחפש שלישיות RGB בכל קובץ. הקובץ הזה לא מכיל מספרי פלטה
   קשיחים (מלבד --bm-hover-bg/--bm-scrollbar-* שהם אפור
   ניטרלי שקוף, לא צבע מותג, ולכן לא זקוקים למשתנה משלהם).

   תיקון AA: --right-message-bg-color היה 185,138,94 (מול טקסט
   לבן = 3.06:1, נכשל ב-AA לטקסט רגיל). עודכן לגרסה המוכהית
   --reins-accent-dark-rgb (~4.7:1, עובר).

   עדכון צבעי בועות (סבב נוכחי): הוחלף מ"חום/בז'" ל"ירוק סאג'/בז'",
   לפי בקשת המשתמש — ירוק לבועת "שלי", בז' לבועת "נכנס". טקסט לבן
   על הירוק (--reins-sage-rgb, #90A991) נכשל AA (~3.1:1), אז הוחלף
   בטקסט כהה (--reins-heading-rgb, כבר עובר AA בשילובים אחרים באתר
   כמו --reins-action-color על אותו ירוק). left/right ממופים כאן
   לפי הזהות האמיתית (my/outgoing = "שלי") — ה-override הייעודי
   ב-reins-messages-shell.css הוא מה שמתקן את באג ה-RTL של התוסף
   ומבטיח שהמיפוי הזה אכן מוחל נכון על שני הצדדים.

   שם השולח (nickname): --left/right-message-nickname-color הושוו
   בכוונה לאותו ערך (--reins-text-rgb, צבע טקסט ההודעות הרגיל) —
   אלמנט השם נמצא מחוץ ל-.bm-message-content ולכן לא מכוסה ע"י
   ה-override ב-shell.css; השוואת שני המשתנים לאותו ערך היא הדרך
   הפשוטה להבטיח צבע אחיד לשם בלי תלות בבאג ה-RTL של התוסף.
========================================================= */

:root{
    /* --- גופן: יורש מהתבנית עצמה, לא קבוע בקוד --- */
    --bm-font-family:inherit !important;
    --bm-message-font-size:16px !important;
    --bm-message-line-height:20px !important;

    /* --- בקרת גודל טקסט אחידה לכל הצ'אט (ראו סעיף 10) --- */
    --reins-chat-text-size:16px;

    /* --- צבע מותג ראשי --- */
    --main-bm-color: var(--reins-accent-rgb) !important;
    --bm-button-bg: var(--reins-accent-dark-rgb) !important; /* טקסט לבן על גביו — חייב את הגרסה המוכהית לעבור AA */
    --bm-button-color: 255,255,255 !important;

    /* --- רדיוסים — תואמים ל-reins-site.css --- */
    --bm-border-radius:10px !important;
    --bm-widgets-button-radius:10px !important;
    --bm-mini-chats-border-radius:14px !important;
    --bm-message-border-radius:10px !important;
    --bm-avatar-radius:999px !important;
    --bm-date-radius:999px !important;
    --bm-bubble-radius:50% !important;
    --bm-bubble-head-radius:50% !important;

    /* --- רקעים / גבולות / טקסט כללי --- */
    --bm-bg-color: var(--reins-bg-rgb) !important;
    --bm-bg-secondary: var(--reins-bg-secondary-rgb) !important;
    --bm-hover-bg:245,246,244 !important;
    --bm-border-color: var(--reins-border-rgb) !important;
    --bm-border-secondary-color: var(--reins-border-rgb) !important;
    --bm-text-color: var(--reins-text-rgb) !important;

    /* --- בועות הודעה ---
       left = "נכנס" (לא שלי), right = "שלי" — מיפוי לפי זהות אמיתית,
       לא לפי מיקום פיזי. ה-override ב-shell.css מבטיח שזה אכן המיפוי
       שמוחל בפועל למרות באג ה-RTL של התוסף. */
    --left-message-bg-color: var(--reins-beige-rgb) !important;
    --left-message-text-color: var(--reins-text-rgb) !important;
    --left-message-nickname-color: var(--reins-text-rgb) !important; /* אחיד מול right, אותו צבע כמו טקסט תוכן ההודעה */
    --right-message-bg-color: var(--reins-sage-rgb) !important; /* ירוק סאג' לבועת "שלי" */
    --right-message-text-color: var(--reins-heading-rgb) !important; /* טקסט כהה — לבן נכשל AA על הירוק (~3.1:1) */
    --right-message-nickname-color: var(--reins-text-rgb) !important; /* אחיד מול left — שני המשתנים שווים בכוונה, כך שה-name יוצא צבע אחיד בלי קשר לבאג ה-RTL הפיזי שהתוסף עלול להחיל גם עליו */

    /* --- תאריך דביק --- */
   --bm-sticky-date-bg: var(--reins-heading) !important;
    --bm-sticky-date-color:#ffffff !important;

    /* --- סקרולבר פנימי של התוסף --- */
    --bm-scrollbar:rgba(0,0,0,.12) !important;
    --bm-scrollbar-active:rgba(0,0,0,.35) !important;
    --bm-scrollbar-focus:rgba(0,0,0,.45) !important;
}