/*
 * התאמת Elementor למבנה המקורי של האתר.
 *
 * בחבילת המקור הסקשנים הם ילדים ישירים של <main>. Elementor עוטף כל ויג'ט
 * בשני div-ים (.e-con ו-.elementor-widget), מה שמוסיף ריווח, רוחב מוגבל
 * ושכבת z-index חדשה. כאן מנטרלים את העטיפות בפרונט בלבד: display:contents
 * מוציא אותן ממנגנון הפריסה לגמרי, כך שהסקשן מתנהג כאילו הוא ישירות ב-main.
 *
 * בעורך (body.elementor-editor-active) העטיפות נשארות כרגיל - אחרת לא ניתן
 * לבחור, לגרור או לסדר סקשנים.
 */

body:not(.elementor-editor-active) main > .elementor,
body:not(.elementor-editor-active) main > .elementor > .e-con,
body:not(.elementor-editor-active) main > .elementor > .elementor-section,
body:not(.elementor-editor-active) main > .elementor > .e-con > .e-con-inner,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-home-hero,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-process,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-offers,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-numbers,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-cases,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-partners,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-business-hero,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-business-services,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-business-gallery,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-impact-hero,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-impact-numbers,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-impact-populations,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-impact-difference,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-steps,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-press,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-about-hero,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-about-story,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-about-team,
body:not(.elementor-editor-active) main .elementor-widget-jumpin-contact,
body:not(.elementor-editor-active) main [class*="elementor-widget-jumpin-"] > .elementor-widget-container {
	display: contents;
}

/*
 * בעורך: מאפסים ריווח ורוחב של הקונטיינרים שמחזיקים סקשני Jumpin, כדי
 * שהתצוגה בעורך תהיה קרובה לפרונט גם כשהעטיפות עדיין קיימות.
 */
body.elementor-editor-active main > .elementor > .e-con {
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--margin-top: 0px;
	--margin-right: 0px;
	--margin-bottom: 0px;
	--margin-left: 0px;
	--gap: 0px;
	--width: 100%;
	max-width: none;
}

body.elementor-editor-active main [class*="elementor-widget-jumpin-"],
body.elementor-editor-active main [class*="elementor-widget-jumpin-"] > .elementor-widget-container {
	width: 100%;
	margin: 0;
	padding: 0;
}

/*
 * Elementor מגדיר img{height:auto} ו-max-width גלובליים שמתנגשים עם חיתוכי
 * התמונות של האתר. מחזירים את ההתנהגות של חבילת המקור.
 */
main .hero-people > img,
main .process-visual > img,
main .team-portrait > img,
main .impact-program figure > img,
main .business-slide > img,
main .press-photo {
	height: auto;
}

/*
 * Elementor מחיל איפוס box-sizing גם על פסאודו-אלמנטים
 * ("*, *::before, *::after { box-sizing: border-box }"), בעוד ה-CSS של האתר
 * מחיל אותו על אלמנטים בלבד ("* { box-sizing: border-box }"), כך שבמקור
 * הפסאודו-אלמנטים נשארים content-box כברירת המחדל של הדפדפן.
 *
 * ההבדל משנה כל פסאודו-אלמנט שיש לו מסגרת: נקודות המסלול בעמודי השפעה ועלינו
 * (16px + 3px מסגרת: 22px במקור מול 16px עם האיפוס), והעיגולים הדקורטיביים
 * בכרטיס השותפות בדף הבית (מסגרת 55px ו-65px). כאן מוחזרת התנהגות המקור.
 */
.elementor ::before,
.elementor ::after,
.elementor::before,
.elementor::after {
	box-sizing: content-box;
}

/*
 * ויג'טים נייטיב של Elementor (אם יתווספו בעתיד) כן מצפים לאיפוס שלו,
 * ולכן נשארים כפי שהם. ויג'טי Jumpin אינם נושאים את המחלקה elementor-widget.
 */
.elementor .elementor-widget ::before,
.elementor .elementor-widget ::after,
.elementor .elementor-widget::before,
.elementor .elementor-widget::after {
	box-sizing: border-box;
}