/* IHSSHours.com — Site Search Widget
   Shared across all pages via _build/search-styles.css */

.search-trigger-btn{
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:8px;border:1px solid var(--border,#E8E3D8);
  background:transparent;cursor:pointer;transition:all .18s;flex-shrink:0;
}
.search-trigger-btn:hover{background:var(--gold-pale,#FBF5E6);border-color:var(--gold,#C9A84C)}
.search-trigger-btn svg{width:17px;height:17px;stroke:var(--navy,#1B2A4A)}

.search-overlay{
  position:fixed;inset:0;background:rgba(27,42,74,.55);backdrop-filter:blur(3px);
  z-index:2000;display:none;align-items:flex-start;justify-content:center;
  padding:10vh 20px 20px;
}
.search-overlay.open{display:flex}

.search-panel{
  width:100%;max-width:600px;background:#fff;border-radius:18px;
  box-shadow:0 24px 60px rgba(27,42,74,.35);overflow:hidden;
  animation:searchPanelIn .18s ease-out;
}
@keyframes searchPanelIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

.search-input-row{
  display:flex;align-items:center;gap:12px;padding:16px 20px;
  border-bottom:1px solid #E8E3D8;
}
.search-input-row svg{width:18px;height:18px;stroke:#7A7A96;flex-shrink:0}
.search-input{
  flex:1;border:none;outline:none;font-family:'Inter',sans-serif;
  font-size:16px;color:#1A1A2E;background:transparent;
}
.search-input::placeholder{color:#A8A8BC}
.search-esc-hint{
  font-size:10.5px;font-weight:600;color:#A8A8BC;border:1px solid #E8E3D8;
  border-radius:5px;padding:3px 7px;flex-shrink:0;
}

.search-results{max-height:60vh;overflow-y:auto;padding:8px}
.search-results-empty{padding:32px 20px;text-align:center;color:#A8A8BC;font-size:13.5px}
.search-group-label{
  font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:#9A7A2E;padding:10px 12px 6px;
}
.search-result-item{
  display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;
  text-decoration:none;cursor:pointer;transition:background .12s;
}
.search-result-item:hover,.search-result-item.active{background:#FBF5E6}
.search-result-title{font-size:14px;font-weight:600;color:#1B2A4A}
.search-result-title mark{background:#F3DFA3;color:#1B2A4A;border-radius:2px}
.search-result-desc{font-size:12px;color:#7A7A96;line-height:1.5;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.search-result-cat{font-size:10px;font-weight:600;color:#3D7A6E}

@media(max-width:480px){
  .search-overlay{padding:6vh 12px 12px}
  .search-esc-hint{display:none}
}