/* 12.11.2026: ליטוש מובייל ונגישות. נטען אחרון. אין כאן שינוי תוכן, מחיר או מבנה. הסרה: למחוק את הקישור ב-index.html */

/* מגע: בלי השהיית הקשה כפולה, וסימון הקשה עדין */
a,button,[role=button],summary,label,input,select,textarea{touch-action:manipulation}
html{-webkit-tap-highlight-color:rgba(48,92,244,.14)}
.view :is(h1,h2,h3){text-wrap:balance}
.modal-back,.rs-lightbox,.class-panel{overscroll-behavior:contain}

/* עמוד המחירים: השורות חרגו מרוחב המסך והמחיר נחתך */
.price-rows{grid-template-columns:minmax(0,1fr)}
.price-rows a{min-width:0}
.price-rows b{min-width:0;overflow-wrap:anywhere}
.price-rows strong{font-variant-numeric:tabular-nums}
@media(max-width:760px){
  .price-rows a{grid-template-columns:minmax(0,1fr) auto;column-gap:14px;row-gap:6px;align-items:start}
  .price-rows strong{white-space:normal;max-width:9.5em;line-height:1.25}
  .price-rows strong small{white-space:normal;line-height:1.45;margin-top:3px}
  .price-rows b{font-size:17px;line-height:1.35}
}

/* שדות שאלה: טקסט הרמז נשבר לשתי שורות ונחתך */
:is(.chat-input,.panel-input) textarea::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* צילומי המסך בעמוד הקורס: במובייל פס החלקה במקום עמודה של אלפי פיקסלים */
@media(max-width:700px){
  .real-screens{padding:18px 16px}
  .real-screens:not(.in-lesson) .rs-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:2px 2px 12px;margin-inline:-4px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}
  .real-screens:not(.in-lesson) .rs-card{flex:0 0 84%;scroll-snap-align:start}
  .real-screens:not(.in-lesson) .rs-head p::after{content:" אפשר להחליק הצידה לצילום הבא.";font-weight:700}
  .rs-link .btn{width:100%;justify-content:center;text-align:center}
}

/* יעדי מגע של 44 פיקסלים לפחות במסכי מגע */
@media(max-width:980px){
  .lesson-video .lv-speed button{min-width:48px;min-height:44px;padding:6px 12px;font-size:14px}
  .sz-track button{min-height:44px;padding-block:9px}
  .menu-toggle{min-width:44px;min-height:44px}
  .nav .credit-chip{min-height:44px;display:inline-flex;align-items:center}
  #view-landing.bh .bh-link{display:inline-flex;align-items:center;min-height:44px}
  .cmp-btn{min-width:44px;min-height:44px}
  #view-lesson .panel-expand,#view-lesson .panel-quick button{min-height:44px}
  #autoAdv{width:22px;height:22px}
}

/* טבלת המחירים בדף הבית: במובייל מתאימה לרוחב המסך בלי גלילה צדדית */
@media(max-width:600px){
  #view-landing.bh #coursePriceTable table{min-width:0;font-size:14px;table-layout:auto}
  #view-landing.bh #coursePriceTable :is(th,td){padding:11px 9px}
  #view-landing.bh #coursePriceTable :is(th,td):nth-child(4){display:none}
  #view-landing.bh #coursePriceTable td:nth-child(3){font-variant-numeric:tabular-nums;line-height:1.5}
}

/* הבועה הצפה של המרצה לא מכסה את סוף העמוד בשיעור */
@media(max-width:980px){#view-lesson{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}}

/* כיבוד העדפת תנועה מופחתת גם ברכיבים שנוספו אחרי ספטמבר */
@media(prefers-reduced-motion:reduce){.rs-open img,.fac-card.lp-card,.lp-card .course-scene{transition:none!important}.rs-open:hover img,.lp-card:hover .course-scene{transform:none!important}}