/* home.css — minimal search-first landing (Google-style): logo + one box, and the
   whole page (header + hero + footer) fits one screen with no scroll. Scoped to
   body.mode-home so the listings feed pages are unaffected. */

/* Fill exactly one viewport: header (fixed) + hero (flex fills) + footer (natural). */
body.mode-home{min-height:100dvh;background:var(--surface)}
body.mode-home .applayout{min-height:0;flex:1 1 auto;display:flex;flex-direction:column}
body.mode-home .brand{display:none}   /* big centered logo is the identity */

/* hero fills the space between header and footer, contents centered */
.home{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px}
.home-logo{height:58px;width:auto;margin:0 0 34px}

/* Search box — same frame as the results bar (.searchbar): 1px --line border,
   14px radius, --surface background, --line-2 on focus. No pill, no shadow. */
.home-box{display:flex;align-items:center;gap:6px;width:100%;max-width:560px;height:56px;padding:0 8px 0 18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-sizing:border-box;transition:border-color .15s}
.home-box:focus-within{border-color:var(--line-2)}
.home-box input{flex:1;min-width:0;height:100%;border:none;background:none;outline:none;font-size:16px;color:var(--ink);padding:0}
.home-box input::placeholder{color:var(--faint)}
.home-box button[type="submit"]{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:none;color:var(--pine);border-radius:50%;cursor:pointer;transition:background .12s}
.home-box button[type="submit"]:hover{background:var(--surface-2)}
.home-box button[type="submit"] svg{width:20px;height:20px}

/* Suggestions/recent dropdown connects to the box as one shape (like the results
   bar). The box is the positioning context; the dropdown tucks flush beneath it. */
.home-box{position:relative}
.home-box .suggest{left:-1px;right:-1px;top:calc(100% + 6px);box-sizing:border-box}
.home-box.suggest-open{border-radius:14px 14px 0 0}
.home-box.suggest-open .suggest{left:-1px;right:-1px;top:100%;margin-top:0;border-top-left-radius:0;border-top-right-radius:0;border-top:1px solid var(--line-2);box-shadow:0 14px 32px rgba(0,0,0,.12)}


/* Neutralize native <input type=search> decorations so it behaves as a plain
   text field. Without this, Chrome-Android treats taps as activating the native
   search control instead of placing a caret (works in Safari, not Chrome). */
.home-box input{-webkit-appearance:none;appearance:none}
.home-box input::-webkit-search-decoration,
.home-box input::-webkit-search-cancel-button,
.home-box input::-webkit-search-results-button,
.home-box input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}