/* =========================================================
   REINS — Messages CSS: Sidebar Header (חיפוש)
   ---------------------------------------------------------
   כותרת סרגל הצד + תיבת החיפוש + כפתורי פעולה (starred/search/
   maximize/settings).
========================================================= */

.bp-messages-side-threads .chat-header.side-header{
    border-bottom:1px solid var(--reins-border) !important;
    padding:10px 12px;
    display:flex;
    align-items:center;
    gap:10px;
}

.bpbm-search{
    flex:1;
}

.bpbm-search form input[type="text"]{
    width:100%;
    min-height:38px;
    padding:6px 14px;
    border:1px solid var(--reins-border) !important;
    border-radius:var(--reins-radius-pill) !important;
    background:rgba(0,0,0,.03) !important;
    color:var(--reins-text) !important;
    font-family:inherit;
    font-size:.9em !important;
    outline:2px solid transparent; /* תוקן לנגישות (ת"י 5568 / WCAG 2.4.7): outline:none
                                       הוסר לחלוטין וההסתמכות היחידה על מצב פוקוס הייתה
                                       שינוי border-color דק. עכשיו יש outline מלא + offset,
                                       באותה תבנית שכבר קיימת ב-forminator ו-stable-link. */
    outline-offset:2px;
    transition:border-color .2s ease, background .2s ease, outline-color .2s ease;
}

.bpbm-search form input[type="text"]:focus{
    border-color:var(--reins-accent) !important;
    background:var(--reins-bg) !important;
    /* outline הוסר מכאן בכוונה: מסגרת הפוקוס האחידה לכל האתר
       (color-2, נבדק ל-13.6:1) כבר מוגדרת גלובלית ב-
       reins-helpers.css דרך :focus-visible !important. הגדרה
       נפרדת כאן על :focus (לא :focus-visible) הייתה מתנגשת/
       מכפילה אותה עם --reins-accent — צבע שלא נבדק כרכיב פוקוס
       (רק כטקסט, ושם הוא כן נכשל ב-AA). border-color למעלה
       נשאר כתוספת ויזואלית עדינה בלבד, לא כמנגנון הנגישות.*/
}

.bp-messages-column .chat-header .starred-messages,
.bp-messages-column .chat-header .bm-search-btn,
.bp-messages-column .chat-header .bpbm-maximize,
.bp-messages-side-threads .settings{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:var(--reins-radius-pill);
    color:var(--reins-text);
    opacity:.75;
    cursor:pointer;
    transition:opacity .2s ease, background .2s ease;
}

.bp-messages-column .chat-header .starred-messages:hover,
.bp-messages-column .chat-header .bm-search-btn:hover,
.bp-messages-column .chat-header .bpbm-maximize:hover,
.bp-messages-side-threads .settings:hover{
    opacity:1;
    background:rgba(0,0,0,.04);
}