/* ===== שפה וכיווניות =====
   כפתורי החלפת השפה, והתאמות לגרסה האנגלית (משמאל לימין).
   רוב הפריסה מתהפכת לבד לפי dir. כאן רק מה שהוגדר בקוד עם ימין/שמאל מפורשים, וגדלים שתלויים באורך הטקסט. */

/* כפתור השפה מציג את השפה שאליה עוברים */
.lang-en { display: none; }
html[lang="en"] .lang-he { display: none; }
html[lang="en"] .lang-en { display: inline; }

/* בדסקטופ: כפתור בתפריט העליון. בנייד: שורה בתחתית התפריט הנפתח, כדי לא להעמיס על התפריט העליון */
.nav__lang { display: none; font-family: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; }
html[lang="en"] .nav__lang { font-family: var(--body); font-size: 15px; letter-spacing: 0; }
@media (min-width: 1000px) { .nav__lang { display: grid; } }

.menu__lang { display: flex; align-items: center; gap: 12px; width: 100%; margin-top: 14px; padding: 11px 10px; border-radius: 12px; font-family: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif; font-size: 16px; font-weight: 600; color: rgba(255, 255, 255, 0.85); background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.18); }
html[lang="en"] .menu__lang { font-family: var(--body); font-size: 18px; }
.menu__lang svg { flex: none; width: 36px; height: 36px; padding: 8px; border-radius: 10px; color: var(--gold-hi); stroke-width: 1.7; }
html[data-theme="light"] .menu__lang { color: var(--text); background: rgba(21, 33, 47, 0.05); border-color: rgba(21, 33, 47, 0.14); }
html[data-theme="light"] .menu__lang svg { color: var(--gold); }

/* שם המכינה באנגלית ארוך יותר: בטלפונים צרים מוצגת רק המילה הראשונה */
@media (max-width: 480px) { .nav__name-rest { display: none; } }

/* שום אלמנט שנכנס מהצד לא אמור להרחיב את העמוד לרוחב */
html { overflow-x: clip; }

/* ----- התאמות לאנגלית ----- */
/* אלמנטים שנכנסים מהצד מגיעים משמאל, כדי לא ליצור גלילה אופקית */
html[dir="ltr"] .reveal--side { transform: translateX(-40px); }
html[dir="ltr"] .reveal--side.is-in { transform: none; }
html[dir="ltr"] .skip { right: auto; left: 12px; }
html[dir="ltr"] .progress span { transform-origin: left; }

/* כותרות: האנגלית ארוכה יותר, ולכן הגדלים קטנים מעט כדי להישאר בשורה אחת */
html[dir="ltr"] h2 { letter-spacing: 0.01em; }
html[dir="ltr"] h2.duo { font-size: clamp(28px, 9.4vw, 80px); }
html[dir="ltr"] .sec h2.place__big { font-size: min(8.9vw, 118px); }
html[dir="ltr"] .member h3 { font-size: 20px; }
@media (min-width: 1000px) { html[dir="ltr"] .member h3 { font-size: 26px; } }
html[dir="ltr"] .nav__links a { font-size: 21px; padding-inline: 10px; }
html[dir="ltr"] .head__text .eyebrow { direction: ltr; }
@media (min-width: 860px) { html[dir="ltr"] #head .eyebrow, html[dir="ltr"] #head h2 { text-align: left; } }

/* התפריט הנפתח בנייד נפתח מצד שמאל */
html[dir="ltr"] .menu__panel { right: auto; left: 0; border-left: 0; border-right: 1px solid rgba(255, 255, 255, 0.26); box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.12), 18px 0 50px rgba(0, 0, 0, 0.5); animation-name: panelInLtr; }
@keyframes panelInLtr { from { transform: translateX(-100%); } }
html[dir="ltr"] .menu .menu__panel nav a { text-align: left; }
html[dir="ltr"][data-theme="light"] .menu__panel { border-right-color: rgba(21, 33, 47, 0.12); box-shadow: 18px 0 50px rgba(30, 22, 5, 0.3); }

/* קו הרקיע מצטייר משמאל לימין, כיוון הקריאה */
html[dir="ltr"] .trail svg { transform: scaleX(-1); }

/* קווי ההפרדה: בהירים ליד המרכז ונמוגים לקצוות, גם כשהסדר מתהפך */
html[dir="ltr"] .rule__line { background: linear-gradient(90deg, var(--gold), rgba(201, 162, 75, 0)); }
html[dir="ltr"] .rule__line:first-child { background: linear-gradient(270deg, var(--gold), rgba(201, 162, 75, 0)); }

/* משולש ההפעלה: ההזחה האופטית נשארת לכיוון ימין */
html[dir="ltr"] .yt__play svg { margin-inline-start: 0; margin-inline-end: -2px; }
html[dir="ltr"] .reel .yt__play svg { margin-inline-end: -1px; }

/* קרוסלת התמונות: החצים מתחלפים בצדדים */
html[dir="ltr"] .cover__arrow--prev { right: auto; left: 8px; }
html[dir="ltr"] .cover__arrow--next { left: auto; right: 8px; }
html[dir="ltr"] .cover__arrow svg { transform: scaleX(-1); }
@media (min-width: 900px) {
  html[dir="ltr"] .cover__arrow--prev { left: 10%; }
  html[dir="ltr"] .cover__arrow--next { right: 10%; }
}

/* "המקום": ההכהיה נמצאת בצד שבו הטקסט מתחיל */
html[dir="ltr"] .place__shade { background: linear-gradient(270deg, rgba(10, 22, 38, 0.2), rgba(10, 22, 38, 0.88) 70%), linear-gradient(180deg, var(--bg), transparent 20%, transparent 80%, var(--bg)); }

/* שלבי המיון: הקו המחבר עובר דרך ריבועי המספרים, שנמצאים עכשיו משמאל */
html[dir="ltr"] .steps::before { right: auto; left: 43px; }
@media (min-width: 860px) {
  html[dir="ltr"] .steps::before { left: 8%; right: 8%; transform-origin: left; background: linear-gradient(90deg, var(--gold), rgba(201, 162, 75, 0.15)); }
}

/* סרגל הנקודות עובר לצד ימין, כדי שהתוויות שלו לא יעלו על טקסט שמתחיל משמאל */
@media (min-width: 1000px) {
  html[dir="ltr"] .rail { left: auto; right: 22px; }
  html[dir="ltr"] .rail__dot span { left: auto; right: 22px; transform: translateY(-50%) translateX(6px); }
  html[dir="ltr"] .rail__dot.is-active span { transform: translateY(-50%) scale(0.69); transform-origin: right center; }
  html[dir="ltr"] .rail__dot:hover span { transform: translateY(-50%); }
}

/* שאלות נפוצות וטופס */
html[dir="ltr"] .qa__q { text-align: left; }
html[dir="ltr"] .field label { right: auto; left: 16px; }
html[dir="ltr"] .field input[dir="ltr"] { text-align: left; }
html[dir="ltr"] .submit svg { scale: -1 1; }

/* גוף הטקסט באנגלית: גופן מערכת נקי, מעט קטן יותר, כי אותיות לטיניות נראות גדולות יותר באותו גודל */
html[dir="ltr"] body { font-size: 16.5px; }
html[dir="ltr"] #mechina .body { font-weight: 400; }
html[dir="ltr"] .dock__item { font-size: 12px; }