/* עמוד "הסיפור שלי": גלריית התמונות המתחלפת, לפי העיצוב בפיגמה.
   מעצב את ווידג'ט "קרוסלת תמונות" הקיים (data-id 9d308b9), בלי לגעת בתמונות שלו. */

/* מרווח סביב הגלריה */
html body .elementor [data-id="e3b2df1"] {
	padding-block: clamp(36px, 6vw, 90px) !important;
}

/* מסגרת: רוחב כ-80% מהעמוד, יחס רחב, פינות מעוגלות וצל רך */
html body .elementor [data-id="9d308b9"] {
	position: relative;
	/* גודל מפורש (ולא aspect-ratio): בקונטיינר flex אנכי יחס-גובה נקבע לפי רוחב מתוח ולא לפי הרוחב הסופי */
	width: min(80vw, 1240px) !important;
	height: calc(min(80vw, 1240px) / 3.47) !important;
	max-width: 100% !important;
	margin-inline: auto !important;
	flex: none !important;
	border-radius: 16px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .22);
}
[data-id="9d308b9"] > .elementor-widget-container,
[data-id="9d308b9"] .elementor-image-carousel-wrapper,
[data-id="9d308b9"] .elementor-image-carousel,
[data-id="9d308b9"] .swiper-slide,
[data-id="9d308b9"] .swiper-slide figure {
	height: 100% !important;
}
/* העטיפה ממלאת את המסגרת, כך שהגובה נקבע רק לפי היחס (ולא לפי גודל התמונות) */
[data-id="9d308b9"] .elementor-image-carousel-wrapper {
	position: absolute !important;
	inset: 0 !important;
	height: auto !important;
	border-radius: inherit;
	overflow: hidden;
}
[data-id="9d308b9"] .swiper-slide img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	object-position: center 40%;
	display: block;
}

/* התווית המוטה בפינה: "מירושלים לכל הארץ" */
[data-id="9d308b9"]::before {
	content: "מירושלים לכל הארץ";
	position: absolute;
	top: -16px;
	left: -20px;
	z-index: 5;
	transform: rotate(-9deg);
	background: #D2C7FF;
	color: #12014F;
	border: 1px solid #12014F;
	border-radius: 999px;
	padding: 6px 18px;
	font: 500 clamp(13px, 1.3vw, 19px) / 1.2 Heebo, sans-serif;
	white-space: nowrap;
	pointer-events: none;
}

/* נייד: יחס גבוה יותר כדי שהתמונה תיראה, והמסגרת רחבה יותר */
@media (max-width: 700px) {
	html body .elementor [data-id="9d308b9"] {
		width: 90vw !important;
		height: calc(90vw * 0.75) !important;
	}
	[data-id="9d308b9"]::before { left: -8px; top: -14px; }
}