/* =========================================================
   REINS — Messages CSS: Toast Notification (התראת הודעה קופצת)
   ---------------------------------------------------------
   דריסת עיצוב להתראה הקופצת (react-toastify) שהתוסף Better
   Messages מציג כשמתקבלת הודעה חדשה — .bm-toast-site-message.
   בניגוד לכל שאר הקבצים בתיקייה הזו, ההתראה הזו לא מוגבלת
   לדף "הודעות שלי": התוסף מרנדר אותה בכל עמוד באתר (היא
   חלק מה-shell הגלובלי שלו, לא מרכיב הצ'אט עצמו). לכן קובץ
   זה נטען דרך reins_enqueue_versioned_style() ללא תנאי
   is_page — ראו css-loader.php.

   תלוי אך ורק במשתני --reins-* מ-reins-variables.css (general/,
   נטען גלובלית ממילא) — לא תלוי ב-reins-messages-vars.css,
   כי זה קובץ page-gated ולא זמין מחוץ לדף ההודעות.

   בועת התוכן (.bm-toast-site-message-content) מעוצבת בכוונה
   כמו בועת "נכנס" בעמוד ההודעות — רקע בז' (--reins-beige-rgb),
   לא ירוק: ה-toast תמיד מציג הודעה שהתקבלה (אף פעם לא הודעה
   שלך), אז זה תואם ל-"נכנס" בלבד. הרדיוס (10px) קשיח בכוונה
   כדי לתאום את --bm-message-border-radius בעמוד ההודעות, בלי
   תלות ב-reins-messages-vars page-gated.
========================================================= */

/* --- מיכל ההתראות: שקיפות מלאה, כל העיצוב על התיבה עצמה --- */
.Toastify__toast-container{
    --toast-gap:10px;
}

/* --- תיבת ההתראה עצמה --- */
.Toastify__toast.bm-toast-site-message{
    background:var(--reins-bg) !important;
    color:var(--reins-text) !important;
    border:1px solid var(--reins-border) !important;
    border-radius:10px !important;
    box-shadow:0 6px 20px rgba(0,0,0,.14) !important;
    padding:12px 14px !important;
    font-family:inherit !important;
    direction:rtl;
}

.Toastify__toast-body{
    padding:0 !important;
    margin:0 !important;
}

/* --- אווטאר + שם + תוכן ההודעה --- */
.bm-toast-site-message-container{
    display:flex;
    align-items:flex-start;
    gap:10px;
    text-align:right;
}

.bm-toast-site-message-avatar img{
    width:40px;
    height:40px;
    border-radius:999px !important;
    object-fit:cover;
    flex-shrink:0;
}

.bm-toast-site-message-info{
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:0; /* מאפשר ל-white-space:nowrap להיחתך כראוי בפנים */
}

.bm-toast-site-message-title{
    font-weight:600;
    font-size:.92em;
    color:var(--reins-heading) !important;
}

.bm-toast-site-message-content{
    font-size:.86em;
    color:var(--reins-text) !important;
    background:rgba(var(--reins-beige-rgb),1) !important; /* מיישר ל--left-message-bg-color ("נכנס") בעמוד ההודעות */
    border-radius:10px !important; /* תואם --bm-message-border-radius בעמוד ההודעות */
    padding:5px 9px !important;
    display:inline-block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* --- כפתור סגירה --- */
.Toastify__close-button{
    color:var(--reins-text) !important;
    opacity:.5;
}
.Toastify__close-button:hover{
    opacity:.9;
}

/* --- פס ההתקדמות (זמן עד סגירה אוטומטית) --- */
.Toastify__progress-bar.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{
    background:var(--reins-accent) !important;
}