/* system/css/conversation.css
   "שיחת השבוע" (4/10/2026). משתמש במבנה של whats-new.css (wn-btn, wn-overlay, wn-card). */

/* ── הכפתורים בשורה התחתונה, הדברים שלי ומה חדש במערכת (עומר, 4/10/2026, בעצת אסטרה) ──
   אותו גודל ואותם צבעים, ההבדל באייקון ובכיתוב בלבד. שיחת השבוע ירדה מכאן ב-6/10/2026, והיא בכפתור הצהוב למטה.
   הצבעים: רקע שמנת, מסגרת וטקסט כחול המותג (ניגודיות כ-8.9:1, הכתום #e8854a על שמנת רק 2.5:1). */
.footer-bar { gap: 8px; align-items: stretch; }
.footer-bar > div { flex: 0 1 160px; display: flex; }   /* 160 ולא 167: באנדרואיד צר (360) נכנסים שניים בשורה, נמדד על מכשיר אמיתי 4/10/2026 */
.footer-bar > div:empty { display: none; }
.footer-bar .wn-btn {
  position: relative; width: 100%; min-height: 48px; justify-content: center; text-align: center;
  padding: 9px 8px; gap: 6px; line-height: 1.2; font-size: 0.95rem;
  background: #fff8ef; border-color: #1a4a6b; color: #1a4a6b;
}
.footer-bar .wn-btn:hover { background: #fdeede; }
.footer-bar .wn-btn svg { width: 20px; height: 20px; flex: none; }
/* התג יושב על פינת הכפתור ולא בתוכו, כדי שלא ירחיב אותו והכפתורים יישארו באותו רוחב. */
.footer-bar .wn-badge {
  position: absolute; top: -9px; inset-inline-end: -6px;
  color: #102f44;   /* כתום #e8854a עם טקסט כהה, כ-5.2:1 */
}

.conv-card { max-width: 520px; }
.conv-q {
  background: #fff8ef; border: 1.5px solid #f3e2cf; border-radius: 14px; padding: 14px 16px;
  font-weight: 800; color: var(--navy, #1a4a6b); font-size: 1.08rem; line-height: 1.5; margin-bottom: 14px;
}
.conv-q-empty { font-weight: 700; color: var(--muted, #8a7a66); }
.conv-flash {
  background: #e2f1e8; color: #1f5e3b; border-radius: 12px; padding: 10px 14px; margin: 0 0 12px; font-size: 0.95rem;
}
.conv-note { color: var(--muted, #8a7a66); font-size: 0.95rem; margin: 10px 0; }

.conv-form { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
.conv-label { font-weight: 700; color: var(--navy, #1a4a6b); font-size: 0.95rem; }
.conv-ta {
  width: 100%; box-sizing: border-box; font: inherit; font-size: 1rem; line-height: 1.5; padding: 10px 12px;
  border: 1.5px solid var(--border, #e8e0d6); border-radius: 12px; resize: vertical; min-height: 84px; direction: rtl;
}
.conv-ta:focus { outline: 3px solid #f3c9a6; border-color: var(--orange-deep, #e8854a); }
.conv-row { display: flex; justify-content: flex-end; }
.conv-count { font-size: 0.8rem; color: var(--muted, #8a7a66); }
.conv-check { display: flex; align-items: center; gap: 8px; font-size: 0.95rem; min-height: 44px; cursor: pointer; }
.conv-check input { width: 20px; height: 20px; }
.conv-privacy { font-size: 0.9rem; line-height: 1.5; color: var(--muted, #6b5d4d); margin: 0; }
.conv-privacy a { color: #1a4a6b; text-decoration: underline; }
.conv-msg { color: #a33; font-size: 0.92rem; margin: 0; min-height: 1.2em; white-space: pre-line; }
.conv-send {
  align-self: flex-start; min-height: 46px; padding: 10px 26px; border: none; border-radius: 50px;
  background: var(--orange-deep, #e8854a); color: #fff; font: inherit; font-weight: 800; font-size: 1rem; cursor: pointer;
}
.conv-send:disabled { opacity: 0.6; cursor: default; }

.conv-list { display: flex; flex-direction: column; gap: 12px; }
.conv-item { background: #fdf8f2; border: 1px solid var(--border, #e8e0d6); border-radius: 14px; padding: 14px 16px; }
.conv-pending { border-style: dashed; margin-bottom: 14px; }
.conv-head { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; flex-wrap: wrap; }
.conv-who { color: var(--navy, #1a4a6b); }
.conv-date { font-size: 0.8rem; color: var(--muted, #8a7a66); margin-inline-start: auto; }
.conv-tag { font-size: 0.74rem; font-weight: 800; color: var(--navy, #1a4a6b); background: #eef4f8; border-radius: 50px; padding: 2px 10px; }
.conv-tag-mine { background: #e2f1e8; color: #1f5e3b; }
.conv-text { margin: 4px 0; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.conv-reply { border-inline-start: 3px solid #f3e2cf; padding-inline-start: 12px; margin: 8px 0; }
.conv-link {
  background: none; border: none; color: var(--orange-deep, #e8854a); font: inherit; font-weight: 800;
  min-height: 44px; padding: 0 4px; cursor: pointer; text-decoration: underline;
}

/* ── הגלולה הצהובה, הצפה והזמנית. 6/10/2026 ──
   ⭐ מחלקה משותפת: שאלת השבוע ברביעי (#weekly-fab, כאן) והפעילות היומית בשאר הימים (#daily-fab, gates/daily.js).
   לעולם לא שתיים באותו יום.
   רביעי בלבד, 08:00 עד חצות. גלולה צהובה עם טקסט, גם בטלפון, כדי שיהיה ברור מה זה.
   ⭐ איפה, עומר באותו לילה, אחרי שראה את שתי האפשרויות:
   במחשב מעל כפתור הנגישות, "בדסקטופ יש המון מרחב... באמצע זה לא יפה".
   בטלפון באמצע השורה התחתונה, בין הנגישות ליצירת הקשר, "במובייל זה יפה שהכל באמצע כזה צף",
   ו"לעשות הכל בפס אחד", כדי שלא תיבנה עמודה לגובה המסך הקטן.
   בטלפון הרוחב מוגבל לרווח שבין שני העיגולים (24+52+12 מכל צד), וכשאין מקום האייקון יורד (tight).
   כחול כהה על צהוב, כ-6:1. מתחת לחלון הנגישות (9998), כדי שהחלון יכסה אותו כשהוא נפתח. */
.day-pill {
  position: fixed; left: 24px; bottom: 88px; z-index: 9997;
  overflow: hidden;
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  height: 52px; padding: 0 14px 0 12px; box-sizing: border-box;
  border-radius: 999px; border: 2px solid rgba(255, 255, 255, 0.75);
  background: #ffc93c; color: #1a4a6b;
  /* ⛔ גודל קבוע בפיקסלים ולא rem. עומר, 6/10/2026, "הגודל של שאלת השבוע וכל הכפתורים למטה תמיד קבועים,
     זה לא משנה הגודל שבוחרים, ככה זה אף פעם לא ישברו" */
  font: inherit; font-size: 16px; font-weight: 800; white-space: nowrap; direction: rtl;
  cursor: pointer;
  box-shadow: 0 0 18px rgba(255, 201, 60, 0.7), 0 4px 16px rgba(0, 0, 0, 0.2);
  animation: weeklyGlow 2.4s ease-in-out infinite;
  transition: transform 0.2s;
}
.day-pill svg { width: 24px; height: 24px; flex: none; }
.day-pill span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.day-pill.tight svg { display: none; }   /* טלפון צר וטקסט ענק, המילים קודמות לאייקון */
.day-pill:hover { transform: scale(1.05); }
.day-pill:active { transform: scale(0.97); }
@media (max-width: 767px) {
  .day-pill { left: 50%; bottom: 24px; transform: translateX(-50%); max-width: calc(100vw - 176px); }
  .day-pill:hover { transform: translateX(-50%) scale(1.05); }
  .day-pill:active { transform: translateX(-50%) scale(0.97); }
}
.day-pill:focus-visible { outline: 3px solid #1a4a6b; outline-offset: 3px; }
@keyframes weeklyGlow {
  0%, 100% { box-shadow: 0 0 14px rgba(255, 201, 60, 0.55), 0 4px 16px rgba(0, 0, 0, 0.2); }
  50%      { box-shadow: 0 0 30px rgba(255, 201, 60, 0.95), 0 4px 16px rgba(0, 0, 0, 0.2); }
}
@media (prefers-reduced-motion: reduce) { .day-pill { animation: none; } }
html.a11y-no-animations .day-pill { animation: none; }
/* המנוי כבר כתב השבוע. הכפתור נשאר עד חצות כדי לקרוא תשובות של אחרים, אבל לא קורא לו יותר */
.day-pill.is-done { animation: none; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); }
/* כשסרטון או מודל פתוחים, כמו שני הכפתורים האחרים (gates.css) */
body:has(#video-overlay:not([hidden])) .day-pill,
body:has(#model-overlay:not([hidden])) .day-pill { display: none !important; }
/* אין כאן ריווח לתחתית הדף, בכוונה. בטלפון הגלולה באותה שורה עם שני העיגולים, והרווח של 96 ב-gates.css מספיק גם ברביעי */