/* =========================================================
   REINS — Messages CSS: Shell (מעטפת כללית)
   ---------------------------------------------------------
   מעטפת החלון (.bp-messages-wrap-main/wrap/side-threads/column).
   תלוי ב-reins-messages-vars (--reins-chat-text-size).
========================================================= */

.bp-messages-wrap-main{
    font-family:inherit;
    color:var(--reins-text);
}

.bp-messages-wrap{
    border:1px solid var(--reins-border) !important;
    border-radius:var(--reins-radius-md) !important;
    background:var(--reins-bg) !important;
    box-shadow:0 4px 14px rgba(0,0,0,.04) !important;
    overflow:hidden;
    font-size:var(--reins-chat-text-size) !important;
}

.bp-messages-side-threads{
    border-inline-end:1px solid var(--reins-border) !important;
    background:var(--reins-bg) !important;
}

.bp-messages-column{
    background:var(--reins-bg) !important;
}

@media(max-width:600px){
    .bp-messages-wrap{
        border-radius:var(--reins-radius-sm) !important;
    }
}

/* =========================================================
   Message timestamp (.time-wrapper) — תיקון ניגודיות
   ---------------------------------------------------------
   זמן ההודעה בתוך גוף השיחה (לא ברשימת השיחות בסיידבר — שם
   .time כבר מכוסה ב-reins-messages-threads-list.css). התוסף
   מקודד opacity נמוך משלו כאן, בלתי-תלוי ב---bm-text-color,
   כך שגם אחרי המעבר ל-var(--reins-text-rgb) הטקסט בפועל יצא
   2.92:1 — נכשל AA. opacity:.8 כאן מחושב ידנית ליחס ~5.3:1. */
.bp-messages-wrap .time-wrapper{
    color:var(--reins-text) !important;
    opacity:.8 !important;
    font-size:.86em !important; /* היה מתחת ל-10px (WCAG 1.4.4) — מיושר לאותה סקאלה של טקסט משני כמו .time/.last-message ברשימת השיחות */
}
/* =========================================================
   Message timestamp inside bubble (.bm-time) — טקסט קטן מדי
   ---------------------------------------------------------
   זהו אלמנט שלישי, נפרד מ-.time-wrapper (מטופל למעלה) ומ-.time
   (מטופל ב-reins-messages-threads-list.css): חותמת הזמן שמוצגת
   בתוך כל הודעה בגוף הצ'אט (.bm-message-info .bm-time). התוסף
   מקודד לו גודל קבוע מתחת ל-10px (WCAG 1.4.4). מיושר לאותה
   סקאלה של שאר טקסטי המשנה בצ'אט (.86em × 16px בסיס = ~13.76px).
   ========================================================= */
.bp-messages-wrap .bm-message-info .bm-time{
    font-size:.86em !important;
}

/* =========================================================
   שם השולח (.bm-name .bm-user) — התוסף לא צורך את --left/right-
   message-nickname-color בכלל עבור האלמנט הזה. במקום זאת הוא
   מיישם ישירות rgba(var(--main-bm-color)) על שם השולח בהודעות
   נכנסות (span רגיל) — כנראה בכוונה, כדי להדגיש את שם "הצד השני"
   בצבע מותג. שם "שלי" (קישור <a> לפרופיל) לא מקבל את הכלל הזה
   ולכן יוצא נכון במקרה, בזכות ברירת המחדל --bm-text-color. אומת
   ב-DevTools Computed: עדי גמליאל=rgb(185,138,94)=--main-bm-color,
   admin=rgb(51,69,74)=--reins-text-rgb. עוקפים ישירות, בלי תלות
   בזהות outgoing/incoming — צובעים את שני האלמנטים (span/קישור)
   לאותו צבע אחיד.
   ========================================================= */
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-info .name.bm-name .user.bm-user{
    color: rgba(var(--reins-text-rgb), 1) !important;
}

/* =========================================================
   תיקון RTL: בועת "שלי" מקבלת צבע "נכנס" (WCAG לא-קשור, עקביות מותג)
   ---------------------------------------------------------
   Better Messages קושר את צבע הבועה למחלקת המיקום הפיזי
   (.bm-left-side / .bm-right-side), לא למחלקת הזהות
   (.outgoing / .my). ב-RTL הודעות "שלי" מקבלות בפועל גם
   bm-left-side (מיקום ויזואלי), ולכן התוסף מיישם עליהן את
   --left-message-bg-color (בז', "נכנס") במקום
   --right-message-bg-color (ירוק, "שלי") — זה באג בתוסף,
   לא במשתנים. עוקפים כאן לפי outgoing/my (הזהות האמיתית),
   ב-specificity שווה או גבוה מכלל התוסף המקורי (כולל ה-*
   על צבע הטקסט, שכבר יש לו !important משלו).
   ========================================================= */
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.outgoing .bm-content .bm-messages-listing .bm-message.my .bm-message-content:not(.bm-hide-background){
    background: rgba(var(--right-message-bg-color), 1) !important;
    color: rgba(var(--right-message-text-color), 1) !important;
}

.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.outgoing .bm-content .bm-messages-listing .bm-message.my .bm-message-content:not(.bm-hide-background) *{
    color: rgba(var(--right-message-text-color), 1) !important;
}

.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.outgoing .bm-content .bm-messages-listing .bm-message.my .bm-message-content:not(.bm-hide-background) .bm-message-info .bm-time{
    color: rgba(var(--right-message-text-color), 1) !important;
}

/* =========================================================
   תיקון RTL — צד שני: בועת "נכנס" מקבלת בטעות צבע "שלי"
   ---------------------------------------------------------
   מקבילה הפוכה לתיקון למעלה. אותו באג תוסף בדיוק: הודעות
   נכנסות (incoming) שמקבלות פיזית bm-right-side ב-RTL היו
   מקבלות בפועל --right-message-bg-color (ירוק, "שלי")
   במקום --left-message-bg-color (בז', "נכנס") — זה מה שגרם
   לשני הצדדים להיראות באותו צבע.

   ⚠️ הנחה שטרם אומתה ב-DevTools: מחלקת ה-stack הנגדית ל-
   outgoing מניחים שהיא "incoming" (דפוס סימטרי רגיל בתוסף),
   ושעל הודעה נכנסת פשוט אין את המחלקה .my — לכן :not(.my)
   במקום שם מחלקה מפורש. אם בפועל שם המחלקה שונה, יש להחליף
   בהתאם.
   ========================================================= */
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.incoming .bm-content .bm-messages-listing .bm-message:not(.my) .bm-message-content:not(.bm-hide-background){
    background: rgba(var(--left-message-bg-color), 1) !important;
    color: rgba(var(--left-message-text-color), 1) !important;
}

.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.incoming .bm-content .bm-messages-listing .bm-message:not(.my) .bm-message-content:not(.bm-hide-background) *{
    color: rgba(var(--left-message-text-color), 1) !important;
}

.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.incoming .bm-content .bm-messages-listing .bm-message:not(.my) .bm-message-content:not(.bm-hide-background) .bm-message-info .bm-time{
    color: rgba(var(--left-message-text-color), 1) !important;
}