/* ============================================================
   LTR (אנגלית) - התאמות כיוון
   נטען רק בעמודים באנגלית (inc/enqueue.php), אחרי main/home.
   העברית לא נוגעת בקובץ הזה.
   כל הכללים תחת [dir="ltr"] כדי שלא יזלגו בטעות לעמוד RTL.
   ============================================================ */

/* חצים מצוירים לכיוון RTL (ronen_icon מוסיף .icon--flip בעמוד LTR) */
[dir="ltr"] .icon--flip { transform: scaleX(-1); }

/* מובייל: ברעיון ה-RTL ההמבורגר בצד ההתחלה. ב-LTR: לוגו משמאל, המבורגר מימין. */
@media (max-width: 1023px) {
  [dir="ltr"] .nav-toggle { order: 0; }
}

/* כפתור וואטסאפ צף: אותו צד פיזי כמו בעברית (ימין) */
[dir="ltr"] .whatsapp-float {
  inset-inline-start: auto;
  inset-inline-end: var(--space-l);
}

/* ---------- כותרות ארוכות באנגלית ----------
   הגדלים נקבעו לעברית (מילים קצרות). "WooCommerce" ב-112px רחבה מעמודת הכותרת
   ונדרסת על הטקסט שלידה, ולכן הכותרות הדו-עמודתיות מתכווצות ושוברות מילה ארוכה. */
[dir="ltr"] .svc-hero__title,
[dir="ltr"] .pagehero__title,
[dir="ltr"] .phero__title,
[dir="ltr"] .project__title {
  font-size: clamp(2.5rem, 4.6vw, 4.5rem);
  overflow-wrap: break-word;
  min-width: 0;
}
[dir="ltr"] .svc-hero__head,
[dir="ltr"] .pagehero__col,
[dir="ltr"] .project__headline { min-width: 0; }

/* מתחת ל-1200px העמודה הצרה לא מספיקה לכותרת + הטקסט: מערימים */
@media (max-width: 1199px) {
  [dir="ltr"] .svc-hero__row { flex-direction: column; gap: var(--space-l); }
  [dir="ltr"] .svc-hero__text { flex: 1 1 auto; max-width: 100%; }
}

@media (max-width: 1199px) {
  [dir="ltr"] .phero__row { flex-direction: column; gap: var(--space-l); }
  [dir="ltr"] .phero__side,
  [dir="ltr"] .phero__intro { flex: 1 1 auto; }
  [dir="ltr"] .pagehero__row { flex-direction: column; align-items: flex-start; gap: var(--space-l); }
  [dir="ltr"] .pagehero__intro { flex: 1 1 auto; max-width: 100%; }
  [dir="ltr"] .pagehero__col { flex: 1 1 auto; width: 100%; }
  [dir="ltr"] .pagehero__title { width: auto; margin-inline-end: 0; }
  [dir="ltr"] .project__head { flex-direction: column; gap: var(--space-l); }
  [dir="ltr"] .project__headline,
  [dir="ltr"] .project__desc { flex: 1 1 auto; width: 100%; }
}

/* זיגזג (אודות, שירותים): 644 + 448 לא נכנסים ב-1024-1199, ובעברית זה עוד לא טופל. כאן מערימים. */
@media (max-width: 1199px) {
  [dir="ltr"] .zigzag,
  [dir="ltr"] .zigzag--flip { flex-direction: column; gap: var(--space-l); }
  [dir="ltr"] .zigzag__media,
  [dir="ltr"] .zigzag--flip .zigzag__media {
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    aspect-ratio: 644 / 372;
    margin-inline: 0;
  }
  [dir="ltr"] .zigzag__body { flex: 1 1 auto; }
}
