/**
 * Hamenagen - כפיית עיצוב כפתורים ושדות בכל רכיבי hm-
 * נטען אחרון — דורס Elementor / תבנית / WooCommerce
 */

body.hm-header-v2-active {
	--hm-ui-font: "פולין", "Polin", sans-serif;
	--hm-ui-brand: #cb1e53;
	--hm-ui-navy: #20215a;
	--hm-ui-input-bg: #ffffff;
	--hm-ui-input-border: rgba(32, 33, 90, 0.22);
	--hm-ui-input-text: #1a1a2e;
	--hm-ui-btn-primary-bg: #20215a;
	--hm-ui-btn-primary-text: #ffffff;
	--hm-ui-btn-ghost-bg: transparent;
	--hm-ui-btn-ghost-text: #20215a;
}

html[data-hm-theme="dark"] body.hm-header-v2-active {
	--hm-ui-input-bg: rgba(255, 255, 255, 0.07);
	--hm-ui-input-border: rgba(255, 255, 255, 0.18);
	--hm-ui-input-text: #f5f5f7;
	--hm-ui-btn-primary-bg: #ffffff;
	--hm-ui-btn-primary-text: #0b0b24;
	--hm-ui-btn-ghost-text: #f5f5f7;
}

/* --- כפתורים: כל class שמתחיל ב-hm- --- */
body.hm-header-v2-active button[class*="hm-"],
body.hm-header-v2-active [class*="hm-"] > button,
body.hm-header-v2-active [class*="hm-"] button[class*="hm-"],
body.hm-header-v2-active .elementor-widget-shortcode button[class*="hm-"],
body.hm-header-v2-active .elementor-element button[class*="hm-"],
body.hm-header-v2-active dialog[class*="hm-"] button {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	font-family: var(--hm-ui-font) !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	text-align: center !important;
	cursor: pointer !important;
	vertical-align: middle !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	min-height: unset !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0.55rem 1rem !important;
	border-radius: 10px !important;
	border: 0 solid transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, filter 0.2s ease !important;
}

/* שדות טקסט */
body.hm-header-v2-active input[class*="hm-"],
body.hm-header-v2-active textarea[class*="hm-"],
body.hm-header-v2-active select[class*="hm-"],
body.hm-header-v2-active [class*="hm-"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="submit"]):not([type="button"]),
body.hm-header-v2-active [class*="hm-"] textarea,
body.hm-header-v2-active [class*="hm-"] select,
body.hm-header-v2-active dialog[class*="hm-"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),
body.hm-header-v2-active .elementor-widget-shortcode [class*="hm-"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]) {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	display: block !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0.55rem 0.75rem !important;
	border: 1px solid var(--hm-ui-input-border) !important;
	border-radius: 10px !important;
	background: var(--hm-ui-input-bg) !important;
	background-color: var(--hm-ui-input-bg) !important;
	background-image: none !important;
	color: var(--hm-ui-input-text) !important;
	font-family: var(--hm-ui-font) !important;
	font-size: 0.95rem !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	box-shadow: none !important;
	outline: none !important;
	text-align: inherit !important;
	direction: inherit !important;
}

body.hm-header-v2-active [class*="hm-"] input::placeholder,
body.hm-header-v2-active [class*="hm-"] textarea::placeholder {
	color: #9a9ab0 !important;
	opacity: 1 !important;
}

body.hm-header-v2-active [class*="hm-"] input:focus,
body.hm-header-v2-active [class*="hm-"] textarea:focus,
body.hm-header-v2-active [class*="hm-"] select:focus {
	outline: none !important;
	border-color: var(--hm-ui-brand) !important;
	box-shadow: 0 0 0 2px rgba(203, 30, 83, 0.15) !important;
}

/* range */
body.hm-header-v2-active [class*="hm-"] input[type="range"],
body.hm-header-v2-active input[class*="hm-"][type="range"] {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	display: block !important;
	width: 100% !important;
	height: 6px !important;
	min-height: 6px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: rgba(32, 33, 90, 0.14) !important;
	background-color: rgba(32, 33, 90, 0.14) !important;
	cursor: pointer !important;
	box-shadow: none !important;
}

html[data-hm-theme="dark"] body.hm-header-v2-active [class*="hm-"] input[type="range"] {
	background: rgba(255, 255, 255, 0.18) !important;
	background-color: rgba(255, 255, 255, 0.18) !important;
}

body.hm-header-v2-active [class*="hm-"] input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none !important;
	appearance: none !important;
	width: 22px !important;
	height: 22px !important;
	border-radius: 50% !important;
	border: 2px solid var(--hm-ui-navy) !important;
	background: #fff !important;
	background-color: #fff !important;
	box-shadow: 0 2px 8px rgba(32, 33, 90, 0.22) !important;
	cursor: pointer !important;
	margin-top: -8px !important;
}

body.hm-header-v2-active [class*="hm-"] input[type="range"]::-moz-range-thumb {
	width: 22px !important;
	height: 22px !important;
	border-radius: 50% !important;
	border: 2px solid var(--hm-ui-navy) !important;
	background: #fff !important;
	box-shadow: 0 2px 8px rgba(32, 33, 90, 0.22) !important;
	cursor: pointer !important;
}

body.hm-header-v2-active [class*="hm-"] input[type="range"]::-webkit-slider-runnable-track {
	height: 6px !important;
	border-radius: 999px !important;
	background: rgba(32, 33, 90, 0.14) !important;
}

body.hm-header-v2-active [class*="hm-"] input[type="range"]::-moz-range-track {
	height: 6px !important;
	border-radius: 999px !important;
	background: rgba(32, 33, 90, 0.14) !important;
}

/* radio/checkbox מוסתרים בתוך תגיות מותאמות */
body.hm-header-v2-active [class*="hm-"] input[type="radio"],
body.hm-header-v2-active [class*="hm-"] input[type="checkbox"].hm-singer-genre-vote__input,
body.hm-header-v2-active [class*="hm-"] .hm-ch-help__option input[type="radio"] {
	-webkit-appearance: none !important;
	appearance: none !important;
	position: absolute !important;
	opacity: 0 !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	pointer-events: none !important;
}

/* dialog */
body.hm-header-v2-active dialog[class*="hm-"] {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	max-width: min(440px, calc(100vw - 2rem)) !important;
	font-family: var(--hm-ui-font) !important;
}

body.hm-header-v2-active dialog[class*="hm-"]::backdrop {
	background: rgba(15, 16, 40, 0.55) !important;
	backdrop-filter: blur(3px) !important;
}

/* כפתורי primary / submit נפוצים */
body.hm-header-v2-active button[class*="__submit"],
body.hm-header-v2-active button[class*="__btn-primary"],
body.hm-header-v2-active button[class*="__suggest-submit"],
body.hm-header-v2-active button.hm-ch-help__submit {
	background: var(--hm-ui-btn-primary-bg) !important;
	background-color: var(--hm-ui-btn-primary-bg) !important;
	background-image: none !important;
	color: var(--hm-ui-btn-primary-text) !important;
	border: 0 !important;
}

body.hm-header-v2-active button[class*="__cancel"],
body.hm-header-v2-active button[class*="__suggest-cancel"],
body.hm-header-v2-active button[class*="__modal-close"]:not(.hm-ch-help__modal-close) {
	background: var(--hm-ui-btn-ghost-bg) !important;
	background-color: var(--hm-ui-btn-ghost-bg) !important;
	color: var(--hm-ui-btn-ghost-text) !important;
	border: 1px solid var(--hm-ui-input-border) !important;
}

/* מודלים של ארכיון זמר */
body.hm-header-v2-active .hm-singer-archive__modal button.hm-singer-archive__modal-close {
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: rgba(32, 33, 90, 0.08) !important;
	background-color: rgba(32, 33, 90, 0.08) !important;
	color: #20215a !important;
	font-size: 1.35rem !important;
	line-height: 1 !important;
	box-shadow: none !important;
}

body.hm-header-v2-active .hm-singer-archive__suggest-field input {
	width: 100% !important;
	padding: 0.55rem 0.7rem !important;
	border: 1px solid var(--hm-ui-input-border) !important;
	border-radius: 10px !important;
	background: var(--hm-ui-input-bg) !important;
	color: var(--hm-ui-input-text) !important;
	font-size: 0.95rem !important;
}