/* ============================================================
   en.css — שכבת LTR לגרסה האנגלית (/en/)
   ------------------------------------------------------------
   נטען *אחרי* style.css + immersive.css ומהפך רק את מה שקשיח
   פיזית (left/right) בעיצוב העברי. כל שאר ה-layout הוא flex/grid
   ומתהפך לבד מ-`direction: ltr`.

   ⚠️ כלל תחזוקה: כל כלל חדש ב-style.css עם left/right פיזי —
   לבדוק אם הוא צריך מראה כאן. אחרת הגרסה האנגלית תישבר בשקט.
   (לקח ביקורת 7.7: "תיקון בדף אחד = לחפש את אותו באג בכל הדפים")

   נוצר: 27.7.2026
   ============================================================ */

body.lang-en {
  direction: ltr;
}

/* ---- טופס יצירת קשר — היה text-align:right ---- */
body.lang-en .contact-form { text-align: left; }

/* ---- 🔴 טרנספורמים תלויי-כיוון ----
   אלה *לא* נתפסים בחיפוש `left`/`right` — הם חיים בתוך `transform`.
   .section-title מתגלה מ-translateX(28px): בעברית זה כניסה מצד ההתחלה
   (ימין), אבל ב-LTR זה דוחף את הכותרת 28px מעבר לקצה הימני ⇒ גלישה
   אופקית של 387px במסך 375 (נתפס ע"י qa_agent 27.7). ב-LTR נכנסים משמאל. */
body.lang-en .section-title { transform: translateX(-28px); }
body.lang-en .section-title.st-revealed { transform: translateX(0); }

/* חץ ה-CTA בהירו: הגליף עצמו הוא '←' — נכון לעברית, הפוך ל-LTR.
   (דיווח רועי 27.7: "Your journey starts here ←" הצביע אחורה.)
   גם התנועה ב-hover מתהפכת. */
body.lang-en .hero-here-btn::after { content: '→'; }
body.lang-en .hero-here-btn:hover::after { transform: translateX(4px); }

/* ---- פס התקדמות הגלילה: גדל מימין ב-RTL, משמאל ב-LTR ---- */
body.lang-en .kesem-progress { right: auto; left: 0; }

/* ---- ווידג'ט נגישות: שמאל למטה ב-RTL → ימין למטה ב-LTR ---- */
body.lang-en #access-widget { left: auto; right: 16px; direction: ltr; }
body.lang-en #access-panel  { left: auto; right: 0; }

/* ---- כפתור פרטיות (אם מוצג) ---- */
body.lang-en #privacy-btn { left: auto; right: 16px; }

/* ---- כפתור עצירת רקע הווידאו — ⛔ בכוונה בלי מראה ----
   הכלל הבסיסי ב-immersive.css הוא `left:16px`, אבל שכבת האימרסיב דורסת
   אותו ל-**מרכוז עליון** (`left:50%` + `translateX(-50%)`) — בקשת רועי
   מ-23.7. אלמנט ממורכז זהה בשתי השפות ואסור להפוך אותו.
   (באג 27.7: מיראתי את ה-`left:16px` ⇒ הכפתור נדחף ל-right:16px אבל שמר
   על ה-translateX(-50%) ⇒ ישב 565px מהמרכז. אין להחזיר כלל כאן.) */

/* ---- בר וואטסאפ + כפתור צף: ימין ב-RTL → שמאל ב-LTR ---- */
body.lang-en .wa-bar   { right: auto; left: 16px; }
body.lang-en .wa-float { right: auto; left: 16px; }

/* ---- תגית סוג מוצר על כרטיס סיור ---- */
body.lang-en .tour-tag { right: auto; left: 12px; }

/* ---- באדג' "שנות ניסיון" על תמונת האודות ---- */
body.lang-en .about-badge { left: auto; right: -20px; }

/* ---- סגירת לייטבוקס: פינה עליונה הנגדית ---- */
body.lang-en .lightbox-close { left: auto; right: 24px; }

/* ---- ✕ של תפריט המובייל: `left:1.5rem` פיזי בעיצוב העברי.
   בעברית זו הפינה הנכונה; ב-LTR כפתור סגירה שייך לימין. ---- */
body.lang-en .site-mobile-menu .close-menu { left: auto; right: 1.5rem; }

/* ---- חצי קרוסלת הביקורות: prev/next מתהפכים לוגית ב-LTR ---- */
body.lang-en.kesem-immersive .carousel-prev { right: auto; left: 14px; }
body.lang-en.kesem-immersive .carousel-next { left: auto; right: 14px; }

/* ============================================================
   מובייל — מראה לאותם כללים בגרסאות ה-media query
   ============================================================ */

@media (max-width: 768px) {
  body.lang-en .about-badge { right: 0; left: auto; }
  body.lang-en.kesem-immersive .carousel-prev { right: auto; left: 8px; }
  body.lang-en.kesem-immersive .carousel-next { left: auto; right: 8px; }
}

@media (max-width: 600px) {
  body.lang-en .wa-bar { right: auto; left: 12px; }
  body.lang-en.kesem-immersive #access-widget { left: auto; right: 12px; }
  /* .kbg-pause ממורכז גם כאן — ראה ההערה למעלה, לא נוגעים בו */
}

@media (max-width: 480px) {
  body.lang-en.kesem-immersive .carousel-prev { right: auto; left: 8px; }
  body.lang-en.kesem-immersive .carousel-next { left: auto; right: 8px; }
}

/* מתג השפה עצמו חי ב-`css/lang-switch.css` — נטען בשתי השפות. */