/* ---------------------------------------------------------------
   Site-wide recipe search — a compact box + dropdown results.
   Mounts on #ssSearch / #ssResults (see search.js), data from
   window.SS_SEARCH (assets/search-index.js). Present on every page
   so you can jump to any recipe without going back to the home page.
   Uses theme CSS variables where present, with safe fallbacks so it
   looks right on recipe pages (themed) and browse pages alike.
--------------------------------------------------------------- */
.ss-search{position:relative;max-width:440px;margin:14px auto 2px;}
.ss-search .searchbox{display:flex;align-items:center;gap:10px;
  background:var(--surface,#FBF6E7);border:1.5px solid var(--line,#E0CDB3);
  border-radius:999px;padding:9px 16px;box-shadow:var(--shadow,0 6px 20px rgba(60,40,20,.12));}
.ss-search .searchbox:focus-within{border-color:var(--cherry,#9E1B2F);}
.ss-search .mag{flex:none;width:18px;height:18px;color:var(--accent,#9E1B2F);}
.ss-search input{flex:1;border:none;background:transparent;font-family:inherit;
  font-size:15px;color:var(--ink,#2b2016);outline:none;min-width:0;}
.ss-search input::placeholder{color:#9a8266;}
.ss-search input::-webkit-search-cancel-button{-webkit-appearance:none;}
.ss-clear{flex:none;border:none;background:transparent;font-size:20px;line-height:1;
  color:#9a8266;cursor:pointer;padding:0 2px;}
.ss-clear:hover{color:var(--cherry,#9E1B2F);}

.ss-results{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:500;
  max-height:min(70vh,520px);overflow-y:auto;background:var(--surface,#FBF6E7);
  border:1.5px solid var(--line,#E0CDB3);border-radius:14px;
  box-shadow:0 14px 38px rgba(60,40,20,.24);padding:8px;}
.ss-results .ss-count{font-size:12px;color:#8a6a52;font-style:italic;padding:6px 8px 8px;margin:0;}
.ss-item{display:block;text-decoration:none;color:inherit;border-radius:10px;padding:9px 12px;}
.ss-item:hover,.ss-item:focus{background:var(--paper,#EFE3D0);}
.ss-item .ss-t{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:15px;line-height:1.2;}
.ss-item .ss-m{display:flex;gap:8px;margin-top:3px;font-size:11.5px;color:#7a5a48;flex-wrap:wrap;align-items:center;}
.ss-item .ss-room{font-weight:600;}
.ss-item .ss-fav{color:#C0791F;}
.ss-item .ss-draft{background:var(--paper,#EFE3D0);border:1px solid var(--line,#E0CDB3);
  border-radius:999px;padding:0 7px;font-size:10px;font-weight:700;text-transform:uppercase;
  letter-spacing:.03em;color:#9a6a1e;}
.ss-none{font-style:italic;color:#8a6a52;padding:14px 10px;font-size:14px;margin:0;}
.ss-col{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;
  background:#f5ead6;border:1.5px solid var(--cherry,#9E1B2F);border-radius:10px;
  padding:10px 12px;margin:2px 2px 8px;}
.ss-col:hover{background:#f0e2c8;}
.ss-col-ic{flex:none;font-size:22px;line-height:1;}
.ss-col-t{display:block;font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:15px;color:var(--cherry,#9E1B2F);}
.ss-col-d{display:block;font-size:12px;color:#6a503c;margin-top:2px;}