/* Searchable filter comboboxes — compact, bilingual, touch friendly. */
.msid-search-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
}
.msid-search-select{position:relative;width:100%;min-width:0;direction:rtl;font:inherit}
.msid-search-select-trigger{
  width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:0 13px;border:1px solid var(--msid-aubergine-line,var(--msid-line,#ddd));border-radius:13px;background:var(--msid-surface,#fff);color:var(--msid-ink,#111);
  box-shadow:none;font:inherit;font-size:.82rem;font-weight:720;cursor:pointer;text-align:right;
}
.msid-search-select-trigger:hover,.msid-search-select-trigger:focus-visible,.msid-search-select.is-open .msid-search-select-trigger{
  border-color:var(--msid-aubergine,var(--msid-ink,#111));outline:none;box-shadow:0 0 0 3px rgba(200,241,53,.22)
}
.msid-search-select-trigger:disabled{opacity:.52;cursor:not-allowed;background:var(--msid-surface-soft,#f7f7f7)}
.msid-search-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msid-search-select.has-value .msid-search-select-value{font-weight:850}
.msid-search-select-chevron{flex:0 0 auto;font-size:1rem;line-height:1;transition:transform .16s ease}
.msid-search-select.is-open .msid-search-select-chevron{transform:rotate(180deg)}
.msid-search-select-panel{
  position:absolute;top:calc(100% + 6px);right:0;z-index:10020;width:max(100%,280px);max-width:min(390px,calc(100vw - 24px));
  padding:8px;border:1px solid var(--msid-aubergine-line,var(--msid-line,#ddd));border-radius:16px;background:var(--msid-surface,#fff);box-shadow:0 18px 50px rgba(60,22,66,.16)
}
.msid-search-select-panel[hidden]{display:none!important}
.msid-search-select-search{height:44px;display:flex;flex-direction:row;align-items:center;gap:8px;padding:0 11px;margin:0 0 7px;border:1px solid var(--msid-line,#ddd);border-radius:12px;background:var(--msid-surface-soft,#f8f8f8)}
.msid-search-select-search>span{flex:0 0 auto;color:var(--msid-muted,#777);font-size:.9rem}
.msid-search-select-search input{min-width:0;width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--msid-ink,#111);font:inherit;font-size:.8rem;direction:auto}
.msid-search-select-options{max-height:250px;overflow:auto;overscroll-behavior:contain;display:grid;gap:3px;padding:1px;scrollbar-width:thin}
.msid-search-select-option{
  width:100%;min-height:42px;display:flex;align-items:center;gap:9px;padding:8px 9px;border:0;border-radius:10px;background:var(--msid-surface,#fff);color:var(--msid-ink,#111);box-shadow:none;font:inherit;font-size:.8rem;font-weight:680;text-align:right;cursor:pointer
}
.msid-search-select-option:hover,.msid-search-select-option:focus-visible{outline:0;background:var(--msid-lime-soft,var(--msid-blue-soft,#eefaff))}
.msid-search-select-option.is-selected,.msid-search-select-option[aria-selected="true"]{background:var(--msid-lime-soft,var(--msid-blue-soft,#eefaff));font-weight:850}
.msid-search-select-mark{width:21px;height:21px;flex:0 0 21px;display:grid;place-items:center;border:1px solid var(--msid-line,#ddd);border-radius:7px;background:#fff;font-size:.72rem;font-weight:900}
.msid-search-select-option.is-selected .msid-search-select-mark,.msid-search-select-option[aria-selected="true"] .msid-search-select-mark{border-color:var(--msid-aubergine,var(--msid-ink,#111));background:var(--msid-aubergine,var(--msid-ink,#111));color:#fff}
.msid-search-select.is-single .msid-search-select-mark{border-radius:50%}
.msid-search-select-label{min-width:0;line-height:1.45}
.msid-search-select-empty{padding:18px 10px;text-align:center;color:var(--msid-muted,#777);font-size:.76rem}
.msid-search-select-footer{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:7px;padding-top:7px;border-top:1px solid var(--msid-line-soft,#eee)}
.msid-search-select-footer button{min-height:35px;padding:0 13px;border:1px solid var(--msid-line,#ddd);border-radius:10px;background:var(--msid-surface,#fff);color:var(--msid-ink,#111);box-shadow:none;font:inherit;font-size:.74rem;font-weight:800;cursor:pointer}
.msid-search-select-footer button:disabled{opacity:.4;cursor:not-allowed}
.msid-search-select-footer .msid-search-select-done{border-color:var(--msid-aubergine,var(--msid-ink,#111));background:var(--msid-aubergine,var(--msid-ink,#111));color:#fff}
.msid-auto-filter-search{position:sticky;top:0;z-index:8;margin:-2px -2px 6px;padding:4px;background:#fff}
.msid-auto-filter-search .tfb-filter-empty{position:absolute;top:calc(100% + 3px);right:6px;left:6px;padding:8px;border-radius:8px;background:#fff;color:var(--msid-muted,#777);font-size:.72rem;text-align:center;box-shadow:0 8px 20px rgba(17,17,17,.08)}

@media(max-width:760px){
  .msid-mobile-directory-drawer-body,.msid-mobile-school-drawer-body{gap:12px}
  .msid-mobile-directory-drawer-body>label,.msid-mobile-school-drawer-body>label,.msid-mobile-directory-drawer-body>.msid-mobile-filter-pair>label{gap:6px}
  .msid-mobile-filter-pair--location{grid-template-columns:1fr;gap:12px}
  .msid-mobile-directory-drawer-body select.msid-search-native,.msid-mobile-school-drawer-body select.msid-search-native{min-height:0!important}
  .msid-search-select-trigger{min-height:48px;border-radius:14px;padding-inline:14px;font-size:.83rem}
  .msid-search-select-panel{
    position:fixed;z-index:10040;right:12px;left:12px;bottom:max(74px,calc(env(safe-area-inset-bottom) + 64px));top:auto;
    width:auto;max-width:none;max-height:min(58dvh,480px);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;padding:10px;border-radius:20px;
    box-shadow:0 24px 80px rgba(17,17,17,.24)
  }
  .msid-search-select-options{max-height:none;min-height:120px}
  .msid-search-select-search{height:48px;margin-bottom:8px;border-radius:14px}
  .msid-search-select-option{min-height:46px;padding:9px 10px;font-size:.82rem}
  .msid-search-select-footer button{min-height:40px}
  .msid-mobile-directory-drawer-body fieldset>div,.msid-mobile-school-drawer-body fieldset>div{gap:7px}
}