/* system/css/daily.css
   הפעילות היומית (6/10/2026, gates/daily.js). שורת מצב הבדיקה, חלון הפעילות ופעילויות היום (activities/*.js).
   הגלולה עצמה משותפת לשאלת השבוע, .day-pill ב-conversation.css.
   ⛔ כל מה שצף בתחתית בגודל קבוע בפיקסלים ולא rem. עומר, 6/10/2026, "ככה זה אף פעם לא ישברו". */

/* ── שורת מצב הבדיקה, רק לעומר בתצוגת אדמין. נשארת גם ביום בלי גלולה ── */
#test-day-bar {
  position: fixed; left: 24px; bottom: 152px; z-index: 9997;
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  max-width: calc(100vw - 48px); box-sizing: border-box;
  padding: 8px 10px 8px 14px; border-radius: 14px;
  background: #1a4a6b; color: #fff; box-shadow: 0 6px 18px rgba(18, 54, 80, 0.3);
  font-size: 15px; font-weight: 700; line-height: 1.3; direction: rtl;
}
#test-day-bar button {
  min-height: 36px; padding: 4px 12px; border-radius: 50px; border: 1.5px solid rgba(255, 255, 255, 0.8);
  background: transparent; color: #fff; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer;
}
#test-day-bar button:hover { background: rgba(255, 255, 255, 0.14); }
#test-day-bar button:focus-visible { outline: 3px solid #ffc93c; outline-offset: 2px; }
@media (max-width: 767px) {
  #test-day-bar { left: 50%; transform: translateX(-50%); bottom: 88px; justify-content: center; text-align: center; }
}
/* כשתפריט החשבון פתוח, השורה והגלולה לא יושבות על כפתורי הימים. נמדד בטלפון 375, 6/10/2026 */
body:has(#am-sheet:not([hidden])) #test-day-bar,
body:has(#am-sheet:not([hidden])) .day-pill { display: none !important; }

/* ── חלון הפעילות. בטלפון מסך מלא, במחשב כרטיס במרכז ── */
html.act-open { overflow: hidden; }
html.act-open .day-pill,
html.act-open #test-day-bar,
html.act-open #wa-fab,
html.act-open #feedback-fab,
html.act-open .a11y-trigger { display: none !important; }
.act-overlay {
  position: fixed; inset: 0; z-index: 10001;
  background: rgba(26, 74, 107, 0.45);
  display: flex; align-items: center; justify-content: center; padding: 16px;
}
.act-card {
  width: min(480px, 100%); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow-y: auto;
  background: #fdf8f2; border-radius: 22px; box-shadow: 0 20px 60px rgba(18, 54, 80, 0.35);
  padding: 18px 18px 22px; box-sizing: border-box; direction: rtl;
  display: flex; flex-direction: column; gap: 14px;
}
.act-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.act-eyebrow { margin: 0; font-size: 0.85rem; font-weight: 700; color: #c4652e; }
.act-title { margin: 2px 0 0; font-size: 1.6rem; font-weight: 800; color: #1a4a6b; line-height: 1.2; }
.act-close {
  flex: none; width: 48px; height: 48px; border-radius: 50%; border: 1.5px solid #e8e0d6; background: #fff;
  font-size: 28px; line-height: 1; color: #1a4a6b; cursor: pointer;
}
.act-close:hover { background: #f3ebdd; }
.act-close:focus-visible { outline: 3px solid #e8854a; outline-offset: 2px; }
.act-soon { margin: 12px 0; font-size: 1.1rem; color: #6b5d4d; text-align: center; line-height: 1.6; }
.act-next { margin: 0; text-align: center; color: #7a6a56; font-size: 1rem; }
.act-next b { color: #1a4a6b; }
@media (max-width: 767px) {
  .act-overlay { padding: 0; background: #fdf8f2; align-items: stretch; }
  .act-card { width: 100%; max-height: none; height: 100%; border-radius: 0; box-shadow: none; padding: 14px 16px 24px; }
}

/* ── בלש לרגע (activities/detective.js) ── */
.bd { display: flex; flex-direction: column; gap: 14px; }
.bd-lead { margin: 0; color: #3d3428; font-size: 1.08rem; font-weight: 700; line-height: 1.5; }
.bd-phone {
  background: #eef2f6; border: 1.5px solid #dbe3ec; border-radius: 22px; padding: 12px 12px 10px;
  display: flex; flex-direction: column; gap: 10px;
}
.bd-head { display: flex; align-items: center; gap: 10px; }
.bd-avatar {
  flex: none; width: 40px; height: 40px; border-radius: 50%; background: #8aa2b8; color: #fff;
  display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.1rem;
}
.bd-ids { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.bd-bubble {
  background: #fff; border-radius: 4px 18px 18px 18px; padding: 12px 14px; box-shadow: 0 1px 2px rgba(18, 54, 80, 0.12);
  font-size: 1.05rem; line-height: 1.75; color: #1f2a33;
}
.bd-spot {
  font: inherit; color: inherit; background: none; border: 0; padding: 2px 1px; margin: 0;
  border-radius: 6px; cursor: pointer; text-align: inherit; display: inline;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.bd-spot:hover { background: #fff3cd; }
.bd-spot:focus-visible { outline: 3px solid #e8854a; outline-offset: 1px; }
.bd-from { font-weight: 800; font-size: 1.02rem; color: #1a4a6b; }
.bd-sub { font-size: 0.9rem; color: #5b6b78; direction: ltr; unicode-bidi: isolate; }
.bd-b { font-weight: 800; }
.bd-btn {
  display: inline-block; margin: 4px 2px; padding: 8px 16px; border-radius: 10px;
  background: #22b35e; color: #fff; font-weight: 800; box-shadow: 0 3px 0 #178a46;
}
.bd-btn.is-marked { background: #22b35e; box-shadow: 0 3px 0 #178a46, 0 0 0 3px #e8854a; }
/* סוגי ההודעות. וואטסאפ ברקע הבז' המוכר, חלון קופץ באדום, דף אינטרנט עם שורת כתובת */
.bd-whatsapp { background: #efe7dc; border-color: #e2d6c4; }
.bd-whatsapp .bd-avatar { background: #5f9e75; }
.bd-popup { background: #fff; border: 2px solid #c0392b; border-radius: 12px; }
.bd-popup .bd-avatar { background: #c0392b; border-radius: 10px; }
.bd-popup .bd-from { color: #a12a1e; }
.bd-popup .bd-bubble { background: #fff4f2; border-radius: 10px; }
.bd-page { background: #f4f6f8; border-radius: 12px; }
.bd-page .bd-avatar { background: #6b7a86; border-radius: 8px; }
.bd-page .bd-sub { background: #fff; border: 1px solid #dbe3ec; border-radius: 50px; padding: 2px 10px; margin-top: 2px; }
.bd-page .bd-bubble { border-radius: 10px; text-align: center; }
/* מייל, שיחה, אפליקציה בחנות והודעה בפייסבוק. נוספו 7/10/2026 */
.bd-email { background: #fff; border-radius: 12px; }
.bd-email .bd-avatar { background: #7b5ea7; }
.bd-email .bd-bubble { border-radius: 8px; box-shadow: none; border: 1px solid #e3e8ee; }
.bd-subj { font-size: 1.05rem; color: #1f2a33; padding: 0 2px; }
.bd-call { background: #e6f2ea; border-color: #c9e2d2; }
.bd-call .bd-avatar { background: #2e7d51; }
.bd-call .bd-bubble { border-radius: 18px; }
.bd-said { margin: 0; font-size: 0.92rem; color: #4a5a50; font-weight: 700; }
.bd-store { background: #fff; border-radius: 12px; }
.bd-store .bd-avatar { background: #3b6fb6; border-radius: 12px; width: 48px; height: 48px; font-size: 1.3rem; }
.bd-store .bd-sub { direction: rtl; color: #2e7d51; font-weight: 700; }
.bd-store .bd-bubble { border-radius: 10px; box-shadow: none; border: 1px solid #e3e8ee; }
.bd-messenger { background: #f3f5f8; }
.bd-messenger .bd-avatar { background: #0866ff; }
.bd-messenger .bd-bubble { background: #fff; border-radius: 18px 18px 18px 4px; }
.bd-tag {
  display: inline-block; font-size: 0.82rem; font-weight: 800; color: #3d3428;
  border: 1px solid #b9ac98; border-radius: 6px; padding: 0 6px; line-height: 1.6;
}
.bd-sep { border: 0; border-top: 1px solid #e3e8ee; margin: 10px 0; }
.bd-intro {
  margin: 0; padding: 10px 14px; border-radius: 14px; background: #f3ebdd; color: #3d3428;
  font-size: 1.02rem; line-height: 1.55;
}
/* בתצוגת אדמין בלבד, מעבר בין המקרים בבנק */
.bd-admin {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;
  margin-top: 4px; padding-top: 10px; border-top: 1px dashed #e8e0d6; font-size: 14px; color: #7a6a56;
}
.bd-admin-next {
  min-height: 40px; padding: 6px 16px; border-radius: 50px; border: 1.5px solid #1a4a6b;
  background: #fff; color: #1a4a6b; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer;
}
.bd-admin-next:hover { background: #f3ebdd; }
.bd-link { color: #1a5fb4; text-decoration: underline; direction: ltr; unicode-bidi: isolate; word-break: break-all; }
.bd-spot.is-marked { background: #ffe1c7; box-shadow: inset 0 -3px 0 #e8854a; }
.bd-spot.is-current { outline: 2px solid #c4652e; outline-offset: 1px; }
.bd-fake { margin: 0; font-size: 0.85rem; color: #6b7a86; text-align: center; }
.bd-clue {
  min-height: 70px; background: #fffdf9; border: 1.5px solid #e8e0d6; border-radius: 16px; padding: 12px 16px;
  display: flex; flex-direction: column; justify-content: center; gap: 4px;
}
.bd-clue.is-sus { border-color: #e8854a; background: #fff6ee; }
.bd-clue.is-good { border-color: #9fcdb2; background: #e8f4ec; }
.bd-clue.is-good .bd-clue-h { color: #2e7d51; }
.bd-clue-h { margin: 0; font-weight: 800; color: #c4652e; font-size: 1rem; }
.bd-clue-t { margin: 0; font-size: 1.02rem; color: #3d3428; line-height: 1.55; }
.bd-next, .bd-choice {
  font: inherit; cursor: pointer; border-radius: 16px; text-align: right; line-height: 1.45;
}
.bd-next {
  align-self: center; min-height: 52px; padding: 10px 26px; border-radius: 50px; border: 0;
  background: #1a4a6b; color: #fff; font-size: 1.05rem; font-weight: 800; text-align: center;
}
.bd-next:hover { background: #123650; }
.bd-next:focus-visible, .bd-choice:focus-visible { outline: 3px solid #e8854a; outline-offset: 3px; }
.bd-choose { display: flex; flex-direction: column; gap: 10px; }
.bd-choose[hidden], .bd-next[hidden] { display: none; }   /* בלי זה display:flex גובר על hidden */
.bd-q { margin: 4px 0 0; font-size: 1.15rem; font-weight: 800; color: #1a4a6b; }
.bd-choices { display: flex; flex-direction: column; gap: 8px; }
.bd-choice {
  min-height: 56px; padding: 10px 16px; border: 1.5px solid #e8e0d6; background: #fff; color: #3d3428;
  font-size: 1.02rem; font-weight: 600;
}
.bd-choice:hover { background: #fdf8f2; border-color: #c9b9a3; }
.bd-choice.is-picked { border-color: #8a7a66; background: #f6efe3; }
.bd-choice.is-ok { border-color: #2e7d51; background: #e8f4ec; color: #1f5e3b; }
.bd-fb:empty { display: none; }
.bd-fb { border-radius: 16px; padding: 12px 16px; font-size: 1.02rem; line-height: 1.55; }
.bd-fb p { margin: 0; }
.bd-fb p + p { margin-top: 8px; }
.bd-fb.is-ok { background: #e8f4ec; border: 1.5px solid #9fcdb2; color: #1f5e3b; }
.bd-fb.is-try { background: #fdf8f2; border: 1.5px solid #e8e0d6; color: #3d3428; }
.bd-take { color: #1f2a33; }
.bd-again { color: #7a6a56; font-size: 0.95rem; }
.bd-popup .bd-btn { background: #c0392b; box-shadow: 0 3px 0 #8e2a20; }
.bd-popup .bd-btn.is-marked { box-shadow: 0 3px 0 #8e2a20, 0 0 0 3px #e8854a; }

/* ── המחיר האמיתי (activities/price.js) ── */
.pr { display: flex; flex-direction: column; gap: 14px; }
.pr-stores { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.pr-store {
  background: #fff; border: 1.5px solid #e8e0d6; border-radius: 16px; padding: 12px;
  display: flex; flex-direction: column; gap: 4px; min-width: 0;
}
.pr-name { margin: 0; font-size: 0.85rem; font-weight: 800; color: #7a6a56; }
.pr-product { margin: 0; font-size: 0.98rem; font-weight: 700; color: #3d3428; line-height: 1.35; }
.pr-head { margin: 4px 0 0; font-size: 1.5rem; font-weight: 800; color: #1a4a6b; line-height: 1.15; overflow-wrap: anywhere; }
.pr-note { margin: 0; font-size: 0.88rem; color: #6b5d4d; }
.pr-open {
  margin-top: 8px; min-height: 44px; border-radius: 12px; border: 1.5px solid #1a4a6b; background: #fff;
  color: #1a4a6b; font: inherit; font-size: 0.95rem; font-weight: 700; cursor: pointer;
}
.pr-open:hover { background: #f3ebdd; }
.pr-open:focus-visible { outline: 3px solid #e8854a; outline-offset: 2px; }
.pr-sum { list-style: none; margin: 6px 0 0; padding: 8px 0 0; border-top: 1px dashed #e8e0d6; display: flex; flex-direction: column; gap: 4px; }
.pr-sum[hidden] { display: none; }
.pr-sum li { display: flex; justify-content: space-between; gap: 6px; font-size: 0.9rem; color: #3d3428; }
.pr-sum li span:last-child { font-variant-numeric: tabular-nums; white-space: nowrap; }
.pr-total { margin-top: 4px; padding-top: 6px; border-top: 1px solid #e8e0d6; font-weight: 800; color: #1a4a6b !important; font-size: 1rem !important; }
.pr-choose { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.pr-choose .bd-choice { text-align: center; }

/* ── מנסים בבטחה (activities/practice.js) ── */
.pt, .pt-task { display: flex; flex-direction: column; gap: 12px; }
.pt-label { font-size: 0.95rem; font-weight: 700; color: #1a4a6b; margin-bottom: -6px; }
.pt-field {
  width: 100%; box-sizing: border-box; min-height: 52px; padding: 10px 14px; border-radius: 12px;
  border: 1.5px solid #c9b9a3; background: #fff; font: inherit; font-size: 1.1rem; color: #1f2a33; direction: rtl;
}
.pt-field[readonly] { background: #f6efe3; }
.pt-empty { border-style: dashed; }
.pt-field:focus { outline: 3px solid #f3c9a6; border-color: #e8854a; }
.pt-field.is-ok { border-color: #2e7d51; background: #e8f4ec; border-style: solid; }
.pt-how {
  align-self: flex-start; min-height: 44px; padding: 6px 16px; border-radius: 50px; border: 1.5px solid #1a4a6b;
  background: #fff; color: #1a4a6b; font: inherit; font-size: 0.95rem; font-weight: 700; cursor: pointer;
}
.pt-steps { background: #fffdf9; border: 1.5px solid #e8e0d6; border-radius: 14px; padding: 10px 16px; font-size: 1rem; line-height: 1.6; }
.pt-steps[hidden] { display: none; }
.pt-steps p { margin: 0; }
.pt-steps ol { margin: 6px 0 0; padding-inline-start: 22px; }
.pt-mac { color: #7a6a56; font-size: 0.9rem; margin-top: 6px !important; }
.pt-shot {
  background: #fff; border: 1.5px solid #dbe3ec; border-radius: 18px; padding: 14px;
  display: flex; flex-direction: column; gap: 8px; box-shadow: 0 2px 8px rgba(18, 54, 80, 0.08);
}
.pt-item {
  display: block; padding: 8px 10px; border-radius: 8px; cursor: pointer; font-size: 1rem; color: #1f2a33;
  border: 1px dashed transparent; transition: background 0.15s;
}
.pt-item:hover { border-color: #c9b9a3; }
.pt-item:focus-visible { outline: 3px solid #e8854a; outline-offset: 1px; }
.pt-err { background: #fdecea; color: #a12a1e; font-weight: 800; }
.pt-ltr { direction: ltr; text-align: right; }
.pt-item.is-covered { background: #1f2a33; color: transparent; border-color: #1f2a33; user-select: none; }
.pt-check { margin-top: 2px; }

/* ── הקול שלכם (activities/poll.js) ── */
.pl { display: flex; flex-direction: column; gap: 12px; }
.pl-q { margin: 0; font-size: 1.25rem; font-weight: 800; color: #1a4a6b; line-height: 1.35; }
.pl-options { display: flex; flex-direction: column; gap: 8px; }
.pl-opt.is-picked { border-color: #e8854a; background: #fff3e9; color: #8a4a20; }
.pl-vote:disabled { opacity: 0.45; cursor: default; }
.pl-note { margin: 0; font-size: 0.95rem; color: #6b5d4d; line-height: 1.55; }
.pl-peek {
  align-self: center; background: none; border: 0; color: #1a4a6b; text-decoration: underline;
  font: inherit; font-size: 0.98rem; font-weight: 700; min-height: 44px; cursor: pointer;
}
.pl-total { margin: 0; font-size: 1rem; font-weight: 700; color: #3d3428; }
.pl-results { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.pl-row { background: #fff; border: 1.5px solid #e8e0d6; border-radius: 14px; padding: 10px 14px; }
.pl-row.is-mine { border-color: #e8854a; }
.pl-row-top { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.pl-label { font-size: 1rem; font-weight: 600; color: #3d3428; }
.pl-mine { font-size: 0.8rem; font-weight: 800; color: #c4652e; background: #fff3e9; border-radius: 50px; padding: 1px 8px; margin-inline-start: 6px; white-space: nowrap; }
.pl-count { font-size: 1.2rem; font-weight: 800; color: #1a4a6b; font-variant-numeric: tabular-nums; }
.pl-bar { margin-top: 6px; height: 10px; border-radius: 50px; background: #f3ebdd; overflow: hidden; }
.pl-bar span { display: block; height: 100%; background: #1a4a6b; border-radius: 50px; min-width: 0; }
.pl-row.is-mine .pl-bar span { background: #e8854a; }
.pl-admin { margin: 0; font-size: 14px; color: #7a6a56; border-top: 1px dashed #e8e0d6; padding-top: 10px; }