/**
 * Hamenagen - עמוד פיצ'רים / מה חדש
 * הכרחת עיצוב מול Elementor / תבנית
 */

html[data-hm-theme="light"] .hm-feat,
html:not([data-hm-theme]) .hm-feat {
	--hm-feat-brand: #cb1e53;
	--hm-feat-brand-2: #e0285f;
	--hm-feat-heading: #20215a;
	--hm-feat-text: #333;
	--hm-feat-muted: #666;
	--hm-feat-bg: #f7f6ff;
	--hm-feat-surface: #ffffff;
	--hm-feat-border: rgba(32, 33, 90, 0.12);
	--hm-feat-glow: rgba(203, 30, 83, 0.2);
	--hm-feat-hero-bg: linear-gradient(165deg, #f0eeff 0%, #fff5f8 45%, #f7f6ff 100%);
}

html[data-hm-theme="dark"] .hm-feat {
	--hm-feat-brand: #cb1e53;
	--hm-feat-brand-2: #ff4d7a;
	--hm-feat-heading: #f5f5f7;
	--hm-feat-text: rgba(245, 245, 247, 0.9);
	--hm-feat-muted: rgba(245, 245, 247, 0.55);
	--hm-feat-bg: #141428;
	--hm-feat-surface: #1e1e3a;
	--hm-feat-border: rgba(255, 255, 255, 0.1);
	--hm-feat-glow: rgba(203, 30, 83, 0.35);
	--hm-feat-hero-bg: linear-gradient(165deg, #0f0f22 0%, #1a1030 50%, #141428 100%);
}

.hm-feat,
.hm-feat *,
.hm-feat *::before,
.hm-feat *::after {
	font-family: "פולין", "Polin", sans-serif !important;
	box-sizing: border-box !important;
}

body.hm-features-page-active {
	overflow-x: hidden !important;
}

.hm-feat {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	direction: rtl !important;
	color: var(--hm-feat-text) !important;
	background: var(--hm-feat-bg) !important;
	overflow-x: hidden !important;
	position: relative !important;
	line-height: 1.5 !important;
	text-align: right !important;
}

/* איפוס קישורי/כפתורי/שדות Elementor בתוך העמוד */
.hm-feat a,
.hm-feat button,
.hm-feat input,
.hm-feat select,
.hm-feat textarea,
.hm-feat label,
.elementor-widget-shortcode .hm-feat a,
.elementor-widget-shortcode .hm-feat button,
.elementor-element .hm-feat a,
.elementor-element .hm-feat button {
	font-family: "פולין", "Polin", sans-serif !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	text-shadow: none !important;
	box-shadow: none !important;
	outline: none !important;
	background-image: none !important;
	filter: none !important;
}

.hm-feat__container {
	width: 100% !important;
	max-width: 1140px !important;
	margin: 0 auto !important;
	padding: 0 1.25rem !important;
}

.hm-feat__section {
	padding: 4rem 0 4.5rem !important;
	margin: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

.hm-feat__title,
.hm-feat h1,
.hm-feat h2,
.hm-feat h3 {
	margin: 0 0 1rem !important;
	padding: 0 !important;
	font-size: clamp(1.6rem, 4vw, 2.25rem) !important;
	font-weight: 700 !important;
	color: var(--hm-feat-heading) !important;
	line-height: 1.25 !important;
	background: none !important;
	border: 0 !important;
	text-decoration: none !important;
}

.hm-feat__title--center {
	text-align: center !important;
}

.hm-feat__lead,
.hm-feat p.hm-feat__lead {
	margin: 0 0 2rem !important;
	padding: 0 !important;
	font-size: 1.05rem !important;
	line-height: 1.65 !important;
	font-weight: 400 !important;
	color: var(--hm-feat-muted) !important;
	max-width: 640px !important;
	background: none !important;
	border: 0 !important;
}

.hm-feat__lead--center {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Hero */
.hm-feat__hero {
	position: relative !important;
	padding: 5rem 0 3rem !important;
	margin: 0 !important;
	background: var(--hm-feat-hero-bg) !important;
	overflow: hidden !important;
	border: 0 !important;
}

.hm-feat__hero-bg {
	position: absolute !important;
	inset: 0 !important;
	pointer-events: none !important;
}

.hm-feat__orb {
	position: absolute !important;
	border-radius: 50% !important;
	filter: blur(80px) !important;
	opacity: 0.55 !important;
}

.hm-feat__orb--1 {
	width: 420px !important;
	height: 420px !important;
	background: var(--hm-feat-brand) !important;
	top: -120px !important;
	left: -80px !important;
	animation: hm-feat-float 12s ease-in-out infinite !important;
}

.hm-feat__orb--2 {
	width: 320px !important;
	height: 320px !important;
	background: #20215a !important;
	bottom: 0 !important;
	right: -60px !important;
	animation: hm-feat-float 10s ease-in-out infinite reverse !important;
}

.hm-feat__grid-lines {
	position: absolute !important;
	inset: 0 !important;
	background-image:
		linear-gradient(rgba(203, 30, 83, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(203, 30, 83, 0.04) 1px, transparent 1px) !important;
	background-size: 48px 48px !important;
	mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, black, transparent) !important;
}

@keyframes hm-feat-float {

	0%,
	100% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(20px, -15px);
	}
}

.hm-feat__hero-inner {
	position: relative !important;
	text-align: center !important;
}

.hm-feat__eyebrow {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
	margin: 0 0 1.25rem !important;
	padding: 0.4rem 1rem !important;
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	color: var(--hm-feat-brand) !important;
	background: var(--hm-feat-surface) !important;
	border: 1px solid var(--hm-feat-border) !important;
	border-radius: 999px !important;
	box-shadow: none !important;
}

.hm-feat__pulse {
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background: var(--hm-feat-brand) !important;
	animation: hm-feat-pulse 2s ease infinite !important;
	flex-shrink: 0 !important;
}

@keyframes hm-feat-pulse {

	0%,
	100% {
		opacity: 1;
		transform: scale(1);
	}

	50% {
		opacity: 0.5;
		transform: scale(1.3);
	}
}

.hm-feat__hero-title,
.hm-feat h1.hm-feat__hero-title {
	margin: 0 0 1.25rem !important;
	padding: 0 !important;
	font-size: clamp(2rem, 6vw, 3.4rem) !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	color: var(--hm-feat-heading) !important;
	background: none !important;
	border: 0 !important;
}

.hm-feat__gradient-text {
	display: block !important;
	background: linear-gradient(135deg, var(--hm-feat-brand), #ff6b9d, var(--hm-feat-brand-2)) !important;
	background-size: 200% auto !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: transparent !important;
	animation: hm-feat-shine 4s linear infinite !important;
}

@keyframes hm-feat-shine {
	to {
		background-position: 200% center;
	}
}

.hm-feat__hero-lead {
	margin: 0 auto 2rem !important;
	max-width: 640px !important;
	font-size: 1.1rem !important;
	line-height: 1.7 !important;
	font-weight: 400 !important;
	color: var(--hm-feat-muted) !important;
}

.hm-feat__hero-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.75rem !important;
	justify-content: center !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
}

.hm-feat__hero-chip {
	display: inline-flex !important;
	align-items: center !important;
	padding: 0.55rem 1rem !important;
	font-size: 0.9rem !important;
	font-weight: 600 !important;
	color: var(--hm-feat-heading) !important;
	background: var(--hm-feat-surface) !important;
	border: 1px solid var(--hm-feat-border) !important;
	border-radius: 999px !important;
	box-shadow: none !important;
}

/* ===== כפתורים - הכרחה מלאה ===== */
a.hm-feat__btn,
a.hm-feat__btn:link,
a.hm-feat__btn:visited,
button.hm-feat__btn,
.hm-feat a.hm-feat__btn,
.hm-feat button.hm-feat__btn,
.elementor-widget-shortcode a.hm-feat__btn,
.elementor-element a.hm-feat__btn {
	appearance: none !important;
	-webkit-appearance: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0 !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	height: auto !important;
	min-height: 0 !important;
	padding: 0.85rem 1.75rem !important;
	margin: 0 !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	border-radius: 999px !important;
	border-style: solid !important;
	border-width: 2px !important;
	border-color: transparent !important;
	cursor: pointer !important;
	box-sizing: border-box !important;
	box-shadow: none !important;
	background-image: none !important;
	transition: transform 0.2s, box-shadow 0.2s, background 0.2s, color 0.2s, border-color 0.2s !important;
	-webkit-tap-highlight-color: transparent !important;
}

a.hm-feat__btn--primary,
a.hm-feat__btn--primary:link,
a.hm-feat__btn--primary:visited,
.hm-feat a.hm-feat__btn--primary,
.elementor-element a.hm-feat__btn--primary {
	color: #fff !important;
	background: var(--hm-feat-brand) !important;
	background-color: var(--hm-feat-brand) !important;
	border-color: transparent !important;
	box-shadow: 0 10px 28px var(--hm-feat-glow) !important;
}

a.hm-feat__btn--primary:hover,
a.hm-feat__btn--primary:focus,
a.hm-feat__btn--primary:focus-visible,
.hm-feat a.hm-feat__btn--primary:hover {
	transform: translateY(-2px) !important;
	background: var(--hm-feat-brand-2) !important;
	background-color: var(--hm-feat-brand-2) !important;
	color: #fff !important;
	border-color: transparent !important;
	text-decoration: none !important;
}

a.hm-feat__btn--ghost,
a.hm-feat__btn--ghost:link,
a.hm-feat__btn--ghost:visited,
.hm-feat a.hm-feat__btn--ghost {
	color: var(--hm-feat-heading) !important;
	background: transparent !important;
	background-color: transparent !important;
	border-color: var(--hm-feat-border) !important;
	box-shadow: none !important;
}

a.hm-feat__btn--ghost:hover,
a.hm-feat__btn--ghost:focus,
a.hm-feat__btn--ghost:focus-visible,
.hm-feat a.hm-feat__btn--ghost:hover {
	border-color: var(--hm-feat-brand) !important;
	color: var(--hm-feat-brand) !important;
	background: transparent !important;
	text-decoration: none !important;
}

/* ===== פילטרים (כפתורים) ===== */
.hm-feat__filters {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.55rem !important;
	justify-content: center !important;
	margin: 0 0 2.25rem !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
}

button.hm-feat__filter,
.hm-feat button.hm-feat__filter,
.hm-feat .hm-feat__filter,
.elementor-element button.hm-feat__filter {
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	padding: 0.55rem 1.05rem !important;
	margin: 0 !important;
	border: 1px solid var(--hm-feat-border) !important;
	border-radius: 999px !important;
	background: var(--hm-feat-surface) !important;
	background-color: var(--hm-feat-surface) !important;
	background-image: none !important;
	color: var(--hm-feat-heading) !important;
	font-size: 0.9rem !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	text-decoration: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.2s !important;
	-webkit-tap-highlight-color: transparent !important;
}

button.hm-feat__filter:hover,
.hm-feat button.hm-feat__filter:hover {
	border-color: var(--hm-feat-brand) !important;
	transform: translateY(-1px) !important;
	color: var(--hm-feat-heading) !important;
	background: var(--hm-feat-surface) !important;
}

button.hm-feat__filter.is-active,
.hm-feat button.hm-feat__filter.is-active,
button.hm-feat__filter[aria-selected="true"] {
	background: var(--hm-feat-brand) !important;
	background-color: var(--hm-feat-brand) !important;
	border-color: var(--hm-feat-brand) !important;
	color: #fff !important;
	box-shadow: none !important;
}

/* ===== כרטיסים ===== */
.hm-feat__grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 1.25rem !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
}

.hm-feat__card,
article.hm-feat__card {
	display: flex !important;
	flex-direction: column !important;
	padding: 1.6rem !important;
	margin: 0 !important;
	background: var(--hm-feat-surface) !important;
	background-color: var(--hm-feat-surface) !important;
	border: 1px solid var(--hm-feat-border) !important;
	border-radius: 20px !important;
	box-shadow: none !important;
	min-height: 100% !important;
	transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important;
}

.hm-feat__card:hover {
	transform: translateY(-4px) !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08) !important;
}

.hm-feat__card--new {
	border-color: rgba(203, 30, 83, 0.35) !important;
	box-shadow: 0 0 0 1px rgba(203, 30, 83, 0.08) !important;
}

.hm-feat__card[data-hm-reveal] {
	opacity: 0 !important;
	transform: translateY(24px) !important;
}

.hm-feat__card.is-visible {
	opacity: 1 !important;
	transform: translateY(0) !important;
	transition: opacity 0.5s, transform 0.5s, box-shadow 0.25s !important;
}

.hm-feat__card.is-hidden {
	display: none !important;
}

.hm-feat__card-top {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 0.75rem !important;
	margin: 0 0 1rem !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
}

.hm-feat__icon {
	width: 48px !important;
	height: 48px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 14px !important;
	color: #fff !important;
	background: linear-gradient(135deg, var(--hm-feat-brand), var(--hm-feat-brand-2)) !important;
	flex-shrink: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
}

.hm-feat__icon svg {
	width: 24px !important;
	height: 24px !important;
	display: block !important;
	stroke: currentColor !important;
}

.hm-feat__badges {
	display: inline-flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 0.35rem !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
}

.hm-feat__badge,
a.hm-feat__badge,
a.hm-feat__badge:link,
a.hm-feat__badge:visited {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.28rem 0.7rem !important;
	margin: 0 !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	line-height: 1.1 !important;
	text-decoration: none !important;
	text-transform: none !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	background-image: none !important;
	cursor: default !important;
}

.hm-feat__badge--new {
	color: #fff !important;
	background: var(--hm-feat-brand) !important;
	background-color: var(--hm-feat-brand) !important;
}

a.hm-feat__badge--premium,
a.hm-feat__badge--premium:link,
a.hm-feat__badge--premium:visited,
.hm-feat__badge--premium {
	color: #7a5a00 !important;
	background: #f6e27a !important;
	background-color: #f6e27a !important;
	cursor: pointer !important;
	transition: background 0.15s, transform 0.15s, color 0.15s !important;
}

a.hm-feat__badge--premium:hover,
a.hm-feat__badge--premium:focus,
a.hm-feat__badge--premium:focus-visible {
	background: #f0d45c !important;
	background-color: #f0d45c !important;
	color: #5c4300 !important;
	text-decoration: none !important;
	transform: translateY(-1px) !important;
}

.hm-feat__card--premium {
	border-color: rgba(246, 226, 122, 0.85) !important;
}

.hm-feat__topic {
	margin: 0 0 0.4rem !important;
	padding: 0 !important;
	font-size: 0.8rem !important;
	font-weight: 600 !important;
	color: var(--hm-feat-brand) !important;
	background: none !important;
	border: 0 !important;
}

.hm-feat__card-title,
.hm-feat h3.hm-feat__card-title {
	margin: 0 0 0.55rem !important;
	padding: 0 !important;
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	color: var(--hm-feat-heading) !important;
	line-height: 1.3 !important;
	background: none !important;
	border: 0 !important;
}

.hm-feat__card-desc {
	margin: 0 0 1.1rem !important;
	padding: 0 !important;
	font-size: 0.95rem !important;
	line-height: 1.65 !important;
	font-weight: 400 !important;
	color: var(--hm-feat-muted) !important;
	flex: 1 !important;
	background: none !important;
	border: 0 !important;
}

a.hm-feat__card-link,
a.hm-feat__card-link:link,
a.hm-feat__card-link:visited,
.hm-feat a.hm-feat__card-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.35rem !important;
	width: auto !important;
	margin-top: auto !important;
	padding: 0 !important;
	font-size: 0.92rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: var(--hm-feat-brand) !important;
	background: none !important;
	background-color: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-decoration: none !important;
	text-transform: none !important;
}

a.hm-feat__card-link:hover,
a.hm-feat__card-link:focus,
.hm-feat a.hm-feat__card-link:hover {
	color: var(--hm-feat-brand-2) !important;
	text-decoration: none !important;
	background: none !important;
}

.hm-feat__card-link::after {
	content: "←" !important;
	transition: transform 0.2s !important;
}

.hm-feat__card-link:hover::after {
	transform: translateX(-3px) !important;
}

.hm-feat__empty {
	text-align: center !important;
	color: var(--hm-feat-muted) !important;
	margin: 2rem 0 0 !important;
}

/* CTA */
section.hm-feat__cta-section {
	text-align: center !important;
}

.hm-feat__cta-section {
	padding: 3.5rem 0 5rem !important;
	margin: 0 !important;
	background: linear-gradient(180deg, transparent, rgba(203, 30, 83, 0.05)) !important;
	border: 0 !important;
}

.hm-feat__cta-inner {
	text-align: center !important;
	padding: 2.5rem 1.5rem !important;
	margin: 0 !important;
	background: var(--hm-feat-surface) !important;
	border: 1px solid var(--hm-feat-border) !important;
	border-radius: 24px !important;
	box-shadow: none !important;
}

.hm-feat__cta-inner .hm-feat__lead {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* שדות כלליים אם נוספים בעתיד */
.hm-feat input[type="text"],
.hm-feat input[type="email"],
.hm-feat input[type="url"],
.hm-feat input[type="search"],
.hm-feat input[type="tel"],
.hm-feat input[type="number"],
.hm-feat select,
.hm-feat textarea {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 48px !important;
	padding: 0.75rem 1rem !important;
	margin: 0 !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	color: var(--hm-feat-text) !important;
	background: var(--hm-feat-bg) !important;
	background-color: var(--hm-feat-bg) !important;
	background-image: none !important;
	border: 1px solid var(--hm-feat-border) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	outline: none !important;
	appearance: none !important;
	-webkit-appearance: none !important;
}

.hm-feat input:focus,
.hm-feat select:focus,
.hm-feat textarea:focus {
	outline: none !important;
	border-color: var(--hm-feat-brand) !important;
	box-shadow: 0 0 0 3px var(--hm-feat-glow) !important;
	background: var(--hm-feat-bg) !important;
	color: var(--hm-feat-text) !important;
}

@media (max-width: 960px) {
	.hm-feat__grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 640px) {
	.hm-feat__hero {
		padding: 3.5rem 0 2rem !important;
	}

	.hm-feat__section {
		padding: 3rem 0 !important;
	}

	.hm-feat__grid {
		grid-template-columns: 1fr !important;
	}

	.hm-feat__filters {
		justify-content: flex-start !important;
		overflow-x: auto !important;
		flex-wrap: nowrap !important;
		padding-bottom: 0.35rem !important;
		-webkit-overflow-scrolling: touch !important;
	}

	.hm-feat__filter {
		white-space: nowrap !important;
		flex-shrink: 0 !important;
	}
}