/* Seabound Journeys site search — styles.
   Scoped under .sjs- so nothing collides with existing page CSS. */

.sjs-open{display:inline-flex;align-items:center;gap:.4rem;background:none;
  border:1.5px solid #DCE6EF;border-radius:4px;padding:.5rem .8rem;cursor:pointer;
  color:#0A1E33;font-family:'Jost',system-ui,sans-serif;font-size:.7rem;
  letter-spacing:.14em;font-weight:600;text-transform:uppercase;line-height:1}
.sjs-open:hover{border-color:#1a5f91;color:#1a5f91}
.sjs-open svg{display:block}
@media(max-width:900px){.sjs-open span{display:none}.sjs-open{padding:.45rem .6rem}}

.sjs-overlay{position:fixed;inset:0;z-index:9999;background:rgba(10,30,51,.55);
  backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 20px 20px}
.sjs-panel{background:#fff;border-radius:10px;width:100%;max-width:620px;padding:22px;
  box-shadow:0 30px 70px -30px rgba(10,30,51,.7)}
.sjs-form{display:flex;gap:10px}
.sjs-input{flex:1;min-width:0;border:1px solid #DCE6EF;border-radius:6px;padding:13px 16px;
  font-family:Georgia,serif;font-size:16px;color:#0A1E33;background:#fff}
.sjs-input:focus{outline:2px solid #1a5f91;outline-offset:1px}
.sjs-go{background:#1a5f91;color:#fff;border:none;border-radius:6px;padding:13px 22px;cursor:pointer;
  font-family:'Jost',system-ui,sans-serif;font-size:.72rem;letter-spacing:.1em;
  text-transform:uppercase;font-weight:600;white-space:nowrap}
.sjs-go:hover{background:#155A8A}
.sjs-close{margin-top:14px;background:none;border:none;color:#5b6b6b;cursor:pointer;
  font-family:'Jost',system-ui,sans-serif;font-size:.68rem;letter-spacing:.12em;
  text-transform:uppercase;text-decoration:underline;padding:0}

/* results page */
.sjs-wrap{max-width:820px;margin:0 auto;padding:40px 24px 70px}
.sjs-pageform{display:flex;gap:10px;margin-bottom:14px}
.sjs-head{font-family:'Jost',system-ui,sans-serif;font-size:.74rem;letter-spacing:.1em;
  text-transform:uppercase;color:#5b6b6b;margin:0 0 20px}
.sjs-hit{display:block;text-decoration:none;border-top:1px solid #E4E7DE;padding:18px 0}
.sjs-hit:hover .sjs-t{color:#1a5f91}
.sjs-t{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;
  font-size:1.35rem;color:#0A1E33;line-height:1.25}
.sjs-d{display:block;font-family:Georgia,serif;font-size:.95rem;color:#3d4a58;
  margin-top:6px;line-height:1.55}
.sjs-u{display:block;font-family:'Jost',system-ui,sans-serif;font-size:.66rem;
  letter-spacing:.08em;text-transform:uppercase;color:#8a97a5;margin-top:8px}
