/* «צ׳אט הכתבים» — בעלות: wp-chat. עמודה בעמוד הבית (.chat-col) או לשונית+שכבה (.chat-tab, ובטלפון בבית גם .chat-col.chat-float) */
.chat{--chat-w:min(33vw,460px)}
.chat-panel{display:flex;flex-direction:column;min-height:0;background:var(--bg2)}
.chat-head{display:flex;align-items:center;gap:8px;padding:10px 12px 10px 16px;border-bottom:1px solid var(--line);flex:none}
.chat-head h2{flex:1;font-size:20px;font-weight:800;display:flex;align-items:center;gap:9px;line-height:1.2}
.chat-live{width:9px;height:9px;border-radius:50%;background:var(--red2);box-shadow:0 0 0 4px rgba(255,59,68,.18);animation:bl 1.2s infinite;flex:none}
.chat-x{width:44px;height:44px;flex:none;border:0;border-radius:10px;background:rgba(255,255,255,.06);color:var(--text);font-size:18px;cursor:pointer}
.chat-x:hover{background:rgba(255,255,255,.12)}
.chat-body{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
.chat-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none;padding:0 14px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.chat-pill{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:2;min-height:40px;padding:0 16px;border:0;border-radius:999px;
  background:var(--red);color:#fff;font-family:var(--hf);font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.45);white-space:nowrap}
.chat-end,.chat-gap{text-align:center;color:var(--dim);font-size:13px;padding:14px 0 18px}
.chat-gap{padding:8px 0;letter-spacing:4px;border-bottom:1px solid var(--line)}

/* פריט */
.ci{position:relative;padding:12px 0;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.55;transition:background-color .6s,box-shadow .6s;scroll-margin:12px}
.ci:focus{outline:none}
.ci:focus-visible{outline:2px solid var(--red2);outline-offset:-2px}
.ci.hit{background:rgba(225,29,38,.2);box-shadow:inset -3px 0 0 var(--red2);transition:none}
.ci.ci-new{animation:ci-in .5s ease-out}
@keyframes ci-in{from{opacity:0;transform:translateY(-6px)}}
.ci-h{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:4px;min-width:0}
.ci-av{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;background:var(--card);display:inline-grid;place-items:center;font-weight:700;color:var(--text)}
.ci-h b{color:var(--text);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ci-loc{color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ci-loc:before{content:"· "}
.ci-u{flex:none;font-family:var(--hf);font-weight:800;font-size:11.5px;color:#fff;background:var(--red);border-radius:5px;padding:1px 7px}
.ci-h time{margin-inline-start:auto;flex:none;color:var(--red2);font-weight:700;font-variant-numeric:tabular-nums}
.ci-b{overflow-wrap:anywhere}
.ci-b:after{content:"";display:block;clear:both}
.ci p{margin:0}
.ci-hl{font-family:var(--hf);font-weight:800;color:#fff}
.ci.u{box-shadow:inset -3px 0 0 var(--red)}
.ci.u .ci-hl{color:var(--red2)}
.ci.u.hit{box-shadow:inset -3px 0 0 var(--red2)}
/* תמונה/סרטון: ממוזער משמאל (~22%), מוגדל לרוחב הפריט */
.ci-m{float:left;width:22%;margin:3px 10px 4px 0;border-radius:8px;overflow:hidden;background:var(--card);transition:width .25s ease}
.ci-th{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;min-height:40px}
.ci-th img,.ci-noposter{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.ci-noposter{background:linear-gradient(135deg,var(--card),var(--bg))}
.ci-play{position:absolute;inset:0;margin:auto;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.6);box-shadow:0 0 0 2px rgba(255,255,255,.85)}
.ci-play:after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #fff}
.ci-m figcaption{display:none}
.ci-m.big{float:none;width:100%;margin:6px 0 8px}
.ci-m.big .ci-th{cursor:default}
.ci-m.big .ci-th img{aspect-ratio:auto;max-height:70vh;object-fit:contain;background:#000}
.ci-m.big .ci-play{width:52px;height:52px}
.ci-video{display:block;width:100%;max-height:70vh;background:#000}
.ci-m.big figcaption{display:block;padding:6px 10px;font-size:12.5px;color:var(--muted);line-height:1.4}
.ci-m.big figcaption span{color:var(--dim)}
.ci-toart{display:flex;align-items:center;gap:6px;min-height:40px;margin-top:4px;padding:4px 0;font-size:14px;color:var(--red2);line-height:1.35}
.ci-toart b{flex:none;font-weight:700}
.ci-toart span{flex:1;min-width:0;color:var(--muted);font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ci-toart span:before{content:"· "}
.ci-toart i{flex:none;font-style:normal;font-weight:700}
.ci-toart:hover span{text-decoration:underline}

/* עמודה בעמוד הבית: הרקע/המסגרת נמשכים לכל גובה הטור עד «זמני היום»; הפאנל דביק בגובה המסך עם גלילה פנימית */
.chat-col{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);min-width:0}
.chat-col .chat-panel{background:transparent;border-radius:var(--r)}
.chat-col:not(.chat-float) .chat-x{display:none}
.chat-col:not(.chat-float) .chat-head{padding-inline:16px}
@media (min-width:1040px){
  .chat-col{flex:1 0 auto;display:flex;flex-direction:column}
  .chat-col .chat-panel{position:sticky;top:calc(var(--hdr) + 12px);height:calc(100vh - var(--hdr) - 24px);height:calc(100dvh - var(--hdr) - 24px)}
  .chat-col .chat-handle{display:none}
}
/* טלפון/טאבלט: העמודה בתוך הזרימה — 6 פריטים אחרונים בלי גלילה פנימית (לא «לוכדת» את גלילת הדף), ומתחתם «לכל הצ׳אט» → שכבה */
.chat-more{display:none}
@media (max-width:1039px){
  .chat-col:not(.chat-float) .chat-list{overflow:visible;overscroll-behavior:auto;max-height:none}
  .chat-col:not(.chat-float) .chat-list>.ci:nth-of-type(n+7),.chat-col:not(.chat-float) .chat-list>:is(.chat-end,.chat-gap){display:none}
  .chat-col:not(.chat-float) .chat-more{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 28px);min-height:48px;margin:6px 14px 14px;
    border:1px solid var(--line2);border-radius:10px;background:rgba(255,255,255,.06);color:var(--text);font-family:var(--hf);font-weight:700;font-size:16px;cursor:pointer}
  .chat-col:not(.chat-float) .chat-more:hover{background:rgba(255,255,255,.12)}
  .chat-col:not(.chat-float) .chat-more b{color:var(--red2)}
}

/* לשונית קבועה בקצה השמאלי: פס גלוי של 40px (בטלפון 30px) צמוד לקצה, בתוך יעד מגע של 44px (בטלפון 40px).
   flex-end ב-RTL = שמאל: הפס צמוד ל-left:0, והחלק השקוף של יעד המגע נשאר בתוך שולי התוכן (--chat-gut) ולא מעל הטקסט */
.chat-handle{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:var(--z-tab);width:44px;min-height:164px;padding:0;border:0;background:none;cursor:pointer;
  display:flex;align-items:stretch;justify-content:flex-end;-webkit-tap-highlight-color:transparent}
.chat-handle-t{width:40px;display:flex;align-items:center;justify-content:center;padding:14px 0;border-radius:0 12px 12px 0;background:var(--red);color:#fff;
  font-family:var(--hf);font-weight:800;font-size:16px;letter-spacing:.3px;white-space:nowrap;box-shadow:4px 6px 20px rgba(0,0,0,.45);
  writing-mode:vertical-rl;transform:rotate(180deg)}   /* קריאה מלמעלה למטה: «צ» למעלה */
.chat-handle:hover .chat-handle-t{background:var(--red2)}
.chat-handle:focus-visible{outline:none}
.chat-handle:focus-visible .chat-handle-t{outline:3px solid #fff;outline-offset:-5px}
.chat-dot{position:absolute;top:-5px;left:22px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--red);animation:bl 1.2s infinite}
.chat-cnt{position:absolute;top:-10px;left:20px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#fff;color:var(--red);font-size:12.5px;font-weight:800;
  display:grid;place-items:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--red)}
.chat-cnt:not([hidden])~.chat-dot,.chat-dot:has(~.chat-cnt:not([hidden])){display:none}

/* שכבה: נפתחת משמאל על כשליש הדף, מעל הכתבה; הגלילה של הדף לא ננעלת */
.chat-tab .chat-panel,.chat-float .chat-panel{position:fixed;left:0;top:0;bottom:0;z-index:var(--z-overlay);width:var(--chat-w);min-width:320px;max-width:100vw;
  height:auto;border-radius:0 0 0 0;border-right:1px solid var(--line2);background:var(--bg2);box-shadow:16px 0 44px rgba(0,0,0,.6);padding-top:env(safe-area-inset-top);
  transform:translateX(-102%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s}
.chat.open .chat-panel{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s}
.chat-tab .chat-list,.chat-float .chat-list{padding-bottom:calc(16px + env(safe-area-inset-bottom))}
.chat.open .chat-handle{visibility:hidden}
@media (max-width:700px){
  /* בטלפון נשאר פס כתבה של 85px+ משמאל ללחיצה שסוגרת */
  .chat-tab .chat-panel,.chat-float .chat-panel{width:78vw;max-width:320px;min-width:0}
  .chat-handle{width:40px;min-height:132px}
  .chat-handle-t{width:30px;font-size:14px;padding:10px 0}
  .chat-dot{left:17px}.chat-cnt{left:12px}
}
/* שוליים בגודל הלשונית: הטקסט לא רץ מתחתיה (כתבה, רשימות, ובבית מתחת ל-1040px שבו מופיעה הלשונית הצפה).
   ‎.wrap‎ ממורכז ב-1280px — במסך רחב השוליים החיצוניים כבר מספיקים, ולכן max() */
body:has(.chat-tab),body:has(.chat-col){--chat-gut:48px}
@media (max-width:700px){body:has(.chat-tab),body:has(.chat-col){--chat-gut:40px}}
body:has(.chat-tab) :is(main,footer .wrap){padding-left:max(16px,calc(var(--chat-gut) - max(0px,(100vw - 1280px) / 2)))}
@media (max-width:1039px){body:has(.chat-col) :is(main,footer .wrap){padding-left:var(--chat-gut)}}
@media (prefers-reduced-motion:reduce){.chat-panel{transition:none!important}.ci.ci-new{animation:none}}