/*
 * Smart search field – [mekablan_ai_search] and the Elementor "חיפוש AI" widget.
 * Defaults match the site's hero search; every value can be overridden from the widget's Style tab.
 */
.mkai-search {
	position: relative;
	display: flex;
	align-items: stretch;
	gap: 10px;
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
	direction: rtl;
	font-family: "Google Sans", "Heebo", "Assistant", Arial, sans-serif;
	box-sizing: border-box;
}
.mkai-search *,
.mkai-search *::before,
.mkai-search *::after { box-sizing: border-box; }

.mkai-search__field {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	min-width: 0;
}
.mkai-search__icon {
	position: absolute;
	inset-inline-start: 16px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	display: flex;
	color: var(--mkai-primary, #F6CE00);
	pointer-events: none;
}
.mkai-search__icon svg,
.mkai-search__icon i { width: 22px; height: 22px; font-size: 22px; }

.mkai-search .mkai-search__input {
	width: 100%;
	min-width: 0;
	height: 54px;
	margin: 0;
	padding: 0 46px 0 16px;
	border: 1px solid #CDCDCD;
	border-radius: 15px;
	background: #fff;
	color: #3B3B3B;
	font: inherit;
	font-size: 15px;
	box-shadow: none;
	outline: none;
	transition: border-color .15s, box-shadow .15s;
}
.mkai-search .mkai-search__input--no-icon { padding-inline-start: 16px; }
.mkai-search .mkai-search__input::placeholder { color: #8a8a8a; opacity: 1; transition: opacity .25s; }
.mkai-search .mkai-search__input.is-rotating::placeholder { opacity: 0; }
.mkai-search .mkai-search__input:focus {
	border-color: var(--mkai-primary, #F6CE00);
	box-shadow: 0 0 0 3px rgba(246, 206, 0, .35);
}

.mkai-search .mkai-search__btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 54px;
	margin: 0;
	padding: 0 22px;
	border: 0;
	border-radius: 15px;
	background: var(--mkai-primary, #F6CE00);
	color: var(--mkai-dark, #000);
	font: inherit;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	transition: filter .15s, transform .15s, background-color .15s, color .15s;
}
.mkai-search .mkai-search__btn:hover { filter: brightness(.95); }
.mkai-search .mkai-search__btn:active { transform: translateY(1px); }
.mkai-search .mkai-search__btn:focus-visible { outline: 2px solid var(--mkai-dark, #000); outline-offset: 2px; }
.mkai-search .mkai-search__btn--icon-after .mkai-search__btn-icon { order: 2; }
.mkai-search__btn-icon { display: inline-flex; }
.mkai-search__btn-icon svg,
.mkai-search__btn-icon i { width: 18px; height: 18px; font-size: 18px; }

@media (max-width: 520px) {
	.mkai-search--icon-mobile .mkai-search__btn-icon + .mkai-search__btn-text,
	.mkai-search--icon-mobile .mkai-search__btn-text:not(:only-child) { display: none; }
	.mkai-search--icon-mobile .mkai-search__btn { padding: 0 16px; }
}

/* Suggestion chips */
.mkai-search__chips {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	max-width: 760px;
	margin: 12px auto 0;
	direction: rtl;
	font-family: "Google Sans", "Heebo", "Assistant", Arial, sans-serif;
}
.mkai-search__chips-label { font-size: 13px; color: #6b6b6b; }
.mkai-search__chip {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	border: 1px solid #e3dcc2;
	border-radius: 999px;
	background: #fff;
	color: #2b2b2b;
	font-size: 13px;
	line-height: 1.3;
	text-decoration: none;
	transition: background-color .15s, border-color .15s, color .15s;
}
.mkai-search__chip:hover,
.mkai-search__chip:focus-visible { background: #fff6c7; border-color: var(--mkai-primary, #F6CE00); color: #000; }

@media (prefers-reduced-motion: reduce) {
	.mkai-search *, .mkai-search__chip { transition: none !important; }
}
