/* ── עוקף כיווניות לגרסאות הלועזיות ─────────────────────────────
   נטען רק ב-/en ו-/fr. הקוד העברי לא משתנה כלל, ולכן אין דרך
   שהשינויים כאן יגרמו רגרסיה באתר החי.

   dir="ltr" אינו מהפך נכסים פיזיים (left/right). מתוך 35 הכללים
   הפיזיים באתר, רק אלה שלמטה *צריכים* להתהפך. השאר — חיצי הרילס,
   סגירת הלייטבוקס והכרום הצף — פיזיים במכוון ונשארים.
   ──────────────────────────────────────────────────────────── */

/* קו תחתון בניווט: מתחיל מקצה תחילת השורה, ובלטינית זה שמאל */
.main-nav a::after { right: auto; left: 0; }

/* תפריט מובייל נצמד לקצה שבו יושב ההמבורגר */
.mobile-nav { right: auto; left: 0; }

/* פאנל ההדמיות נכנס מהצד הנגדי לכיוון הקריאה */
.off-canvas-panel { left: auto; right: 0; transform: translateX(100%); }
.off-canvas-panel.open { transform: translateX(0); }
.off-canvas-close { right: auto; left: 15px; }

/* חצי הלייטבוקס: "הקודם" תמיד לכיוון תחילת הקריאה */
.lightbox-prev { right: auto; left: 20px; }
.lightbox-next { left: auto; right: 20px; }

/* הזחת תבליטים — padding-right בעברית הוא padding-left בלטינית */
.acc-a ul { padding-right: 0; padding-left: 20px; }

/* מספרים וסימני מטבע נשארים LTR גם כשהם מוקפים טקסט */
.model-price, .mp-facade, .yt-badge, .header-phone { direction: ltr; }

/* ── ניווט עליון בשפות לטיניות ─────────────────────────────────
   בעברית לסרגל יש 2 פריטים דו-מיליים, באנגלית 4 ובצרפתית 7,
   ובלי nowrap הם נשברו לשתי שורות. נמדד: צרפתית ברוחב 1280 לא רק
   נשברה אלא גם גלשה אופקית (docW 1387).

   nowrap לבדו היה הופך שבירה־לשורה לגלישה־החוצה, ולכן הוא מגיע
   יחד עם ריפוד מוקטן ועם תוויות מקוצרות בקטלוג. 11px ולא 9px:
   9 חוסך עוד 36px אבל מצמיד את הפריטים מדי. */
.main-nav a {
  white-space: nowrap;
  padding-inline: 11px;
}

/* ה-72px נועדו להרחיק את הניווט מהלוגו בעברית, שם המילים קצרות.
   בלטינית הם 72px שאין מהיכן לקחת: נמדד שהניווט הצרפתי דורש 1357px
   מול 1315 שיש, כלומר גלישה. 16px שומרים על הפרדה בלי לשלם. */
.main-nav { padding-inline-start: 16px; }

/* צרפתית דורשת סף גבוה יותר — המילים פשוט ארוכות יותר. נמדד:
   הניווט הצרפתי דורש 1317px, ולכן סף 1280 עדיין הוליד גלישה
   ברוחב 1281. הסף עלה שוב ל-1380 אחרי שהמספר הבינלאומי הרחיב את
   מקבץ הטלפון ב-131px. */
@media (max-width: 1479px) {
  html[lang="fr"] .main-nav { display: none; }
  html[lang="fr"] .hamburger { display: flex; }
}

/* המספר הבינלאומי רחב ממספר קיצור ב-131px, וזה לבדו החזיר את הגלישה
   אחרי שהניווט כבר תוקן. המילה "Call"/"Appeler" מיותרת כשיש אייקון
   טלפון לצידה, וה-aria-label ממילא נושא את הניסוח המלא לקורא מסך. */
.header-phone .hp-label { display: none; }
/* רק מדסקטופ ומעלה: מתחת ל-768 shared.css כבר מקטין את הטלפון,
   ו-18px כאן החזיקו אותו רחב ו הגלישו את ההדר הלועזי במובייל. */
@media (min-width: 768px) { .header-phone .hp-num { font-size: 18px; } }
/* מובייל: המספר הבינלאומי רחב 171px מול 57 של מספר קיצור, וזה לבדו
   הגליש את ההדר הלועזי ב-95px ברוחב 375. האייקון נשאר קישור חיוג
   וה-aria-label נושא את הניסוח המלא, ולכן שום פונקציונליות לא אובדת. */
@media (max-width: 767px) {
  .header-phone .hp-num { display: none; }
  /* הסתרת הספרות מצמצמת את הקישור לאייקון בן 20px — מתחת למינימום
     של WCAG 2.5.8 (24px) ורחוק מ-44px המומלץ, וזה כפתור החיוג של
     אתר לידים. הריפוד מגדיל את שטח הנגיעה ל-44px, והמרג'ין השלילי
     מחזיר את תפיסת המקום ל-20px כך שהפריסה לא זזה. */
  .header-phone { padding: 12px; margin-inline: -12px; }
}

/* אנגלית דורשת סף גבוה מהעברית. נמדד: docW 1304 ברוחב 1241 אחרי
   הגנת הלוגו, ולכן 1320. */
@media (max-width: 1320px) {
  html[lang="en"] .main-nav { display: none; }
  html[lang="en"] .hamburger { display: flex; }
}

/* flex-shrink:0 על הלוגו — בלעדיו הניווט הרחב מעך אותו ל-6x4 פיקסל
   בצרפתית, והעמוד "נכנס" למסך על חשבונו. זו גם הסיבה שבדיקת
   docW<=innerWidth עברה: הפריסה נכנסה, אבל הלוגו נעלם. */
.site-logo { flex-shrink: 0; }
/* אותה הגבלה: במובייל shared.css מקטין את הלוגו ל-74px, ורצפה של
   100px כאן הייתה מוסיפה לגלישה במקום למנוע מעיכה. */
@media (min-width: 768px) { .site-logo img { min-inline-size: 100px; } }

/* צרפתית בלבד: 9px במקום 11. אחרי שהלוגו הוגן מפני מעיכה התגלה
   שהיא חורגת ב-23px ב-1440 — קודם היא "נכנסה" על חשבון הלוגו.
   9 חוסכים 36px ומחזירים מרווח. אנגלית נשארת ב-11 כי יש לה מקום. */
html[lang="fr"] .main-nav a { padding-inline: 9px; }