/* פופאפ וואטסאפ - מעל כל התוכן + איקס כפוי */

html body aside#hm-wa-popup.hm-wa-popup,
html body #hm-wa-popup.hm-wa-popup,
html body .hm-wa-popup {
	--hm-wa-green: #25d366;
	--hm-wa-green-dark: #1ebe57;
	position: fixed !important;
	z-index: 2147483646 !important;
	isolation: isolate !important;
	right: max(16px, env(safe-area-inset-right, 0px)) !important;
	left: auto !important;
	bottom: max(88px, calc(env(safe-area-inset-bottom, 0px) + 88px)) !important;
	width: min(320px, calc(100vw - 32px)) !important;
	max-width: min(320px, calc(100vw - 32px)) !important;
	padding: 1rem 1.1rem 1.1rem !important;
	margin: 0 !important;
	border-radius: 16px !important;
	background: var(--hm-site-surface, #ffffff) !important;
	color: var(--hm-site-text, #20215a) !important;
	border: 1px solid var(--hm-site-border, rgba(32, 33, 90, 0.12)) !important;
	box-shadow: 0 16px 48px rgba(32, 33, 90, 0.18) !important;
	font-family: "פולין", "Polin", Assistant, Arial, sans-serif !important;
	box-sizing: border-box !important;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate3d(110%, 24px, 0);
	transition:
		opacity 0.35s ease,
		transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
		visibility 0.35s ease;
}

html body aside#hm-wa-popup.hm-wa-popup.is-visible,
html body #hm-wa-popup.hm-wa-popup.is-visible,
html body .hm-wa-popup.is-visible {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	transform: translate3d(0, 0, 0) !important;
	z-index: 2147483646 !important;
}

html body .hm-wa-popup[hidden] {
	display: none !important;
}

/* === איקס - כפייה מול Elementor / תבנית === */
html body .hm-wa-popup button.hm-wa-popup__close,
html body .hm-wa-popup .hm-wa-popup__close,
html body .hm-wa-popup .hm-wa-popup__close[type="button"],
html body button.hm-wa-popup__close[data-hm-wa-close] {
	appearance: none !important;
	-webkit-appearance: none !important;
	position: absolute !important;
	top: 0.4rem !important;
	left: 0.4rem !important;
	right: auto !important;
	bottom: auto !important;
	z-index: 10 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 2.1rem !important;
	height: 2.1rem !important;
	min-width: 2.1rem !important;
	min-height: 2.1rem !important;
	max-width: 2.1rem !important;
	max-height: 2.1rem !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(32, 33, 90, 0.14) !important;
	border-radius: 999px !important;
	background: #f3f4f8 !important;
	background-image: none !important;
	background-color: #f3f4f8 !important;
	color: #20215a !important;
	font-family: Arial, sans-serif !important;
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
}

html body .hm-wa-popup button.hm-wa-popup__close span,
html body .hm-wa-popup .hm-wa-popup__close span {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	color: inherit !important;
	pointer-events: none !important;
}

html body .hm-wa-popup button.hm-wa-popup__close:hover,
html body .hm-wa-popup .hm-wa-popup__close:hover,
html body .hm-wa-popup button.hm-wa-popup__close:focus,
html body .hm-wa-popup .hm-wa-popup__close:focus,
html body .hm-wa-popup button.hm-wa-popup__close:focus-visible,
html body .hm-wa-popup .hm-wa-popup__close:focus-visible {
	background: #e8e9f0 !important;
	background-image: none !important;
	background-color: #e8e9f0 !important;
	border-color: rgba(32, 33, 90, 0.28) !important;
	color: #11123a !important;
	outline: none !important;
	box-shadow: none !important;
	transform: none !important;
}

.hm-wa-popup__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 2.5rem !important;
	height: 2.5rem !important;
	margin: 0 0 0.65rem !important;
	border-radius: 12px !important;
	background: rgba(37, 211, 102, 0.14) !important;
	color: var(--hm-wa-green) !important;
}

.hm-wa-popup__title {
	margin: 0 0 0.45rem !important;
	padding-left: 1.75rem !important;
	font-size: 1.02rem !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	color: var(--hm-site-heading, #20215a) !important;
}

.hm-wa-popup__text {
	margin: 0 0 0.9rem !important;
	font-size: 0.88rem !important;
	font-weight: 500 !important;
	line-height: 1.55 !important;
	color: var(--hm-site-text, #3a3b5c) !important;
}

html body .hm-wa-popup a.hm-wa-popup__cta,
html body .hm-wa-popup .hm-wa-popup__cta {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 44px !important;
	padding: 0.7rem 1rem !important;
	border: none !important;
	border-radius: 999px !important;
	background: var(--hm-wa-green) !important;
	background-image: none !important;
	color: #ffffff !important;
	font-size: 0.9rem !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	text-align: center !important;
	text-decoration: none !important;
	box-shadow: 0 8px 22px rgba(37, 211, 102, 0.32) !important;
	transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
}

html body .hm-wa-popup a.hm-wa-popup__cta:hover,
html body .hm-wa-popup .hm-wa-popup__cta:hover,
html body .hm-wa-popup a.hm-wa-popup__cta:focus-visible,
html body .hm-wa-popup .hm-wa-popup__cta:focus-visible {
	background: var(--hm-wa-green-dark) !important;
	background-image: none !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 10px 26px rgba(37, 211, 102, 0.4) !important;
	outline: none !important;
}

html[data-hm-theme="dark"] body .hm-wa-popup {
	background: var(--hm-site-surface, #1e1e32) !important;
	color: var(--hm-site-text, #f5f5f7) !important;
	border-color: var(--hm-site-border, rgba(255, 255, 255, 0.12)) !important;
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45) !important;
}

html[data-hm-theme="dark"] body .hm-wa-popup__title {
	color: var(--hm-site-heading, #f5f5f7) !important;
}

html[data-hm-theme="dark"] body .hm-wa-popup__text {
	color: var(--hm-site-text, #d0d0dc) !important;
}

html[data-hm-theme="dark"] body .hm-wa-popup button.hm-wa-popup__close,
html[data-hm-theme="dark"] body .hm-wa-popup .hm-wa-popup__close {
	background: rgba(255, 255, 255, 0.12) !important;
	background-color: rgba(255, 255, 255, 0.12) !important;
	border-color: rgba(255, 255, 255, 0.18) !important;
	color: #ffffff !important;
}

html[data-hm-theme="dark"] body .hm-wa-popup button.hm-wa-popup__close:hover,
html[data-hm-theme="dark"] body .hm-wa-popup .hm-wa-popup__close:hover,
html[data-hm-theme="dark"] body .hm-wa-popup button.hm-wa-popup__close:focus-visible,
html[data-hm-theme="dark"] body .hm-wa-popup .hm-wa-popup__close:focus-visible {
	background: rgba(255, 255, 255, 0.2) !important;
	background-color: rgba(255, 255, 255, 0.2) !important;
	color: #ffffff !important;
}

@media (max-width: 1023px) {
	html body.hm-header-v2-active .hm-wa-popup,
	html body.hm-header-v2-active #hm-wa-popup.hm-wa-popup {
		bottom: calc(var(--hm-h-mob-bar-h, 90px) + 80px) !important;
	}
}

@media (max-width: 360px) {
	html body .hm-wa-popup,
	html body #hm-wa-popup.hm-wa-popup {
		bottom: max(16px, env(safe-area-inset-bottom, 0px)) !important;
	}

	html body.hm-header-v2-active .hm-wa-popup,
	html body.hm-header-v2-active #hm-wa-popup.hm-wa-popup {
		bottom: calc(var(--hm-h-mob-bar-h, 90px) + 16px) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html body .hm-wa-popup {
		transition: opacity 0.2s ease, visibility 0.2s ease !important;
		transform: none !important;
	}

	html body .hm-wa-popup.is-visible {
		transform: none !important;
	}
}