/*
 * MANA Module: mana-search
 *
 * זכויות יוצרים © MANA (mana.agency). כל הזכויות שמורות.
 * השימוש בקובץ כפוף לתנאי הרישיון של MANA (LICENSE.txt).
 *
 * MANA Builder: מבנה בלבד. בלי צבעים, גופנים וגדלים קבועים – הכול מהטוקנים של האתר
 * (--color-*, --radius-*, --space-*, --shadow-*). שדה החיפוש והכפתור מעוצבים ע״י אשף העיצוב
 * של הבונה (forms.search_*), שחל על ‎.mana-search. לעיצוב אחר: CSS של המסמך על המחלקות ‎.mana-search__*.
 */

/* ---------- בסיס ---------- */
.mb-root .mana-search{position:relative;display:flex;align-items:stretch;gap:var(--space-xs,8px);width:100%;min-width:0}
.mb-root .mana-search--icon{display:inline-flex;width:auto}
.mb-root .mana-search-ui,.mb-root .mana-search-ui *,.mb-root .mana-search-ui ::before,.mb-root .mana-search-ui ::after{box-sizing:border-box}
.mb-root .mana-search-ui .mana-search__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.mb-root .mana-search-ui .mana-search__svg,.mb-root .mana-search-ui .mana-search__icon svg,.mb-root .mana-search-ui .mana-search__field-icon svg{display:block;width:1em;height:1em}
.mb-root .mana-search-ui .mana-search__icon,.mb-root .mana-search-ui .mana-search__field-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.mb-root .mana-search-ui :is(.mana-search__trigger,.mana-search__clear,.mana-search__tab,.mana-search__chip-remove,.mana-search__clear-history,.mana-search__close){margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:inherit;line-height:1.2;cursor:pointer;-webkit-appearance:none;appearance:none}
.mb-root .mana-search-ui :is(button,a):focus-visible{outline:2px solid var(--color-primary,currentColor);outline-offset:2px}

/* ---------- הטופס ---------- */
.mb-root .mana-search__form{position:relative;display:flex;flex:1 1 auto;align-items:stretch;gap:inherit;min-width:0;margin:0}
.mb-root .mana-search__field{position:relative;display:flex;flex:1 1 auto;align-items:stretch;min-width:0}
.mb-root .mana-search__input-wrap{position:relative;display:flex;flex:1 1 auto;min-width:0}
.mb-root .mana-search-ui input.mana-search__input{width:100%;min-width:0;margin:0;-webkit-appearance:none;appearance:none}
.mb-root .mana-search__input::-webkit-search-cancel-button,.mb-root .mana-search__input::-webkit-search-decoration{display:none;-webkit-appearance:none}
.mb-root .mana-search__ghost{position:absolute;inset:0;z-index:2;display:flex;align-items:center;overflow:hidden;white-space:pre;pointer-events:none;font:inherit;line-height:normal}
.mb-root .mana-search__ghost-typed{color:transparent}
.mb-root .mana-search__ghost-rest{color:currentColor;opacity:.4}
/* כפתור ניקוי, ספינר ואייקון בתוך השדה (שהמסגרת שלו מגיעה מהאתר) */
.mb-root .mana-search__field-icon{position:absolute;top:50%;inset-inline-start:.85em;z-index:2;opacity:.6;transform:translateY(-50%);pointer-events:none}
.mb-root .mana-search .mana-search__field:has(.mana-search__field-icon) .mana-search__input{padding-inline-start:2.4em!important}
.mb-root .mana-search__clear,.mb-root .mana-search__spinner{position:absolute;top:50%;inset-inline-end:calc(var(--ms-btn,0px) + .6em);z-index:2;transform:translateY(-50%)}
.mb-root .mana-search-ui .mana-search__clear{display:inline-flex;align-items:center;justify-content:center;width:1.75em;height:1.75em;border-radius:50%;opacity:.6}
.mb-root .mana-search-ui .mana-search__clear:hover{opacity:1}
.mb-root .mana-search-ui .mana-search__clear[hidden]{display:none}
.mb-root .mana-search .mana-search__field:has(.mana-search__clear) .mana-search__input{padding-inline-end:calc(var(--ms-btn,0px) + 2.6em)!important}
.mb-root .mana-search__spinner{display:none;width:1em;height:1em;border:2px solid var(--color-border,rgba(0,0,0,.15));border-top-color:var(--color-primary,currentColor);border-radius:50%;animation:mana-search-bspin .7s linear infinite}
.mb-root .mana-search-ui.is-loading .mana-search__spinner{display:block}
.mb-root .mana-search-ui.is-loading .mana-search__clear{display:none}
@keyframes mana-search-bspin{to{transform:translateY(-50%) rotate(360deg)}}
.mb-root .mana-search__submit{flex:0 0 auto}

/* ---------- חלון התוצאות ---------- */
.mb-root .mana-search__panel{position:absolute;top:100%;inset-inline-start:0;z-index:1000;width:var(--ms-panel-w,100%);min-width:min(320px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:min(70vh,560px);margin-top:var(--space-xs,8px);padding:var(--space-xs,8px);overflow:auto;overscroll-behavior:contain;background:var(--color-bg,#fff);color:var(--color-text,inherit);border:1px solid var(--color-border,rgba(0,0,0,.12));border-radius:var(--radius-md,12px);box-shadow:var(--shadow-lg,0 18px 40px rgba(0,0,0,.14));text-align:start}
.mb-root .mana-search-panel-end .mana-search__panel{inset-inline-start:auto;inset-inline-end:0}
.mb-root .mana-search-panel-center .mana-search__panel{inset-inline-start:50%;transform:translateX(-50%)}
[dir=rtl] .mb-root .mana-search-panel-center .mana-search__panel,.mb-root.mb-rtl .mana-search-panel-center .mana-search__panel{transform:translateX(50%)}
.mb-root .mana-search__panel[hidden]{display:none}
.mb-root .mana-search__panel.is-overlay{position:static;width:auto;min-width:0;max-width:none;max-height:none;margin:0;padding:var(--space-sm,12px) var(--space-md,16px) var(--space-lg,32px);overflow:visible;border:0;border-radius:0;box-shadow:none;background:transparent;transform:none}
.mb-root .mana-search__section+.mana-search__section{margin-top:var(--space-xs,8px)}
.mb-root .mana-search__section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs,8px)}
.mb-root .mana-search__heading{margin:.4em .5em;font-size:var(--text-small,.875em);font-weight:600;opacity:.7}
.mb-root .mana-search-ui .mana-search__clear-history{padding:.3em .5em;font-size:var(--text-small,.875em);text-decoration:underline}
.mb-root .mana-search__message{margin:0;padding:var(--space-md,16px) .5em;text-align:center;opacity:.75}

/* לשוניות */
.mb-root .mana-search__tabs{display:flex;gap:.25em;margin:0 0 .4em;border-bottom:1px solid var(--color-border,rgba(0,0,0,.12))}
.mb-root .mana-search-ui .mana-search__tab{display:inline-flex;align-items:center;gap:.4em;padding:.65em .8em;font-weight:600;opacity:.7}
.mb-root .mana-search-ui .mana-search__tab[aria-selected=true]{opacity:1;box-shadow:inset 0 -2px 0 var(--color-primary,currentColor)}
.mb-root .mana-search-ui .mana-search__tab[disabled]{opacity:.4;cursor:default}
.mb-root .mana-search__tab-count{min-width:1.6em;padding:0 .45em;border-radius:999px;background:var(--color-bg-alt,rgba(0,0,0,.06));font-size:.8em;text-align:center}

/* רשימות ופריטים */
.mb-root .mana-search__list,.mb-root .mana-search__chips{margin:0;padding:0;list-style:none}
.mb-root .mana-search__list>li,.mb-root .mana-search__chips>li{margin:0;padding:0;list-style:none}
.mb-root .mana-search__list--products{display:grid;grid-template-columns:repeat(var(--ms-pcols,1),minmax(0,1fr));column-gap:var(--space-xs,8px)}
@media (max-width:1024px){.mb-root .mana-search__list--products{grid-template-columns:repeat(var(--ms-pcols-t,var(--ms-pcols,1)),minmax(0,1fr))}}
@media (max-width:767px){.mb-root .mana-search__list--products{grid-template-columns:repeat(var(--ms-pcols-m,1),minmax(0,1fr))}}
.mb-root .mana-search__item{display:flex;align-items:center;gap:.75em;padding:.5em;border-radius:var(--radius-sm,8px);color:inherit;text-decoration:none}
.mb-root .mana-search__item:is(:hover,.is-active){background:var(--color-bg-alt,rgba(0,0,0,.05));color:inherit;text-decoration:none}
.mb-root .mana-search__thumb{display:block;flex:0 0 auto;width:52px;height:52px;max-width:none;margin:0;border-radius:var(--radius-sm,8px);background:var(--color-bg-alt,rgba(0,0,0,.05));object-fit:cover}
.mb-root .mana-search__body{display:flex;flex:1 1 auto;flex-direction:column;gap:.15em;min-width:0}
.mb-root .mana-search__title{display:-webkit-box;overflow:hidden;font-weight:500;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mb-root .mana-search__item mark{padding:0;background:transparent;color:inherit;font-weight:700}
.mb-root .mana-search__meta{overflow:hidden;font-size:var(--text-small,.8em);white-space:nowrap;text-overflow:ellipsis;opacity:.7}
.mb-root .mana-search__price{font-weight:600}
.mb-root .mana-search__price del{margin-inline-end:.3em;font-weight:400;opacity:.6}
.mb-root .mana-search__price ins{background:none;text-decoration:none}
.mb-root .mana-search__badges{display:flex;flex:0 0 auto;gap:.25em;margin-inline-start:auto}
.mb-root .mana-search__badge{padding:.1em .6em;border-radius:999px;font-size:.75em;font-weight:600;white-space:nowrap;background:var(--color-bg-alt,rgba(0,0,0,.06))}
.mb-root .mana-search__badge--sale{background:color-mix(in srgb,var(--color-primary,#c00) 14%,transparent);color:var(--color-primary,inherit)}
.mb-root .mana-search__list--cats{display:grid;grid-template-columns:repeat(var(--ms-ccols,2),minmax(0,1fr));gap:.25em}
.mb-root .mana-search__item--cat .mana-search__thumb{width:44px;height:44px}
.mb-root .mana-search__count{font-size:var(--text-small,.8em);opacity:.7}
.mb-root .mana-search-cats-column .mana-search__item--cat{flex-direction:column;text-align:center}
.mb-root .mana-search-cats-column .mana-search__item--cat .mana-search__thumb{width:100%;height:auto;aspect-ratio:1/1}
.mb-root .mana-search-cats-column .mana-search__item--cat .mana-search__body{align-items:center}

/* חיפושים אחרונים ומומלצים */
.mb-root .mana-search__chips{display:flex;flex-wrap:wrap;gap:.5em;padding:0 .5em .5em}
.mb-root .mana-search__chip-wrap{position:relative;display:inline-flex;max-width:100%}
.mb-root .mana-search__chip{display:inline-flex;align-items:center;gap:.4em;max-width:100%;padding:.4em .85em;overflow:hidden;border-radius:999px;background:var(--color-bg-alt,rgba(0,0,0,.06));color:inherit;white-space:nowrap;text-overflow:ellipsis;text-decoration:none}
.mb-root .mana-search__chip:is(:hover,.is-active){background:color-mix(in srgb,var(--color-text,#000) 10%,var(--color-bg-alt,transparent));color:inherit;text-decoration:none}
.mb-root .mana-search__chip .mana-search__svg{flex:0 0 auto;opacity:.6}
.mb-root .mana-search__chip--history{padding-inline-end:2.1em}
.mb-root .mana-search-ui .mana-search__chip-remove{position:absolute;top:50%;inset-inline-end:.4em;display:inline-flex;align-items:center;justify-content:center;width:1.4em;height:1.4em;border-radius:50%;font-size:.8em;opacity:.6;transform:translateY(-50%)}

/* לכל התוצאות (מקבל את מחלקת הכפתור של האתר) */
.mb-root .mana-search__all{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:var(--space-xs,8px);text-align:center;text-decoration:none}
.mb-root .mana-search__all:not(.btn){padding:.75em 1em;border-radius:var(--radius-sm,8px);background:var(--color-primary,#111);color:#fff;font-weight:600;text-decoration:none}
.mb-root .mana-search__all.is-active{outline:2px solid var(--color-primary,currentColor);outline-offset:2px}

/* ---------- דף התוצאות ---------- */
.mb-root.mana-search-has-primary :is(.mb-mana-search-bar,.mb-mana-search-icon):not(.mana-search-primary-yes){display:none!important}
.mb-root .mana-search-results__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm,12px);margin-block-end:var(--space-md,20px)}
.mb-root .mana-search-results__count{margin:0}
.mb-root .mana-search-results__sort{margin:0}

@media (prefers-reduced-motion:reduce){.mb-root .mana-search-ui *,.mb-root .mana-search__panel,.mb-root .mana-search__overlay *{animation:none!important;transition:none!important}}