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

/* ---------- אייקון וחלון החיפוש ---------- */
.mb-root .mana-search-ui .mana-search__trigger{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-width:44px;min-height:44px;padding:.4em;border-radius:999px;font-size:1.3em}
.mb-root .mana-search-ui .mana-search__trigger:hover{background:var(--color-bg-alt,rgba(0,0,0,.05))}
.mb-root .mana-search__trigger-text{font-size:var(--text-small,.75em)}
.mb-root .mana-search__overlay{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;align-items:center;color:var(--color-text,inherit);text-align:start}
.mb-root .mana-search__overlay[hidden]{display:none}
.mb-root .mana-search__backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--color-text,#0c1023) 45%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:mana-search-in .18s ease-out}
.mb-root .mana-search__dialog{position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--color-bg,#fff)}
.mb-root .mana-search__overlay-head{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;gap:var(--space-xs,10px);padding:var(--space-sm,12px) var(--space-md,16px)}
.mb-root .mana-search__overlay-title{flex:1 0 100%;font-weight:600}
.mb-root .mana-search__overlay-head .mana-search__form{flex:1 1 0%;min-width:0}
.mb-root .mana-search-ui .mana-search__close{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-size:1.3em}
.mb-root .mana-search-ui .mana-search__close:hover{background:var(--color-bg-alt,rgba(0,0,0,.05))}
.mb-root .mana-search__overlay-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.mb-root .mana-search__overlay-body:has(.mana-search__panel:empty){display:none}
.mb-root .mana-search__panel.is-overlay:empty{padding:0}
.mb-root .mana-search__overlay.is-modal .mana-search__dialog{width:min(var(--ms-modal-w,720px),calc(100vw - 32px));max-height:calc(100vh - 12vh - 40px);margin-top:12vh;border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-lg,0 30px 80px rgba(0,0,0,.3));animation:mana-search-pop .18s ease-out}
.mb-root .mana-search__overlay.is-modal .mana-search__overlay-body:not(:has(.mana-search__panel:empty)){border-top:1px solid var(--color-border,rgba(0,0,0,.1))}
.mb-root .mana-search__overlay.is-drop{top:var(--ms-top,0px)}
.mb-root .mana-search__overlay.is-drop .mana-search__dialog{width:100%;max-height:calc(100vh - var(--ms-top,0px) - 48px);box-shadow:var(--shadow-lg,0 24px 48px rgba(0,0,0,.18));animation:mana-search-drop .2s ease-out}
.mb-root .mana-search__overlay.is-drop :is(.mana-search__overlay-head,.mana-search__panel){width:100%;max-width:var(--ms-drop-width,var(--container,1140px));margin-inline:auto}
.mb-root .mana-search__overlay.is-drop .mana-search__overlay-head{padding-block:var(--space-md,16px)}
.mb-root .mana-search__overlay.is-fs .mana-search__backdrop{display:none}
.mb-root .mana-search__overlay.is-fs .mana-search__dialog{width:100%;height:100vh;height:100dvh;max-height:none;animation:mana-search-in .15s ease-out}
.mb-root .mana-search__overlay.is-fs .mana-search__overlay-head{padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid var(--color-border,rgba(0,0,0,.1))}
.mb-root .mana-search__overlay.is-fs .mana-search__overlay-body{display:block;padding-bottom:env(safe-area-inset-bottom)}
.mb-root .mana-search__overlay.is-fs .mana-search__input{font-size:max(16px,1em)!important}
.mana-search-portal{position:static;width:0;height:0;margin:0;padding:0}
.mb-root .mana-search--portal{display:contents!important}
html.mana-search-locked,html.mana-search-locked body{overflow:hidden}
@keyframes mana-search-in{from{opacity:0}to{opacity:1}}
@keyframes mana-search-pop{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes mana-search-drop{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}

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