/* מערכת אחת לתרגול ולמבחנים (13.10.2026), לפי סקיצה א שאושרה. נטען רק עם ?ui=app */

/* ---- בלוח שבמחשב: כרטיס "תרגול מבחן" ושורת המבחן בפורמט האמיתי ---- */
.ss-qbank a.uqa-btn.qa-exam{background:#16234d;border-color:#16234d;color:#fff!important;font-weight:700}
.ss-qbank a.uqa-btn.qa-exam b{background:rgba(255,255,255,.16);color:#fff}
.ss-qbank a.uqa-btn.qa-exam:hover{background:#20409A;border-color:#20409A}
.ss-qbank a.qa-real{display:flex;align-items:center;gap:10px;margin:10px 0 0;padding:8px 10px;border:1.5px dashed #aebfdb;border-radius:10px;background:#fff;color:#1d2433!important;text-decoration:none!important;text-align:right}
.ss-qbank a.qa-real .ic{flex:0 0 auto;width:30px;height:30px;border-radius:8px;background:#EEF3FB;display:grid;place-items:center}
.ss-qbank a.qa-real .ic svg{width:20px;height:20px}
.ss-qbank a.qa-real b{display:block;font-size:14.5px;font-weight:700;color:#16234d}
.ss-qbank a.qa-real span span{display:block;font-size:12.5px;color:#5e6b80;line-height:1.4}
.ss-qbank a.qa-real small{display:block;font-size:12px;color:#8a94a6}
.ss-qbank a.qa-real:hover{border-color:#20409A}

.qa-top,.qa-sheet{display:none}

@media (max-width:991px){
  /* ---- הפס הכחול: כולו כפתור שפותח את התפריט ---- */
  .ss-qbank .qa-top{display:block;position:sticky;top:60px;z-index:990;margin:0 -15px 12px}
  .ss-qbank .qa-bar{position:relative;display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 16px 16px;background:#16234d;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}
  .ss-qbank .qa-mode{flex:1;min-width:0;text-align:right}
  .ss-qbank .qa-mode b{display:block;font-size:17px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ss-qbank .qa-mode small{display:block;font-size:13px;color:#aebbd6;margin-top:3px}
  .ss-qbank .qa-mode small em{font-style:normal;font-weight:700;color:#7EE2A8}
  .ss-qbank .qa-menu{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 12px 0 14px;border-radius:8px;background:#fff;color:#16234d;font-weight:700;font-size:15px}
  .ss-qbank .qa-menu svg{width:18px;height:18px;transition:transform .25s}
  .ss-qbank .qa-bar.open .qa-menu svg{transform:rotate(180deg)}
  .ss-qbank .qa-all{position:absolute;left:0;right:0;bottom:0;height:5px;background:rgba(255,255,255,.14);display:flex}
  .ss-qbank .qa-all i{display:block;height:100%;transition:width .4s}.ss-qbank .qa-all .ok{background:#7EE2A8}.ss-qbank .qa-all .bad{background:#FF9C8F}

  /* ---- התפריט שנפתח מהפס ---- */
  .ss-qbank .qa-sheet{display:block;position:fixed;left:0;right:0;bottom:0;top:132px;z-index:9990;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 20px 40px -20px rgba(0,0,0,.4);clip-path:inset(0 0 100% 0);transition:clip-path .3s cubic-bezier(.2,.8,.2,1);pointer-events:none;text-align:right}
  .ss-qbank .qa-sheet.open{clip-path:inset(0 0 0 0);pointer-events:auto}
  .ss-qbank .qa-sheet{overscroll-behavior:contain}
  .qa-host{direction:rtl}
  .ss-qbank .qa-sheet-in{padding:14px 16px 30px}
  .ss-qbank .qa-h{margin:6px 0 10px!important;font-size:15px!important;font-weight:700;color:#16234d!important;text-align:right!important}
  .ss-qbank .qa-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 14px}
  .ss-qbank .qa-stats div{background:#F4F7FC;border-radius:10px;padding:8px 4px;text-align:center;font-size:12px;color:#5e6b80}
  .ss-qbank .qa-stats b{display:block;font-size:18px;font-weight:700;color:#16234d}
  .ss-qbank .qa-stats .ok b{color:#1E7A4A}.ss-qbank .qa-stats .bad b{color:#B3271D}
  .ss-qbank .qa-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 14px}
  .ss-qbank a.qa-m{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 10px 10px 8px;line-height:1.25;border:1.5px solid #EEF3FB;border-radius:8px;background:#EEF3FB;color:#1d2433!important;font-size:14.5px;text-decoration:none!important}
  .ss-qbank a.qa-m b{min-width:28px;text-align:center;border-radius:999px;background:#fff;color:#20409A;font-size:13px;font-weight:700;padding:1px 8px}
  .ss-qbank a.qa-m.on{border-color:#20409A;color:#20409A!important;font-weight:700}
  .ss-qbank a.qa-m.qa-ex{background:#16234d;border-color:#16234d;color:#fff!important;font-weight:700}
  .ss-qbank a.qa-m.qa-ex b{background:rgba(255,255,255,.16);color:#fff}
  .ss-qbank .qa-sheet a.qa-real{margin:0 0 16px}
  .ss-qbank .qa-sheet .uqa-grid a.qa-cur{outline:2px solid #20409A;outline-offset:1px}
  .ss-qbank .qa-sheet .uqa-acct{margin-top:16px}
  .ss-qbank .qa-close{display:flex;align-items:center;justify-content:center;width:auto;min-width:180px;height:44px;margin:16px auto 0;padding:0 18px;border:1.5px solid #20409A;border-radius:8px;background:#fff;color:#20409A;font-weight:700;font-size:15px;font-family:inherit;cursor:pointer}

  /* הלוח הישן של הנייד לא מוצג במערכת החדשה */
  .ss-qbank .uqa-mob{display:none!important}

  /* ---- מסלול ההחלקה בין השאלות ---- */
  .ss-qbank .qa-sw{display:flex;align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;direction:rtl;transition:height .2s;margin:0 -15px}
  .ss-qbank .qa-sw::-webkit-scrollbar{display:none}
  .ss-qbank .qa-slide{flex:0 0 100%;scroll-snap-align:start;padding:0 15px;box-sizing:border-box}
  .ss-qbank .qa-slide section{margin:0}
  .ss-qbank .qa-nav{display:flex;align-items:center;justify-content:space-between;margin:10px 0 0}
  .ss-qbank .qa-nav button{border:0;background:none;color:#20409A;font-weight:700;font-size:15px;padding:8px 4px;cursor:pointer;font-family:inherit}
  .ss-qbank .qa-nav span{font-size:12.5px;color:#8a94a6}
  .ss-qbank .ss-qbank-tip{display:none}
}

/* ---- מחשב: אותו פורמט כמו תרגול המבחנים. ראש כחול עם הכותרת והמספרים, שאלה אחת בכל פעם,
   "שאלה הבאה" בפס קבוע בתחתית, והתפריט הוא הלוח בצד ימין (13.10.2026) ---- */
@media (min-width:992px){
  .ss-qbank .qa-top{display:block;margin:0 0 16px}
  .ss-qbank .qa-bar{position:relative;display:flex;align-items:center;gap:16px;padding:20px 24px 24px;border-radius:14px;overflow:hidden;background:#16234d;color:#fff;cursor:default}
  .ss-qbank .qa-mode{flex:1;min-width:0;text-align:right}
  .ss-qbank .qa-mode b{display:block;font-size:22px;font-weight:700;line-height:1.3}
  .ss-qbank .qa-mode small{display:block;font-size:15px;color:#aebbd6;margin-top:4px}
  .ss-qbank .qa-mode small em{font-style:normal;font-weight:700;color:#7EE2A8}
  .ss-qbank .qa-menu{display:none}
  .ss-qbank .qa-all{position:absolute;left:0;right:0;bottom:0;height:6px;background:rgba(255,255,255,.14);display:flex}
  .ss-qbank .qa-all i{display:block;height:100%;transition:width .4s}.ss-qbank .qa-all .ok{background:#7EE2A8}.ss-qbank .qa-all .bad{background:#FF9C8F}
  .ss-qbank .qa-sw{display:flex;align-items:flex-start;overflow-x:hidden;overflow-y:hidden;scroll-snap-type:x mandatory;direction:rtl;transition:height .2s}
  .ss-qbank .qa-slide{flex:0 0 100%;scroll-snap-align:start;box-sizing:border-box}
  .ss-qbank .qa-slide section{margin:0}
  .ss-qbank .qa-nav{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0 0;padding:12px 0;background:#EDF2F9;border-top:1px solid #dde3ec}
  .ss-qbank .qa-nav span{font-size:13px;color:#8a94a6}
  .ss-qbank .qa-nav button{height:52px;padding:0 22px;border-radius:8px;font:700 17px inherit;font-family:inherit;cursor:pointer}
  .ss-qbank .qa-nav .nx{background:#20409A;border:0;color:#fff;min-width:220px}
  .ss-qbank .qa-nav .nx:hover{background:#16234d}
  .ss-qbank .qa-nav .pv{background:#fff;border:1.5px solid #20409A;color:#20409A}
  .ss-qbank .ss-qbank-tip{display:none}
}

/* ---- סבב 2 (13.10.2026): כותרת המאגר בתוך הפס הכחול, המבחן בתוך העמוד, כפתורים זהים ---- */
.ss-qbank h1.qa-t{margin:0!important;padding:0!important;font-size:17px!important;line-height:1.3!important;font-weight:700!important;color:#fff!important;text-align:right!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none!important}
.ss-qbank .qa-mode #qaMode{color:#fff;font-weight:600}
.ss-qbank .qa-inquiz .qa-sw,.ss-qbank .qa-inquiz .qa-nav,.ss-qbank .qa-inquiz section[id^="exam-question"],.ss-qbank .qa-inquiz .qa-nextpage{display:none!important}
.ss-qbank iframe.qa-quiz{display:block;width:100%;height:1400px;border:0;margin:0;background:transparent;border-radius:14px}
@media (min-width:992px){
  .ss-qbank h1.qa-t{font-size:24px!important}
  .ss-qbank .qa-all{display:none}/* במחשב פס ההתקדמות כבר בלוח שבצד */
  .ss-qbank .qa-bar{padding:20px 24px}
  .ss-qbank a.qa-real small{display:none}/* "רק במחשב" לא רלוונטי כשכבר במחשב */
  .ss-qbank .qa-nav .pv,.ss-qbank .qa-nav .nx{flex:0 0 220px;min-width:0;background:#20409A;border:0;color:#fff}
  .ss-qbank .qa-nav .pv:hover,.ss-qbank .qa-nav .nx:hover{background:#16234d}
}
@media (min-width:992px){.ss-qbank .col-md-3 .uqa{margin-top:0}.ss-qbank .qa-bar{min-height:88px}}/* הפס הכחול והראש של הלוח באותו גובה ובאותו קו */

/* שעון המבחן בפס הכחול: עיגול שמתרוקן ועובר מירוק לאדום (13.10.2026) */
.ss-qbank .qa-clock{--p:100;--c:#5DD39E;flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),rgba(255,255,255,.14) 0);display:grid;place-items:center}
.ss-qbank .qa-clock[hidden]{display:none}
.ss-qbank .qa-clock>span{width:39px;height:39px;border-radius:50%;background:#16234d;display:grid;place-items:center;align-content:center;line-height:1;text-align:center;color:#fff}
.ss-qbank .qa-clock b{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.ss-qbank .qa-clock small{display:block;font-size:9px;color:#aebbd6}
@media (min-width:992px){.ss-qbank .qa-clock{width:56px;height:56px}.ss-qbank .qa-clock>span{width:46px;height:46px}.ss-qbank .qa-clock b{font-size:18px}}
.ss-qbank iframe.qa-quiz{height:900px}

/* סוג המבחן, מתחת לכרטיס "תרגול מבחן" (13.10.2026) */
.ss-qbank .qa-kinds{display:flex;gap:6px;margin:6px 0 0}
.ss-qbank .qa-kinds a{flex:1 1 0;display:flex;align-items:center;justify-content:center;height:34px;border:1.5px solid #c9d3e6;border-radius:8px;background:#fff;color:#16234d!important;font-size:14px;text-decoration:none!important}
.ss-qbank .qa-kinds a:hover{border-color:#16234d}
.ss-qbank .qa-kinds a.on{background:#16234d;border-color:#16234d;color:#fff!important;font-weight:700}
.ss-qbank .qa-sheet .qa-kinds{margin:0 0 14px}
@media (max-width:991px){
  /* תפריט פתוח נראה אחרת לגמרי מהמאגר: רקע תכלת, כותרת עם ✕, והכפתור בפס הופך ל"סגירה" בכתום */
  .ss-qbank .qa-sheet{background:#E9EFF8}
  .ss-qbank .qa-sheet-h{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#16234d;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}
  .ss-qbank .qa-sheet-h b{font-size:16px}
  .ss-qbank .qa-sheet-h button{border:0;background:rgba(255,255,255,.14);color:#fff;width:36px;height:36px;border-radius:50%;font-size:18px;line-height:1;cursor:pointer}
  .ss-qbank .qa-sheet .qa-stats div{background:#fff}
  .ss-qbank .qa-sheet a.qa-m{background:#fff;border-color:#dbe3ef}
  .ss-qbank .qa-sheet a.qa-m.on{border-color:#20409A}
  .ss-qbank .qa-sheet a.qa-m.qa-ex{background:#16234d;border-color:#16234d}
  .ss-qbank .qa-sheet a.qa-m b{background:#EEF3FB}
  .ss-qbank .qa-sheet .uqa-grid{background:#fff;border-radius:10px;padding:8px}
  .ss-qbank .qa-bar.open .qa-menu{background:#F2612D;color:#fff}
}
.ss-qbank .qa-bar.open .qa-menu svg{display:none}

/* סבב 3 (13.10.2026): כרטיס "תרגול מבחן" בכחול כהה של האתר ולא כמעט שחור; הסמל בעיגול נראה */
.ss-qbank a.uqa-btn.qa-exam,.ss-qbank a.qa-m.qa-ex,.ss-qbank .qa-sheet a.qa-m.qa-ex{background:#20409A!important;border-color:#20409A!important;color:#fff!important}
.ss-qbank a.uqa-btn.qa-exam b,.ss-qbank a.qa-m.qa-ex b,.ss-qbank .qa-sheet a.qa-m.qa-ex b{background:transparent!important;color:#fff!important;min-width:0;padding:0;font-size:16px}
.ss-qbank a.uqa-btn.qa-exam:hover{background:#16234d!important;border-color:#16234d!important}
.ss-qbank .qa-sheet-h{display:none}
@media (min-width:992px){
  /* "הקודמת" ו"שאלה הבאה": כפתורים רגילים של האתר, בלי פס אפור מאחור */
  .ss-qbank .qa-nav{position:static;background:none;border-top:0;padding:0;margin:16px 0 0}
  .ss-qbank .qa-nav .pv,.ss-qbank .qa-nav .nx{flex:0 0 auto;height:44px;min-width:150px;padding:0 20px;font-size:16px;border-radius:8px}
}

/* השאלה הנוכחית במפה: מסגרת כחולה עבה שזזה עם המעבר בין השאלות. סימון "מוצגות בעמוד הזה" (עשר שאלות) כבר לא רלוונטי (13.10.2026) */
.ss-qbank .uqa-grid a.cur{font-weight:600}
.ss-qbank .uqa-grid a.cur.new{background:#fff;border-color:#dde3ec;color:#5e6b80!important}
.ss-qbank .uqa-legend .cur{display:none}
.ss-qbank .uqa-grid a.qa-cur{outline:2.5px solid #20409A;outline-offset:1px;font-weight:800;color:#16234d!important;z-index:1}