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

/* ---------- הקטע הראשי ---------- */
#view-home:not(#_):not(#__).on>.verdict{position:relative;display:flex;align-items:center;padding:0;background:#fdfbf6;color:#14233a}
#view-home:not(#_):not(#__).on>.verdict::before{content:"";position:absolute;inset-inline:0;top:0;height:5px;background:linear-gradient(90deg,#17457F 0 49%,#e5c783 49% 51%,#C0392B 51% 100%)}
#view-home:not(#_):not(#__) .verdict>.wrap{width:100%;max-width:none;padding-inline:clamp(14px,2vw,32px)}
#view-home:not(#_):not(#__) .verdict .verdict-in{position:relative;width:100%;padding:12px 0 0;border:0;border-radius:0;background:none;color:#14233a;box-shadow:none;overflow:visible}
#view-home:not(#_):not(#__) .verdict .verdict-in::before{content:none}
#view-home:not(#_):not(#__) .verdict .verdict-top{padding-bottom:6px;border-bottom:1px solid #1023461a}
#view-home:not(#_):not(#__) .verdict .eyebrow{color:#855a0c;font-size:.78rem;font-weight:800;letter-spacing:.05em}
#view-home:not(#_):not(#__) .verdict .edition-label{color:#586575}

/* שלוש עמודות: גוש ימין | מרכז | גוש שמאל */
#view-home:not(#_):not(#__) .verdict .election-hero.fs-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:stretch;padding:8px 0 4px}
.fs-center{display:grid;align-content:center;justify-items:center;gap:6px;min-width:0;text-align:center}
#view-home:not(#_):not(#__) .fs-center .election-copy{display:grid;justify-items:center;gap:2px;min-width:0}
#view-home:not(#_):not(#__) .fs-center .hero-overline{margin:0;color:#855a0c;font-size:.78rem;font-weight:800}
#view-home:not(#_):not(#__) .fs-center #verdict-head{margin:0;font-size:clamp(2.1rem,6.4dvh,4rem);font-weight:900;line-height:1;letter-spacing:-.05em;color:#14233a}
#view-home:not(#_):not(#__) .fs-center #verdict-head em{display:block;margin-top:2px;font-style:normal;color:#855a0c}
#view-home:not(#_):not(#__) .fs-center .forecast-headline{max-width:none;margin:4px 0 0;font-size:clamp(.95rem,2.3dvh,1.2rem);line-height:1.45;font-weight:700;color:#3a4859}
#view-home:not(#_):not(#__) .fs-center .forecast-headline em{color:#14233a;font-style:normal}
#view-home:not(#_):not(#__) .fs-center .hero-description{display:none}
#view-home:not(#_):not(#__) .fs-center .hero-cta{justify-content:center;margin-top:6px}
#view-home:not(#_):not(#__) .fs-center .show-btn{padding:10px 18px;border:0;border-radius:999px;background:var(--champagne,linear-gradient(110deg,#f1d99d,#d1ad62));color:#14233a;font-size:.86rem;font-weight:800;box-shadow:0 10px 22px -12px #b8862b}
#view-home:not(#_):not(#__) .fs-center .show-btn .play{display:inline-grid;place-items:center;width:22px;height:22px;margin-inline-end:6px;border-radius:50%;background:#14233a;color:#f6e7bd;font-size:.58rem}
#view-home:not(#_):not(#__) .fs-center .hero-link{font-size:.82rem;font-weight:700;color:#3a4859}
#view-home:not(#_):not(#__) .fs-center .election-visual{width:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
#view-home:not(#_):not(#__) .fs-center .visual-topline,#view-home:not(#_):not(#__) .fs-center .visual-footnote,#view-home:not(#_):not(#__) .fs-center .sm-top,#view-home:not(#_):not(#__) .fs-center .sm-parties{display:none}
#view-home:not(#_):not(#__) .fs-center .home-hemicycle{margin:0 auto;max-width:none}
#view-home:not(#_):not(#__) .fs-center .seatmap{gap:6px}
#view-home:not(#_):not(#__) .fs-center .seatmap svg{width:100%;max-width:none;height:auto;max-height:none}
#view-home:not(#_):not(#__) .fs-center .seatmap .hemicycle-total{font-size:70px}

/* עמודת גוש */
.fs-side{--avail:calc(100dvh - var(--masthead-h,81px));--ph:clamp(46px,calc((var(--avail) - 200px) / var(--rows,7) - 8px),128px);display:grid;align-content:start;gap:8px;min-width:0}
.fs-head{display:flex;align-items:baseline;gap:12px;padding-bottom:6px;border-bottom:3px solid var(--bc)}
.fs-total{font-size:clamp(2.4rem,6.4dvh,3.6rem);line-height:.9;font-weight:900;letter-spacing:-.05em;color:var(--bc);font-variant-numeric:tabular-nums}
.fs-head span{font-size:clamp(1rem,2.4dvh,1.25rem);font-weight:800;color:#14233a;line-height:1.2}
.fs-rows{display:grid;gap:clamp(3px,.8dvh,8px)}
.fs-row{display:grid;grid-template-columns:var(--ph) minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:2px 6px 2px 2px;border:0;border-radius:12px;background:transparent;font:inherit;color:inherit;text-align:start;cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s}
.fs-row:hover,.fs-row:focus-visible{background:color-mix(in srgb,var(--bc) 9%,#fff);box-shadow:0 6px 16px -10px #0a1c33a0;transform:translateY(-1px)}
.fs-row:focus-visible{outline:2px solid var(--bc);outline-offset:1px}
.fs-photo{display:block;width:var(--ph);height:var(--ph);border:3px solid var(--bc);border-radius:14px;overflow:hidden;background:#f2ede2}
.fs-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 14%}
.fs-info{display:grid;gap:0;min-width:0;align-content:center}
.fs-name{font-size:clamp(1rem,2.5dvh,1.3rem);font-weight:800;line-height:1.2;color:#14233a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs-leader{font-size:clamp(.74rem,1.6dvh,.88rem);line-height:1.25;color:#5b6877;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs-barline{display:flex;align-items:center;gap:8px;margin-top:3px;min-width:0}
.fs-bar{flex:none;display:block;width:calc((100% - 86px) * var(--wf));min-width:0;height:max(16px,calc(var(--ph) * .36));border-radius:6px;background:var(--bc)}
.fs-row:not(.is-below) .fs-bar{min-width:6px}
.fs-n{flex:none;font-size:max(1.5rem,calc(var(--ph) * .46));line-height:1;font-weight:900;letter-spacing:-.03em;color:#14233a;font-variant-numeric:tabular-nums}
.fs-d{flex:none;font-style:normal;font-size:.72rem;font-weight:800;color:#6b7683}
.fs-d.up{color:#3b8a68}.fs-d.down{color:#b4524a}
.fs-row.is-below .fs-n{font-size:1rem;color:#7b8591}
.fs-row.is-below .fs-photo{opacity:.7;filter:grayscale(.4)}
/* גוש שמאל: ראי — הדיוקן בקצה השמאלי, והפס גדל ימינה לכיוון האמצע */
.fs-left .fs-row{direction:ltr}
.fs-left .fs-name,.fs-left .fs-leader{direction:rtl;text-align:left}
.fs-left .fs-head{direction:ltr;justify-content:flex-start}
.fs-left .fs-head span{direction:rtl}
#view-home:not(#_):not(#__) .board[hidden]{display:none!important}

/* בקרות: תחזית/משוקלל ותאריך */
#view-home:not(#_):not(#__) .verdict .home-forecast-controls{padding:8px 0 10px;border-top:1px solid #1023461a;color:#3a4859}
#view-home:not(#_):not(#__) .verdict .home-switch{border:1px solid #d3c9b7;background:#f3eee4}
#view-home:not(#_):not(#__) .verdict .home-switch button{color:#3a4859}
#view-home:not(#_):not(#__) .verdict .home-switch button[aria-pressed="true"]{background:var(--champagne,linear-gradient(110deg,#f1d99d,#d1ad62));color:#14233a}
#view-home:not(#_):not(#__) .verdict .home-history-pick span{color:#586575}

/* מחשב נייד: הקטע כולו במסך אחד */
@media (min-width:901px) and (max-height:800px){
  #view-home:not(#_):not(#__) .verdict .verdict-in{padding:6px 0 0}
  #view-home:not(#_):not(#__) .verdict .verdict-top{padding-bottom:4px}
  #view-home:not(#_):not(#__) .verdict .election-hero.fs-hero{padding:4px 0 2px;gap:16px}
  #view-home:not(#_):not(#__) .fs-center .hero-overline{display:none}
  #view-home:not(#_):not(#__) .fs-center .seatmap svg{max-width:min(100%,calc((100dvh - var(--masthead-h,81px) - 300px) * 1.95));max-height:none}
  .fs-barline{margin-top:1px}
  #view-home:not(#_):not(#__) .fs-center .sm-votes,#view-home:not(#_):not(#__) .fs-center .sm-bar.thin{display:none}
  #view-home:not(#_):not(#__) .verdict .home-forecast-controls{padding:4px 0 6px}
  #view-home:not(#_):not(#__) .verdict .home-switch button{min-height:26px;padding:4px 12px}
  .fs-head{padding-bottom:3px}
}
@media (max-width:900px){
  #view-home:not(#_):not(#__) .verdict .election-hero.fs-hero{grid-template-columns:minmax(0,1fr)}
  .fs-center{order:-1}
  .fs-side{--ph:64px}
}

/* הכפתור הראשי יושב בשורת הבקרות, כדי שהקטע כולו ייכנס במסך אחד */
#view-home:not(#_):not(#__) .verdict .home-forecast-controls .hero-cta{margin:0 auto 0 0;justify-content:flex-end;gap:14px}
#view-home:not(#_):not(#__) .verdict .home-forecast-controls .show-btn{padding:10px 18px;border:0;border-radius:999px;background:var(--champagne,linear-gradient(110deg,#f1d99d,#d1ad62));color:#14233a;font-size:.86rem;font-weight:800;box-shadow:0 10px 22px -12px #b8862b}
#view-home:not(#_):not(#__) .verdict .home-forecast-controls .show-btn .play{display:inline-grid;place-items:center;width:22px;height:22px;margin-inline-end:6px;border-radius:50%;background:#14233a;color:#f6e7bd;font-size:.58rem}
#view-home:not(#_):not(#__) .verdict .home-forecast-controls .hero-link{font-size:.82rem;font-weight:700;color:#3a4859}

/* מסך נמוך מאוד (כמו 650 פיקסלים): בלי שורת המנהיג, כדי שהכול ייכנס מתחת לכותרת העליונה */
@media (min-width:901px) and (max-height:700px){
  .fs-leader{display:none}
  .fs-rows{gap:3px}
  .fs-bar{height:max(14px,calc(var(--ph) * .32))}
  #view-home:not(#_):not(#__) .verdict .verdict-top{padding-bottom:2px}
  #view-home:not(#_):not(#__) .verdict .home-forecast-controls{padding:4px 0 6px}
}

/* כותרת: ״תחזית״ + הלוגו; שורת העדכון, קדימון והרצת המודל */
#view-home:not(#_):not(#__) .fs-center .fs-title{display:inline-flex;align-items:center;justify-content:center;gap:clamp(10px,1.4vw,20px);margin:0;padding:clamp(8px,1.6dvh,14px) clamp(18px,2vw,32px);border-radius:14px;background:linear-gradient(110deg,#12345c,#0a1c33);box-shadow:0 14px 30px -18px #0a1c33,0 0 0 1px #e5c78344 inset;font-size:inherit;line-height:1}
.fs-title-word{font-size:clamp(1.6rem,5.4dvh,3rem);font-weight:900;letter-spacing:-.03em;color:#f6e7bd}
.fs-title-logo{display:block;width:auto;height:clamp(30px,6.6dvh,58px)}
.fs-updated{margin:8px 0 0;font-size:clamp(.88rem,1.9dvh,1.05rem);font-weight:700;color:#3a4859}
.fs-teaser{display:inline-flex;align-items:center;gap:10px;margin:6px 0 0;padding:6px 16px;border-radius:999px;background:#fbf4e3;border:1px solid #d1ad62;font-size:clamp(.88rem,1.9dvh,1.05rem);font-weight:800;color:#855a0c}
.fs-teaser[hidden]{display:none}
.fs-teaser::before{content:"";width:10px;height:10px;border-radius:50%;background:#d1ad62;animation:fs-blink 1.1s ease-in-out infinite}
@keyframes fs-blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
#view-home:not(#_):not(#__) .verdict .home-forecast-controls .show-btn{display:inline-flex;align-items:center}

/* ההרצה: שכבה עם הלוגו והשלבים */
.fs-run{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#fdfbf6;transition:opacity .45s}
.fs-run.is-out{opacity:0}
.fs-run-box{display:grid;justify-items:center;gap:14px;width:min(520px,86%);text-align:center}
.fs-run-logo{display:grid;place-items:center;padding:12px 28px;border-radius:14px;background:linear-gradient(110deg,#12345c,#0a1c33)}
.fs-run-logo img{display:block;height:clamp(34px,7dvh,56px);width:auto}
.fs-run-box>b{font-size:clamp(1.3rem,3.2dvh,1.9rem);font-weight:900;color:#14233a}
.fs-run-box ol{display:grid;gap:8px;margin:0;padding:0;list-style:none;text-align:start}
.fs-run-box li{display:flex;align-items:center;gap:10px;font-size:clamp(1rem,2.3dvh,1.2rem);font-weight:700;color:#8a95a3;opacity:.55;transition:opacity .25s,color .25s}
.fs-run-box li i{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;border:2px solid #cdbf9f;font-style:normal;font-size:.8rem;color:transparent;transition:background .2s,color .2s,border-color .2s}
.fs-run-box li.is-on{opacity:1;color:#14233a}
.fs-run-box li.is-on i{border-color:#d1ad62;animation:fs-blink .7s ease-in-out infinite}
.fs-run-box li.is-done{opacity:1;color:#14233a}
.fs-run-box li.is-done i{background:#2a7a5e;border-color:#2a7a5e;color:#fff}
.fs-run-bar{width:100%;height:8px;border-radius:4px;background:#e9e2d4;overflow:hidden}
.fs-run-bar i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#d1ad62,#b8862b);transition:width .7s ease}

/* אחרי ההרצה: הפסים גדלים והמושבים נדלקים */
@keyframes fs-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes fs-seat{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}
@keyframes fs-photo-in{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
.fs-hero.fs-reveal .fs-bar{transform-origin:100% 50%;animation:fs-grow .8s ease-out both;animation-delay:calc(var(--i,0) * 90ms + .2s)}
.fs-hero.fs-reveal .fs-left .fs-bar{transform-origin:0 50%}
.fs-hero.fs-reveal .fs-photo{animation:fs-photo-in .5s ease both;animation-delay:calc(var(--i,0) * 90ms)}
.fs-hero.fs-reveal .seatmap .seat{transform-box:fill-box;transform-origin:center;animation:fs-seat .45s ease-out both}
@media (prefers-reduced-motion:reduce){.fs-hero.fs-reveal *{animation:none!important}.fs-teaser::before{animation:none}}

/* כותרת בסגנון לוגו: מעטפה קבועה בתוך פתח הקלפי, ״בחירות 2026״ */
.fs-ballot{display:block;flex:none;width:clamp(40px,7.4dvh,66px);height:auto;overflow:visible}
.fs-title-text{display:grid;justify-items:start;gap:0;line-height:1}
.fs-title-word{font-size:clamp(1.3rem,4.2dvh,2.3rem);font-weight:900;letter-spacing:-.02em;color:#f6e7bd}
.fs-title-year{font-size:clamp(2rem,7dvh,3.8rem);font-weight:900;letter-spacing:.02em;color:#fff;background:linear-gradient(180deg,#fff 30%,#e5c783);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* כותרת על רקע בהיר: קלפי כחולה עם פתק, ״בחירות 2026״ בכחול */
#view-home:not(#_):not(#__) .fs-center .fs-title{background:none;box-shadow:none;padding:0;gap:clamp(10px,1.4vw,18px)}
.fs-ballot{width:clamp(56px,10dvh,92px)}
.fs-title-word{color:#17457F}
.fs-title-year{background:none;-webkit-text-fill-color:#17457F;color:#17457F;letter-spacing:0}

/* Central forecast: clear headline, bloc totals and a restrained seat map. */
#view-home:not(#_):not(#__) .fs-center{align-content:center;gap:26px;padding-block:20px}
#view-home:not(#_):not(#__) .fs-center .election-copy{gap:8px}
#view-home:not(#_):not(#__) .fs-center #verdict-head{font-size:1.05rem;line-height:1.3;font-weight:650;letter-spacing:0;color:#69778a}
#view-home:not(#_):not(#__) .fs-center .forecast-headline{max-width:25ch;margin:0;font-size:clamp(1.5rem,2.15vw,2rem);line-height:1.3;font-weight:800;color:#14233a;text-wrap:balance}
#view-home:not(#_):not(#__) .fs-updated{margin:0;font-size:.82rem;font-weight:500;color:#69778a}
#view-home:not(#_):not(#__) .fs-teaser{margin:0;padding:0;border:0;background:none;font-size:.82rem;font-weight:600}
#view-home:not(#_):not(#__) .fs-teaser::before{display:none}
#view-home:not(#_):not(#__) .fs-center .election-visual{position:relative;display:grid;justify-items:center;gap:22px;overflow:visible}
#view-home .fs-center .election-visual::before{content:none}
#view-home:not(#_):not(#__) .fs-center .home-hemicycle{width:100%;max-width:540px;margin:0}
#view-home:not(#_):not(#__) .fs-center .seatmap{gap:0}
#view-home:not(#_):not(#__) .fs-center .seatmap svg{width:100%;max-width:none;max-height:none}
#view-home:not(#_):not(#__) .fs-center :is(.sm-bar,.sm-votes){display:none}
#view-home .fs-center .seatmap svg:hover .seat{opacity:1}
#view-home .fs-center .fs-chart-total{fill:#26374d;font-size:44px;font-weight:650;font-variant-numeric:tabular-nums}
#view-home .fs-center .fs-chart-caption{fill:#69778a;font-size:13px;font-weight:500}
#view-home:not(#_):not(#__) .fs-center .election-visual .readout{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none;grid-row:auto;grid-column:auto;width:100%;max-width:500px;margin:0;padding:0;gap:0}
#view-home:not(#_):not(#__) .fs-center .readout .rd{display:flex;flex-direction:column;align-items:center;gap:7px;padding:0 12px;border-inline-end:1px solid #dce1e6}
#view-home:not(#_):not(#__) .fs-center .readout .rd:last-child{border:0}
#view-home:not(#_):not(#__) .fs-center .readout .rd b{order:-1;font-size:2.5rem;line-height:1;font-weight:800;color:var(--dot);letter-spacing:-.03em}
#view-home:not(#_):not(#__) .fs-center .readout .rd .rd-lbl{font-size:.8rem;line-height:1.4;font-weight:600;color:#526074;white-space:normal}
#view-home:not(#_):not(#__) .fs-center .readout .rd-lbl i{width:6px;height:6px;border-radius:50%}

/* קישור טקסט פשוט מתחת למפת המושבים: יורד לסימולציה */
#view-home .fs-learn{margin:6px 0 0;text-align:center}
#view-home .hero-link.hero-learn{appearance:none;display:inline;background:none;border:0;padding:0;min-height:0;font:inherit;font-size:.9rem;font-weight:800;color:#855a0c;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#view-home .hero-link.hero-learn:hover{color:#14233a}
#view-home .hero-link.hero-learn span{display:inline;width:auto;height:auto;border:0;font-size:1em}
