/* ==========================================================================
   Header (Elementor template 7501) - structural styles
   --------------------------------------------------------------------------
   These rules live here rather than in Elementor's "Custom CSS" fields
   because this install HTML-escapes the ">" character when it generates
   the per-post stylesheet. Any rule using a child combinator comes out as
   ">" and is silently dead. (That is what had been breaking the original
   sticky-shrink rules on this header.)

   Layout model: the three columns are sized by their CONTENT, not by
   percentages. Percentages were making the איזור אישי pill overflow its own
   column on narrow screens and collide with its neighbours. Logo and pill are
   flex:0 0 auto so they hug the outer edges; the menu column is flex:1 and
   fills everything between them.

   Element IDs:
     296f6cec  header section
     19e563f7  logo column        fed65bb  logo image
     5e0b46db  menu column        a7f1c204 JetMenu mega   b3e9d517 JetMenu hamburger
     223b9d53  איזור אישי column   70a4a76  icon          d0b18ef  label
   ========================================================================== */

/* ---------- full-bleed row, one line at every breakpoint ---------- */
.elementor-element-296f6cec > .elementor-container {
	max-width: none !important;
	width: 100%;
	flex-wrap: nowrap !important;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.elementor-element-296f6cec > .elementor-container > .elementor-column {
	width: auto !important;
	max-width: none;
}

.elementor-element-296f6cec > .elementor-container > .elementor-element-19e563f7,
.elementor-element-296f6cec > .elementor-container > .elementor-element-223b9d53 {
	flex: 0 0 auto;
}

.elementor-element-296f6cec > .elementor-container > .elementor-element-5e0b46db {
	flex: 1 1 auto;
	min-width: 0;
}

.elementor-element-296f6cec > .elementor-container > .elementor-column > .elementor-widget-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}

.elementor-element-296f6cec,
.elementor-element-296f6cec > .elementor-container {
	transition: min-height .35s cubic-bezier(.4, 0, .2, 1), background-color .35s ease, box-shadow .35s ease;
}

/* ---------- stacking order ----------
   The mega panel is painted by the menu column. The logo and pill columns are
   flex items that can pick up their own stacking contexts, so without an
   explicit order they paint over the open dropdown. Menu column always wins. */
.elementor-element-296f6cec > .elementor-container > .elementor-element-5e0b46db {
	position: relative;
	z-index: 20;
}

.elementor-element-296f6cec > .elementor-container > .elementor-element-19e563f7,
.elementor-element-296f6cec > .elementor-container > .elementor-element-223b9d53 {
	position: relative;
	z-index: 5;
}

/* ---------- logo ---------- */
.elementor-element-fed65bb img {
	display: block;
	height: auto;
}

/* ---------- menu: items spread evenly across the middle ---------- */
.elementor-element-5e0b46db > .elementor-widget-wrap > .elementor-widget-jet-mega-menu {
	width: 100%;
}

.elementor-element-a7f1c204 .jet-mega-menu,
.elementor-element-a7f1c204 .jet-mega-menu-container {
	width: 100%;
}

.elementor-element-a7f1c204 .jet-mega-menu-list {
	width: 100%;
	justify-content: space-evenly;
}

/* ---------- איזור אישי pill ---------- */
.elementor-element-223b9d53 > .elementor-widget-wrap {
	width: auto !important;
	flex: 0 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 8px 18px 8px 10px;
	border: 2px solid rgba(227, 108, 64, .35);
	border-radius: 999px;
	transition: background-color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.elementor-element-223b9d53 > .elementor-widget-wrap:hover {
	background: rgba(227, 108, 64, .10);
	border-color: #E36C40;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(227, 108, 64, .22);
}

.elementor-element-223b9d53 .elementor-widget-icon,
.elementor-element-223b9d53 .elementor-widget-text-editor {
	width: auto;
	margin: 0 !important;
}

.elementor-element-223b9d53 .elementor-widget-text-editor p {
	margin: 0;
	line-height: 1;
	white-space: nowrap;
}

/* ---------- JetMenu off-canvas panel ----------
   The panel and its backdrop are position:fixed and must resolve against the
   viewport. If any ancestor ever picks up a transform/filter/will-change it
   becomes their containing block and the panel collapses to the width of the
   hamburger. These explicit sizes are the safety net for that. */
.jet-mobile-menu__container {
	width: min(340px, 86vw) !important;
	max-width: none !important;
}

.jet-mobile-menu-cover {
	width: 100vw !important;
	height: 100vh !important;
}

/* ---------- sticky shrink past 70px of scroll ---------- */
.elementor-element-296f6cec.elementor-sticky--effects {
	min-height: 96px !important;
	background-color: rgba(240, 244, 248, .94) !important;
	-webkit-backdrop-filter: saturate(180%) blur(12px);
	backdrop-filter: saturate(180%) blur(12px);
	box-shadow: 0 4px 20px rgba(53, 37, 37, .18) !important;
}

.elementor-element-296f6cec.elementor-sticky--effects > .elementor-container {
	min-height: 96px !important;
}

.elementor-element-296f6cec.elementor-sticky--effects .elementor-element-fed65bb img {
	max-width: 92px;
}

.elementor-element-296f6cec.elementor-sticky--effects .jet-mega-menu-item__link--top-level {
	font-size: 17px;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.elementor-element-296f6cec.elementor-sticky--effects .elementor-element-223b9d53 > .elementor-widget-wrap {
	padding: 6px 14px 6px 8px;
}

/* ---------- tablet ---------- */
@media (max-width: 1024px) {

	.elementor-element-296f6cec,
	.elementor-element-296f6cec > .elementor-container {
		min-height: 96px !important;
	}

	.elementor-element-296f6cec.elementor-sticky--effects,
	.elementor-element-296f6cec.elementor-sticky--effects > .elementor-container {
		min-height: 74px !important;
	}

	/* hamburger sits alone in the middle slot, nothing to spread */
	.elementor-element-a7f1c204 .jet-mega-menu-list {
		justify-content: center;
	}
}

/* ---------- mobile ----------
   RTL, so flex order 1 is the RIGHTMOST slot. Hamburger and the איזור אישי
   pill sit together on the right; the auto inline-end margin on the pill
   eats the remaining space and pushes the logo to the far left. */
@media (max-width: 767px) {

	.elementor-element-296f6cec,
	.elementor-element-296f6cec > .elementor-container {
		min-height: 76px !important;
	}

	.elementor-element-296f6cec > .elementor-container {
		gap: 8px;
	}

	.elementor-element-296f6cec > .elementor-container > .elementor-element-5e0b46db {
		order: 1;
		flex: 0 0 auto;
	}

	.elementor-element-296f6cec > .elementor-container > .elementor-element-223b9d53 {
		order: 2;
		flex: 0 0 auto;
		margin-inline-end: auto;
	}

	.elementor-element-296f6cec > .elementor-container > .elementor-element-19e563f7 {
		order: 3;
		flex: 0 0 auto;
	}

	/* smaller pill on mobile */
	.elementor-element-223b9d53 > .elementor-widget-wrap {
		gap: 5px;
		padding: 5px 11px 5px 6px;
		margin: 0;
	}

	.elementor-element-223b9d53 .elementor-widget-text-editor {
		font-size: 13px;
	}

	.elementor-element-223b9d53 .elementor-widget-icon .elementor-icon {
		font-size: 17px !important;
	}
}

/* very narrow phones: drop the label, keep the icon, so nothing ever collides */
@media (max-width: 360px) {

	.elementor-element-223b9d53 .elementor-widget-text-editor {
		display: none;
	}

	.elementor-element-223b9d53 > .elementor-widget-wrap {
		padding: 7px;
	}
}