/* House of Kallos site search */
.site-search{position:relative;margin:0;flex:0 1 220px;min-width:150px}
.site-search label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.site-search input{
  width:100%;font-family:'Inter',sans-serif;font-size:.9rem;font-weight:400;color:var(--ink);
  background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237a8479' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") no-repeat .85rem center;
  border:1px solid var(--line);border-radius:999px;padding:.6rem 1rem .6rem 2.4rem;outline:none;
  transition:border-color .2s, box-shadow .2s;-webkit-appearance:none;appearance:none;
}
.site-search input::placeholder{color:var(--muted)}
.site-search input:focus{border-color:var(--sage);box-shadow:0 0 0 3px rgba(107,125,106,.15)}
.site-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.site-search-results{
  position:absolute;top:calc(100% + .5rem);right:0;width:min(360px,90vw);z-index:200;
  background:var(--paper);border:1px solid var(--line);border-radius:16px;
  box-shadow:0 20px 50px -20px rgba(28,38,32,.35);padding:.4rem;white-space:normal;text-align:left;
}
.site-search-results[hidden]{display:none}
.site-search-results .ss-item{display:block;padding:.65rem .8rem;border-radius:10px;color:var(--ink);text-decoration:none}
.site-search-results .ss-item::after{content:none !important;display:none !important}
.site-search-results .ss-item:hover,.site-search-results .ss-item.on{background:var(--bg-cream)}
.site-search-results .ss-t{display:block;font-family:'Fraunces',serif;font-size:1rem;color:var(--ink);line-height:1.3}
.site-search-results .ss-s{display:block;font-size:.8rem;color:var(--muted);line-height:1.45;margin-top:.15rem}
.site-search-results .ss-empty{padding:.8rem;font-size:.85rem;color:var(--ink-soft)}
.site-search-results .ss-empty a{text-decoration:underline}
@media (max-width:1100px){
  .site-search{flex:none;width:100%;min-width:0;margin:.4rem 0 .6rem;order:-1}
  .site-search input{font-size:1rem;padding:.8rem 1rem .8rem 2.5rem}
  .site-search-results{position:static;width:100%;margin-top:.5rem;box-shadow:none}
}
