/* ==========================================================================
   הגרסה האנגלית — היפוך כיוון
   ==========================================================================

   הגיליון הזה נטען *רק* בעמודי /en/, אחרי irm-design.css.

   הוא קצר בכוונה: כמעט כל העיצוב של האתר כתוב מלכתחילה בתכונות לוגיות
   (`inset-inline-start`, `margin-inline-end`, `padding-inline`), ותכונה
   לוגית מתהפכת מעצמה כשה-dir של העמוד הוא ltr. מה שנשאר כאן הוא רק
   המקומות שבהם נכתב ערך פיזי — ברובם משום שהיה צריך לגבור על כלל
   של Estatik או של אלמנטור עם !important.

   כל שינוי עיצוב עתידי שנכתב בתכונות לוגיות לא ידרוש שום תוספת כאן.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. כיוון בסיס
   -------------------------------------------------------------------------- */

/* אלמנטור והתבנית מזריקים direction:rtl לפי ה-locale של האתר. גם כשהוא
   מתוקן, גיליונות ה-rtl שכבר נטענו מכילים כללים מפורשים — לכן ההצהרה
   המפורשת כאן, על השורש ועל ה-body. */
html[dir='ltr'],
html[dir='ltr'] body,
body.irm-lang-en {
	direction: ltr;
}

body.irm-lang-en .irm-hero-choice,
body.irm-lang-en .irm-thanks {
	direction: ltr;
}

/* --------------------------------------------------------------------------
   2. יישור טקסט
   מקומות שבהם נכתב `text-align: right` במובן של "תחילת השורה".
   -------------------------------------------------------------------------- */

body.irm-lang-en .irm-related__title,
body.irm-lang-en .irm-free2__rows,
body.irm-lang-en .irm-nb__panel,
body.irm-lang-en .irm-val__card,
body.irm-lang-en .elementor-field-type-radio .irm-clear-choice {
	text-align: left;
}

/* --------------------------------------------------------------------------
   3. באדג' הקטגוריה על התמונה (למכירה / להשכרה)
   בעברית הוא בפינה הימנית־עליונה; באנגלית — השמאלית.
   -------------------------------------------------------------------------- */

body.irm-lang-en .irm-badge {
	right: auto;
	left: 12px;
}

body.irm-lang-en .es-single .es-gallery__image .irm-badge,
body.irm-lang-en .es-single .es-gallery .irm-badge {
	right: auto !important;
	left: 14px !important;
}

body.irm-lang-en .es-single .es-mobile-gallery-wrap .irm-badge {
	right: auto !important;
	left: 15px !important;
}

/* כפתור המועדפים של Estatik יושב בפינה הנגדית לבאדג'. */
body.irm-lang-en .irm-card .es-listing__image .es-property__control {
	left: auto;
	right: 10px;
}

/* --------------------------------------------------------------------------
   4. חצים
   -------------------------------------------------------------------------- */

body.irm-lang-en .irm-card .slick-arrow.slick-prev {
	left: auto !important;
	right: 6px !important;
}

body.irm-lang-en .irm-card .slick-arrow.slick-next {
	right: auto !important;
	left: 6px !important;
}

body.irm-lang-en .irm-carousel-btn--prev {
	right: auto;
	left: -14px;
}

body.irm-lang-en .irm-carousel-btn--next {
	left: auto;
	right: -14px;
}

/* החץ בתוך הכפתורים מצויר כתו טקסט ולא כאייקון; ב-LTR הוא צריך להצביע
   לכיוון ההפוך. */
body.irm-lang-en .irm-carousel-btn--prev svg,
body.irm-lang-en .irm-carousel-btn--next svg,
body.irm-lang-en .irm-card .slick-arrow svg {
	transform: scaleX(-1);
}

/* --------------------------------------------------------------------------
   5. חלוניות נפתחות במנוע החיפוש
   הן מיושרות לקצה של הטריגר, ולכן צריכות להתהפך.
   -------------------------------------------------------------------------- */

body.irm-lang-en .irm-fmulti__panel,
body.irm-lang-en .irm-fprice__panel,
body.irm-lang-en .irm-frooms__panel {
	right: auto;
	left: 0;
}

body.irm-lang-en .irm-frecent__panel {
	left: auto;
	right: 0;
}

/* במובייל כולן נפתחות כגיליון תחתון ברוחב מלא — שם אין מה להפוך. */
@media (max-width: 767px) {
	body.irm-lang-en .irm-fmulti__panel,
	body.irm-lang-en .irm-fprice__panel,
	body.irm-lang-en .irm-frooms__panel,
	body.irm-lang-en .irm-frecent__panel {
		right: 0;
		left: 0;
	}
}


/* --------------------------------------------------------------------------
   6. שדה ה-honeypot
   -------------------------------------------------------------------------- */

body.irm-lang-en .irm-lead-form__hp {
	right: auto !important;
	left: -9999px !important;
}

/* --------------------------------------------------------------------------
   הערה על מסנן המחיר: הפס בין שתי הידיות מחושב ב-JS. הוא נכתב פעם
   ל-`style.right` — ערך פיזי שהיה נתקע בצד הלא נכון באנגלית — ותוקן
   ב-irm-ui.js ל-`insetInlineStart`. אין מה להוסיף כאן.
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   7. הווידג'ט של webtiv-sync ("לא מצאתם את מה שחיפשתם?")

   הוא נכתב ל-DOM מ-JS מוטבע, עם `direction:rtl` בתוך תכונת style על
   השדות עצמם. סגנון מוטבע גובר על כל סלקטור, ולכן כאן — ורק כאן —
   צריך !important. הטקסט שבתוכו מתורגם בשכבת הריצה (irm-i18n.js),
   לא ב-TranslatePress, שלא רואה תוכן שנולד ב-JS.
   -------------------------------------------------------------------------- */

body.irm-lang-en [class^='wes-'],
body.irm-lang-en [class*=' wes-'],
body.irm-lang-en [id^='wes-'] {
	direction: ltr !important;
	text-align: left !important;
}

body.irm-lang-en [class^='wes-'] input,
body.irm-lang-en [class*=' wes-'] input,
body.irm-lang-en [id^='wes-'] input,
body.irm-lang-en [id^='wes-'] select,
body.irm-lang-en [id^='wes-'] textarea {
	direction: ltr !important;
	text-align: left !important;
}

/* מספרי טלפון בתוך הווידג'ט נשארים כפי שהם — הם ממילא ניטרליים. */
body.irm-lang-en [class^='wes-'] a[href^='tel:'] {
	direction: ltr !important;
}

/* --------------------------------------------------------------------------
   8. רוחב תפריט ההדר באנגלית

   ⚠️ נמדד, לא נוחש: באותו מסך (1409px זמינים) תפריט ההדר תופס 784px
   בעברית ו-960px באנגלית — "Apartments for sale" פשוט ארוך מ"דירות
   למכירה". התוצאה הייתה גלישה אופקית של 130px, שדחפה את כפתור
   הטלפון ואת "Log in" אל מחוץ למסך.

   clamp ולא ערך קבוע: על מסך רחב הפריטים חוזרים ל-16px המקוריים,
   ורק כשצר באמת הם מתכווצים.
   -------------------------------------------------------------------------- */

@media (min-width: 922px) {
	/* הסלקטור מיישר קו עם זה של Astra (#ast-desktop-header .main-header-menu
	   .menu-link) ומוסיף עליו מחלקה — בלי זה כלל ה-ID שלה מנצח, וזה בדיוק
	   מה שקרה בניסיון הראשון. */
	body.irm-lang-en #ast-desktop-header .main-header-menu .menu-link,
	body.irm-lang-en #ast-desktop-header .ast-nav-menu .menu-link {
		font-size: clamp(12px, .93vw, 16px);
		/* Astra מגדירה את הריפוד ב-padding-left/right; התכונות הלוגיות
		   לבדן לא תמיד מנצחות אותה, ולכן שתי הצורות. */
		padding-inline: 5px;
		padding-left: 5px;
		padding-right: 5px;
	}

	/* פינת ההדר (תאריך, טלפון, חשבון) לא תיאלץ את הפריסה להתרחב. */
	body.irm-lang-en .site-header-primary-section-right,
	body.irm-lang-en .irm-header-corner {
		min-width: 0;
	}
}

/* ----- עימוד בארכיונים (17.9.2026) -----
   התוויות "הקודם"/"הבא" נכתבות ב-CSS (content), ולכן שום שכבת תרגום לא
   מגיעה אליהן — בעמוד האנגלי נכתב "1 2 הבא". וגם החצים: ב-RTL "הבא"
   מצביע שמאלה; ב-LTR הוא מצביע ימינה. */
.es-pagination a.prev .page-numbers__num::before {
	content: "Previous";
}

.es-pagination a.next .page-numbers__num::before {
	content: "Next";
}

.es-pagination ul li a.prev.page-numbers::before {
	border-width: 2px 0 0 2px;
	transform: rotate(-45deg);
}

.es-pagination ul li a.next.page-numbers::after {
	border-width: 2px 2px 0 0;
	transform: rotate(45deg);
}

/* ----- כרטיסי "Why Ir Melucha" (flip box של WPR, 17.9.2026) -----
   הווידג'ט נושא מחלקת wpr-flip-box-front-align-right קבועה מההגדרות,
   ולכן באנגלית הכותרת, התיאור והאייקון נצמדו לימין. */
.wpr-flip-box-front-align-right .wpr-flip-box-front .wpr-flip-box-content {
	text-align: left;
	align-items: flex-start;
}

/* בכרטיס הראשון התיאור שבחזית הוזן זהה לכותרת ("התאמה אישית מדויקת"
   פעמיים). בעברית זה נבלע; באנגלית "Precise matching" פעמיים ברצף בולט. */
.elementor-element-2a822214 .wpr-flip-box-front .wpr-flip-box-description {
	display: none;
}

.wpr-flip-box-front-align-right .wpr-flip-box-front .wpr-flip-box-description,
.wpr-flip-box-front-align-right .wpr-flip-box-front .wpr-flip-box-title {
	text-align: left;
}

/* ----- סרט "מיוחד למתווכים" בכרטיס המתווכים (19.9.2026) -----
   בעברית הוא בפינה השמאלית-עליונה — סוף השורה. באנגלית זו תחילת השורה,
   והסרט כיסה את הכותרת "For agents:". משתקפים לפינה הימנית. */
.irm-hero-path__ribbon {
	left: auto;
	right: -50px;
	transform: rotate(45deg);
}

/* ----- הכפתורים הצפים (25.9.2026) -----
   "באנגלית לא מסודר הוואטסאפ עם הפעמון". הפעמון יושב ב-inset-inline-start,
   ולכן באנגלית הוא התהפך לשמאל — בדיוק על כפתור הוואטסאפ של אלמנטור, שנשאר
   בשמאל בשתי השפות. באנגלית הוא חוזר לימין, כמו בעברית; גם החלונית שלו
   נפתחת מהימין, ו"חזרה למעלה" של Astra עובר לשמאל כמו בעברית. */
body.irm-lang-en .irm-nb {
	inset-inline-start: auto;
	inset-inline-end: 22px;
}

body.irm-lang-en .irm-nb__panel {
	inset-inline-start: auto;
	inset-inline-end: 0;
}

body.irm-lang-en #ast-scroll-top {
	right: auto;
	left: 30px;
}

@media (max-width: 600px) {
	body.irm-lang-en .irm-nb {
		inset-inline-start: auto;
		inset-inline-end: 14px;
	}
}

/* ----- הלוגו בפוטר (25.9.2026) -----
   "הלוגו בצד ימין יותר מדי". בווידג'ט התמונה של הפוטר (תבנית 70) היישור
   הוא end — בעברית זה צמוד לשמאל העמודה, באנגלית הוא נדחק לימין, רחוק
   מהטקסט שמתחתיו. באנגלית הוא מיושר לתחילת השורה, יחד עם הטקסט. */
body.irm-lang-en .elementor-70 .elementor-element-62db43d,
body.irm-lang-en .elementor-70 .elementor-element-62db43d .elementor-widget-container {
	text-align: left !important;
}