/* Site search box. Shared by blackwateroutdoorjourneys.com and
   campingwildernessskills.com, which search the SAME combined index: the two
   sites are one business, and someone hunting the Bushcraft app on BWJ or a
   river guide on CWS should not have to know which domain it lives on.

   A result from the other site carries a small badge so nobody is surprised
   when the domain changes.

   Colours come from the shared brand variables; this file defines none. */

.sbox{position:relative;max-width:520px;margin:20px auto 0;text-align:left;z-index:5}
.sform{display:flex;align-items:center;gap:10px;background:rgba(12,10,6,.72);
  border:1px solid rgba(203,182,140,.34);border-radius:999px;padding:11px 16px;
  backdrop-filter:blur(3px);transition:border-color .15s}
.sform:focus-within{border-color:var(--ember)}
.sico{width:18px;height:18px;flex:none;fill:none;stroke:var(--tan);stroke-width:2;
  stroke-linecap:round}
.sform input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--cream);
  font:inherit;font-size:15px;padding:0}
.sform input::placeholder{color:var(--muted)}
.sform input::-webkit-search-cancel-button{display:none}
.sclr{background:none;border:0;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;
  padding:0 2px}
.sclr:hover{color:var(--cream)}
.sres{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#15110b;
  border:1px solid var(--line);border-radius:13px;box-shadow:0 26px 60px rgba(0,0,0,.7);
  max-height:min(62vh,440px);overflow-y:auto;padding:6px}
.sres a{display:block;padding:10px 12px;border-radius:9px;color:var(--cream);text-decoration:none}
.sres a:hover,.sres a.on{background:rgba(210,98,42,.16)}
.sres .sk{display:block;color:var(--ember2);font-size:10.5px;font-weight:800;letter-spacing:1.2px;
  text-transform:uppercase}
.sres .sbadge{display:inline-block;margin-left:7px;padding:1px 6px;border-radius:4px;
  background:rgba(203,182,140,.2);color:var(--tan);font-size:9.5px;letter-spacing:.8px}
.sres .st{display:block;font-size:14.5px;font-weight:700;margin-top:2px;line-height:1.3}
.sres .sd{display:block;color:var(--tan);font-size:12.5px;margin-top:3px;line-height:1.45;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sres mark{background:rgba(210,98,42,.34);color:var(--cream);border-radius:3px;padding:0 1px}
.sres .snone{padding:14px 12px;color:var(--tan);font-size:14px}
@media(max-width:700px){.sbox{margin-top:16px}.sform{padding:10px 14px}
  .sform input{font-size:16px}  /* 16px stops iOS zooming the page on focus */
  .sres{max-height:56vh}}