/* results-web.css — unified search feed. Loads after results.css so .rrow can
   override the .card grid look. Listings (View::card) and web results
   (web-feed.php) share the .rrow row, so the feed reads as one list. */

/* one seamless column: listings feed then web feed, no visual break */
.feed{display:flex;flex-direction:column;gap:0;padding:8px 0 0}
.web-feed{display:flex;flex-direction:column;gap:0;padding:0}
.feed:empty{padding:0;display:none}       /* no listings: web results sit at the top */
.web-feed:empty{display:none}
.results main.wrap{padding-bottom:60px}   /* single trailing space, not per-feed */
body.view-map .web-feed{display:none}          /* web results have no location; hide on map */

/* unified row — overrides .card's card/grid styling */
.rrow{position:relative;flex-direction:row;align-items:flex-start;gap:12px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:14px 6px;overflow:visible;transition:background .12s}
.rrow:hover{transform:none;box-shadow:none;border-color:var(--line);background:rgba(0,0,0,.022)}

/* left media: listing gradient+icon, or web favicon box */
.rr-media{flex:none;width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.92)}
.rr-media>svg{width:26px;height:26px}
.rr-media-web{background:var(--surface);border:1px solid var(--line);color:var(--faint)}
.rr-media-web>svg{width:22px;height:22px}
.rr-media-photo{width:96px;height:96px;border:0;background:transparent}
@media (max-width:640px){.rr-media-photo{width:72px;height:72px}}

/* main column */
.rr-main{flex:1;min-width:0;padding-right:34px}

/* listing meta: tag + area/distance */
.rr-meta{display:flex;align-items:center;gap:7px;margin-bottom:3px;flex-wrap:wrap}
.rr-tag{flex:none;font-size:11px;font-weight:700;color:var(--pine);background:#e7f0ec;padding:2px 8px;border-radius:999px}
.rr-sub{font-size:12.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* web cite: url breadcrumb */
.rr-cite{font-size:12.5px;color:var(--muted);margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rr-sep{color:var(--line-2)}

/* shared title (2-line clamp) */
.rr-title{font-size:15px;font-weight:600;line-height:1.3;color:var(--pine-ink);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rr-title-web{color:var(--pine)}
.rrow-web:hover .rr-title-web{text-decoration:underline;text-underline-offset:2px}

/* listing price / web snippet */
.rr-price{font-family:var(--display);font-weight:700;font-size:17px;color:var(--pine-ink);margin-top:3px}
.rr-price.free{color:var(--coral-ink)}
.rr-snip{font-size:13.5px;line-height:1.5;color:var(--muted);margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* favorite button (listings only) — top-right of the row */
.rrow .card-fav{position:absolute;right:2px;top:12px;width:34px;height:34px;z-index:2}