/* ==========================================================================
   תפריט מובייל — המבורגר + תפריט במסך מלא (≤1024px)
   ה-nav וכפתור ההמבורגר מסומנים ב-global classes של אלמנטור: mz-nav, mz-burger
   ========================================================================== */

/* the call/WhatsApp row is injected into the nav by mz-menu.js — mobile menu only */
.mz-nav__cta {
	display: none;
}

@media (max-width: 1024px) {

	/* hamburger: three lines drawn with pseudo elements, the label stays for screen readers */
	.elementor .mz-burger {
		position: relative;
		display: block;
		width: 48px;
		height: 48px;
		padding: 0 !important;
		margin: 0;
		border: 0 !important;
		background: transparent !important;
		font-size: 0 !important;
		color: transparent !important;
		cursor: pointer;
		z-index: 10001;
		-webkit-tap-highlight-color: transparent;
	}

	.elementor .mz-burger::before,
	.elementor .mz-burger::after {
		content: "";
		position: absolute;
		left: 11px;
		right: 11px;
		height: 2px;
		border-radius: 2px;
		background: #fff;
		transition: transform .35s cubic-bezier(.2, .9, .25, 1), top .35s cubic-bezier(.2, .9, .25, 1), box-shadow .2s ease, width .35s;
	}

	.elementor .mz-burger::before {
		top: 16px;
		box-shadow: 0 8px 0 #00B4D8;   /* middle line, in the brand cyan */
	}

	.elementor .mz-burger::after {
		top: 32px;
	}

	.mz-menu-open .elementor .mz-burger::before {
		top: 23px;
		transform: rotate(45deg);
		box-shadow: none;
	}

	.mz-menu-open .elementor .mz-burger::after {
		top: 23px;
		transform: rotate(-45deg);
	}

	.elementor .mz-burger:focus-visible {
		outline: 2px solid #00B4D8;
		outline-offset: 2px;
		border-radius: 8px;
	}

	/* the desktop nav becomes a full-screen panel under the header */
	.elementor .mz-nav {
		position: fixed !important;
		top: var(--mz-header-h, 64px);
		right: 0;
		left: 0;
		bottom: 0;
		z-index: 10000;
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		gap: 0 !important;
		width: auto !important;
		padding: 28px 24px 40px !important;
		background-color: #0F141C;
		background-image: radial-gradient(rgba(255, 255, 255, .12) 1.4px, transparent 1.6px);
		background-size: 44px 44px;
		overflow-y: auto;
		visibility: hidden;
		opacity: 0;
		transform: translateY(-12px);
		transition: opacity .3s ease, transform .4s cubic-bezier(.2, .9, .25, 1), visibility 0s linear .4s;
	}

	.mz-menu-open .elementor .mz-nav {
		visibility: visible;
		opacity: 1;
		transform: none;
		transition: opacity .3s ease, transform .4s cubic-bezier(.2, .9, .25, 1), visibility 0s;
	}

	/* big stacked links; they slide in one after another */
	.elementor .mz-nav .mz-nav-link {
		display: block;
		width: 100%;
		padding: 18px 0;
		font-size: 30px !important;
		line-height: 1.2 !important;
		font-weight: 700 !important;
		color: #fff !important;
		white-space: normal;
		border-bottom: 1px solid rgba(0, 180, 216, .3);
		opacity: 0;
		transform: translateX(24px);
		transition: opacity .35s ease, transform .45s cubic-bezier(.2, .9, .25, 1), color .25s;
	}

	.elementor .mz-nav .mz-nav-link a {
		color: inherit !important;
		display: block;
	}

	.elementor .mz-nav .mz-nav-link:hover,
	.elementor .mz-nav .mz-nav-link:focus-within {
		color: #00B4D8 !important;
	}

	.mz-menu-open .elementor .mz-nav .mz-nav-link {
		opacity: 1;
		transform: none;
	}

	.mz-menu-open .elementor .mz-nav .mz-nav-link:nth-of-type(1) { transition-delay: .06s; }
	.mz-menu-open .elementor .mz-nav .mz-nav-link:nth-of-type(2) { transition-delay: .12s; }
	.mz-menu-open .elementor .mz-nav .mz-nav-link:nth-of-type(3) { transition-delay: .18s; }
	.mz-menu-open .elementor .mz-nav .mz-nav-link:nth-of-type(4) { transition-delay: .24s; }
	.mz-menu-open .elementor .mz-nav .mz-nav-link:nth-of-type(5) { transition-delay: .30s; }

	/* desktop separators are not needed in the stacked list */
	.elementor .mz-nav .mz-nav-sep {
		display: none !important;
	}

	/* call + WhatsApp at the bottom of the panel (added by mz-menu.js) */
	.mz-nav__cta {
		display: flex;
		gap: 12px;
		width: 100%;
		margin-top: 32px;
		opacity: 0;
		transition: opacity .4s ease .3s;
	}

	.mz-menu-open .mz-nav__cta {
		opacity: 1;
	}

	.mz-nav__cta a {
		flex: 1 1 0;
		text-align: center;
		padding: 15px 10px;
		border-radius: 6px;
		font: 700 17px/1.2 Heebo, sans-serif;
		color: #0F141C !important;
		text-decoration: none;
	}

	.mz-nav__cta a:first-child { background: #00B4D8; }
	.mz-nav__cta a:last-child { background: #25D366; }

	html.mz-menu-open,
	html.mz-menu-open body {
		overflow: hidden;
	}
}

@media (max-width: 1024px) and (prefers-reduced-motion: reduce) {
	.elementor .mz-nav,
	.elementor .mz-nav .mz-nav-link,
	.elementor .mz-burger::before,
	.elementor .mz-burger::after {
		transition: none !important;
	}
}