/*
עיצוב-קהילה (סימניות/מעקב/התראות) — מדוע-קובץ-נפרד: זהו-שיפור-עיצובי
לשלושה-רכיבים אמיתיים-של-wpForo-הליבה (סימניות-נושא, מנוי-פורום/נושא +
עוקבים-אחר-חבר, ופעמון-התראות) — לא-תוסף-בתשלום ולא-פיצ'ר-מומצא. קובץ-זה
רק-"מלביש" אותם בשפת-העיצוב הקיימת — לא-משנה-DOM, לא-מוסיף-JS, לא-נוגע
בהתנהגות. נטען-אחרי-style.css ואחרי-wpforo.css, משתמש-בטוקני-ה-:root בלבד.

⚠️ תוקן 2026-07-21 (audit אדברסרי): השורה-הקודמת-כאן טענה-ש-".wpf-action
.fa-bookmark" "אומת-בפועל מתוך-ה-CSS-המקורי" — נבדק-שוב-ישירות מול-קוד-המקור
האמיתי של-wpForo-3.1.2 (Template.php/Actions.php/topic.php/post.php) ולא-נמצא
בו-שום-אזכור ל-"bookmark"/"fa-bookmark". פיצ'ר-הסימניות ("Favored") עצמו אמיתי
(מתועד-רשמית ב-wpforo.com), אך-הסלקטור-הספציפי-הזה לא-אומת-בפועל — best-effort
בלבד, לא-עובדה-מאומתת. שאר-הסלקטורים-בקובץ (מנוי/עוקבים/פעמון-התראות) כן-אומתו
ישירות מול-קוד-המקור. פעמון-ההתראות בפרט תלוי-בהגדרת-wpForo (Settings→
Notifications) שאינה-מופעלת-כברירת-מחדל ואינה-מוגדרת-על-ידי-קוד-זה.

הערת-ספציפיות: שלא-כמו-wpforo.css (הכללי) שמשתמש-בקידומת ".wpforo-wrap"
בלבד, כאן נעשה-שימוש-מכוון בקידומת-הכפולה "#wpforo #wpforo-wrap" — כי
זו-בדיוק-הקידומת שבה wpForo-עצמו מגדיר את-חמשת-הרכיבים-האלה (שני-מזהים),
וכדי-לנצח-אותה-בוודאות (לא-להסתמך-על-סדר-טעינה) צריך-אותה-ספציפיות-לפחות.
*/

/* ============================================================
   1. סימניות (Bookmarks) — אייקון .fa-bookmark בתוך .wpf-action
   (פונט-Awesome, לא-SVG — wpForo 3.1.2 עדיין-משתמש-בו-לפעולה-הזו-בלבד;
   לכן-אפשר-לעצב-רק-צבע/מעבר, לא-להחליף-לאייקון-מה-sprite-שלנו)
   ============================================================ */
#wpforo #wpforo-wrap .wpf-action .fa-bookmark{
  color:var(--clay);
  transition:color .15s var(--ease),transform .15s var(--ease);
}
#wpforo #wpforo-wrap .wpf-action:hover .fa-bookmark{
  color:var(--clay-ink);
  transform:scale(1.12);
}
:root[data-theme="dark"] #wpforo #wpforo-wrap .wpf-action .fa-bookmark{color:var(--clay-soft);}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #wpforo #wpforo-wrap .wpf-action .fa-bookmark{color:var(--clay-soft);}}
:root[data-theme="dark"] #wpforo #wpforo-wrap .wpf-action:hover .fa-bookmark{color:var(--clay);}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #wpforo #wpforo-wrap .wpf-action:hover .fa-bookmark{color:var(--clay);}}

/* ============================================================
   2. מנוי (Subscribe) — כפתורי .wpf-subscribe-forum / .wpf-subscribe-topic,
   שניהם-נושאים-גם-את-המחלקה-האמיתית .wpf-button-outlined
   ============================================================ */
#wpforo #wpforo-wrap .wpf-button-outlined{
  border-radius:999px;font-weight:700;
  transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease),box-shadow .15s var(--ease);
}
#wpforo #wpforo-wrap .wpf-button-outlined:hover{
  box-shadow:none;background-color:var(--surface-2) !important;
}
#wpforo #wpforo-wrap .wpf-button-outlined.wpf-subscribe-forum,
#wpforo #wpforo-wrap .wpf-button-outlined.wpf-subscribe-topic{
  border:1px solid var(--clay) !important;
  background-color:var(--surface) !important;
  color:var(--ink-800);
}
#wpforo #wpforo-wrap .wpf-button-outlined.wpf-subscribe-forum:hover,
#wpforo #wpforo-wrap .wpf-button-outlined.wpf-subscribe-topic:hover{
  background-color:var(--clay-soft) !important;
  border-color:var(--clay) !important;
  color:var(--clay-ink);
}
:root[data-theme="dark"] #wpforo #wpforo-wrap .wpf-button-outlined.wpf-subscribe-forum,
:root[data-theme="dark"] #wpforo #wpforo-wrap .wpf-button-outlined.wpf-subscribe-topic{
  background-color:var(--surface) !important;color:var(--clay-soft);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) #wpforo #wpforo-wrap .wpf-button-outlined.wpf-subscribe-forum,
  :root:not([data-theme="light"]) #wpforo #wpforo-wrap .wpf-button-outlined.wpf-subscribe-topic{
    background-color:var(--surface) !important;color:var(--clay-soft);
  }
}

/* ============================================================
   3. מעקב-אחר-חבר (Follow) — .wpforo-follow-user (בעמוד-פרופיל),
   .wpforo-followers / .wpforo-following (רשימות), .sbn-action (ביטול-מעקב)
   ============================================================ */
#wpforo #wpforo-wrap .wpforo-profile .wpforo-follow-user{
  background-color:var(--clay-soft) !important;
  border-radius:999px;color:var(--clay-ink);font-weight:700;
}
#wpforo #wpforo-wrap .wpforo-followers .wpf-tab-subtitle,
#wpforo #wpforo-wrap .wpforo-following .wpf-tab-subtitle{
  border-bottom:1px solid var(--line) !important;color:var(--muted);
}
#wpforo #wpforo-wrap .wpforo-followers .wpforo-follower,
#wpforo #wpforo-wrap .wpforo-following .wpforo-follower{
  background:var(--surface-2) !important;
  border-radius:var(--r-sm);
}
#wpforo #wpforo-wrap .wpforo-following .wpforo-follower .sbn-action a{
  color:var(--danger) !important;font-weight:700;
}
:root[data-theme="dark"] #wpforo #wpforo-wrap .wpforo-profile .wpforo-follow-user{color:var(--ink-950);}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #wpforo #wpforo-wrap .wpforo-profile .wpforo-follow-user{color:var(--ink-950);}}

/* ============================================================
   4. פעמון-התראות (Notification bell) — .wpf-bar-right .wpf-alerts
   (בתוך-סרגל-wpForo-הפנימי, לא-הטופ-בר-של-האתר) + הווריאנט-בתפריט-הצד
   #wpf-widget-profile .wpf-widget-alerts ("My Profile and Notifications")
   ============================================================ */
#wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts,
#wpf-widget-profile .wpf-widget-alerts{
  display:inline-flex;align-items:center;gap:4px;
  color:var(--muted) !important;border-radius:999px;
  padding:4px 8px;transition:background .15s var(--ease),color .15s var(--ease);
}
#wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts:hover,
#wpf-widget-profile .wpf-widget-alerts:hover{
  background:var(--surface-2);color:var(--ink-800) !important;
}
#wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts i,
#wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts svg,
#wpf-widget-profile .wpf-widget-alerts svg{
  color:inherit !important;width:18px;height:18px;
}
#wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts.wpf-new svg,
#wpf-widget-profile .wpf-widget-alerts.wpf-new svg{
  color:var(--clay) !important;
}
/* תגית-מונה — עוגן-זהב-עגול במקום-הטקסט-הכתום-המקורי */
#wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts-count,
#wpf-widget-profile .wpf-widget-alerts .wpf-alerts-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:17px;height:17px;padding:0 4px;
  background:var(--clay) !important;color:#fff !important;
  border-radius:999px;font-size:.68rem;font-weight:800;line-height:1;
}

/* לוח-ההתראות הנפתח */
#wpforo #wpforo-wrap .wpf-notifications,
#wpf-widget-profile .wpf-notifications{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-top:2px solid var(--clay) !important;
  border-bottom:0 !important;
  border-radius:var(--r-sm);box-shadow:var(--shadow-lg);
}
#wpforo #wpforo-wrap .wpf-notifications .wpf-notification-head,
#wpf-widget-profile .wpf-notifications .wpf-notification-head{
  color:var(--ink-900) !important;font-weight:800;
  border-bottom:1px solid var(--line) !important;
}
#wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content,
#wpf-widget-profile .wpf-notifications .wpf-notification-content{color:var(--ink-soft) !important;}
#wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content li,
#wpf-widget-profile .wpf-notifications .wpf-notification-content li{
  border-bottom:1px solid var(--line) !important;color:var(--ink) !important;
}
#wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content li:hover,
#wpf-widget-profile .wpf-notifications .wpf-notification-content li:hover{
  background:var(--surface-2) !important;
}
#wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content .wpf-ndesc,
#wpf-widget-profile .wpf-notifications .wpf-notification-content .wpf-ndesc{color:var(--muted) !important;}
#wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content li.wpf-new_dislike,
#wpf-widget-profile .wpf-notifications .wpf-notification-content li.wpf-new_dislike{color:var(--danger) !important;}

:root[data-theme="dark"] #wpforo #wpforo-wrap .wpf-notifications .wpf-notification-head,
:root[data-theme="dark"] #wpf-widget-profile .wpf-notifications .wpf-notification-head{color:#fff !important;}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) #wpforo #wpforo-wrap .wpf-notifications .wpf-notification-head,
  :root:not([data-theme="light"]) #wpf-widget-profile .wpf-notifications .wpf-notification-head{color:#fff !important;}
}
:root[data-theme="dark"] #wpforo #wpforo-wrap .wpf-alerts-count,
:root[data-theme="dark"] #wpf-widget-profile .wpf-alerts-count{color:var(--ink-950) !important;}

/* ============================================================
   5. תיבת-שער (Gate) לשורטקודים [bnb_my_bookmarks]/[bnb_my_subscriptions]
   כשאורח-לא-מחובר-צופה-בהם (ר' inc/community.php) — כרטיס-הזמנה-להתחברות
   ============================================================ */
.bnb-community-gate{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--shadow-sm);padding:32px 24px;text-align:center;max-width:420px;margin:24px auto;
}
.bnb-community-gate svg{
  width:34px;height:34px;color:var(--clay);margin-bottom:10px;
}
.bnb-community-gate p{
  margin:0 0 16px;color:var(--ink-soft);font-size:.95rem;line-height:1.6;
}
.bnb-community-gate .btn{margin:0 auto;}

/* ============================================================
   6. הדפסה — הסתרת-רכיבי-אינטראקציה (עקבי-לדפוס-של-wpforo.css)
   ============================================================ */
@media print{
  #wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts,
  #wpforo #wpforo-wrap .wpf-notifications,
  #wpf-widget-profile{display:none !important;}
}