/* Map search (map-search.js): a magnifier under the zoom buttons that opens a
 * small search panel beside it. Uses the map page's theme variables, with
 * fallbacks, and the .pz-btn look from map-layers.css is not needed here. */

.pz-search{ position:relative; font-family:var(--body,'IBM Plex Sans',sans-serif); }
.pz-search .pz-search-btn{
  display:flex; align-items:center; justify-content:center;
  width:30px; height:30px; padding:0; line-height:1;
  background:var(--bg-elevated,#171B24); color:var(--grey-light,#C7CDD6);
  border-radius:inherit;
}
.pz-search .pz-search-btn:hover,
.pz-search .pz-search-btn[aria-expanded="true"]{ background:var(--line,#262B36); color:var(--white,#F3F5F7); }
.pz-search .pz-search-btn:focus-visible{ outline:2px solid var(--frost,#6FC6E8); outline-offset:1px; }
.pz-search .pz-search-btn svg{ width:15px; height:15px; }

.pz-search-panel{
  position:absolute; top:0; left:38px; z-index:1100;
  width:290px; max-width:calc(100vw - 96px); max-height:calc(100vh - 40px); overflow-y:auto; overscroll-behavior:contain;
  background:rgba(16,19,26,0.97); border:1px solid var(--line,#262B36);
  border-radius:8px; box-shadow:0 8px 28px rgba(0,0,0,0.5);
  color:var(--grey-light,#C7CDD6); font-size:12.5px; line-height:1.45;
}
.pz-search-panel[hidden]{ display:none; }
.pz-search-input{
  display:block; box-sizing:border-box; width:100%; margin:0;
  padding:10px 12px; font:inherit; font-size:14px; color:var(--white,#F3F5F7);
  background:transparent; border:0; border-bottom:1px solid var(--line,#262B36);
  border-radius:8px 8px 0 0;
}
.pz-search-input::placeholder{ color:var(--grey-mid,#8A93A3); }
.pz-search-input:focus{ outline:none; box-shadow:inset 0 -2px 0 var(--frost,#6FC6E8); }

.pz-search-body{ padding:6px; }
.pz-search-hint{ margin:6px 6px 8px; color:var(--grey-mid,#8A93A3); }
.pz-search-types{ display:flex; flex-wrap:wrap; gap:6px; padding:0 6px 6px; }
.pz-search-type{
  padding:5px 10px; font:inherit; font-size:12px; font-weight:600;
  color:var(--grey-light,#C7CDD6); background:var(--bg-elevated,#171B24);
  border:1px solid var(--line,#262B36); border-radius:14px; cursor:pointer;
}
.pz-search-type:hover{ color:var(--white,#F3F5F7); border-color:var(--frost,#6FC6E8); }
.pz-search-type:focus-visible{ outline:2px solid var(--frost,#6FC6E8); outline-offset:1px; }

.pz-search-list{ list-style:none; margin:0; padding:0; }
.pz-search-list li{
  display:flex; align-items:baseline; justify-content:space-between; gap:10px;
  padding:9px 8px; border-radius:5px; cursor:pointer; color:var(--white,#F3F5F7);
}
.pz-search-list li:hover,
.pz-search-list li[aria-selected="true"]{ background:var(--bg-elevated,#171B24); box-shadow:inset 2px 0 0 var(--frost,#6FC6E8); }
.pz-search-meta{ flex:none; font-size:11.5px; color:var(--grey-mid,#8A93A3); }

.pz-search-note{
  position:absolute; top:0; left:38px; z-index:1050; width:max-content; max-width:260px;
  padding:8px 11px; font-size:12.5px; line-height:1.4; color:var(--white,#F3F5F7);
  background:rgba(16,19,26,0.95); border:1px solid var(--line,#262B36); border-radius:6px;
}
.pz-search-note[hidden]{ display:none; }

/* Hidden when the host locks the map (the zoom buttons are hidden then too). */
.page.pz-locked .pz-search{ display:none; }