/**
 * Digitalex GPU Crash Fix - CSS Layer
 * ----------------------------------------------------------------
 * הבעיה: 287 אלמנטים עם will-change:transform = פיצוץ GPU layers
 * הפתרון: רק 3 slides בכל carousel (active + next + prev) מקבלים layer
 * תוצאה: ירידה ל-~45 layers במקום 287
 * ---------------------------------------------------------------- */

/* כל slide ברירת מחדל - בלי GPU layer */
.swiper-slide {
	will-change: auto !important;
	transform: translate3d(0, 0, 0); /* רק עבור positioning, לא יוצר layer */
}

/* רק slides שצריכים אנימציה - מקבלים layer */
.swiper-slide-active,
.swiper-slide-next,
.swiper-slide-prev,
.swiper-slide-duplicate-active,
.swiper-slide-duplicate-next,
.swiper-slide-duplicate-prev {
	will-change: transform !important;
}

/* ביטול backdrop-filter מאלמנטים שלא צריכים אותו */
.swiper-slide [style*="backdrop-filter"],
.swiper-wrapper [style*="backdrop-filter"] {
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

/* swiper container - מבטל contain שיכול לגרום לקריסה */
.elementor-image-carousel-wrapper,
.elementor-main-swiper {
	contain: layout style; /* בלי paint - בטוח */
}

/* תיקון נוסף לתצוגות מובייל - הגבלת ה-overflow */
@media (max-width: 768px) {
	.swiper-wrapper {
		transform-style: flat; /* לא 3D - חוסך GPU */
	}

	/* על מובייל - אפילו פחות layers */
	.swiper-slide:not(.swiper-slide-active):not(.swiper-slide-next):not(.swiper-slide-prev) {
		will-change: auto !important;
		transform: none;
	}
}

/* תיקון לבעיות עם backface-visibility שגורם ל-layers נוספים */
.swiper-slide,
.swiper-wrapper {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

/* אופטימיזציה לתמונות בתוך carousels - lazy paint */
.swiper-slide img {
	content-visibility: auto;
	contain-intrinsic-size: 200px 100px; /* hint לדפדפן - חוסך paint */
}