/* ==========================================================================
   Vedic People v3 — search.css
   search.php only. Filter chips are deliberately not implemented — there's
   no real facet/count data source behind them yet (same call the brief
   itself made); every result shows its post type as a neutral .tag.category
   instead, which is real and already works.
   ========================================================================== */

.search-page-bar{padding:16px 28px; background:var(--paper-deep); border-bottom:1px solid var(--line);}

.results-list{width:90%; margin:0 auto; padding:18px 0 30px;}
.result-item{padding:15px 0; border-top:1px solid var(--line-soft);}
.result-item:first-child{border-top:none;}

.result-head{display:flex; justify-content:space-between; align-items:baseline; gap:12px;}
.result-head h4{font:600 1.25rem var(--font-serif); margin:0;}
.result-head h4 a{color:var(--green); text-decoration:none;}
.result-head h4 a:hover{color:var(--vermilion); text-decoration:underline;}

.result-item .snippet{font:400 1.08rem/1.5 var(--font-ui); color:var(--ink-soft); margin:6px 0 6px; max-width:70ch;}

.result-item .crumb{font-size:1.05rem; margin:0;}

/* the_posts_pagination() styling lives in base.css — index.php uses it too. */

@media (max-width: 640px){
  .result-head .tag{display:none;}
  .result-item .crumb{display:none;}
}

/* ── Vedic ANVESHANA results (plugin vedic-anveshana) ─────────────────────── */
.anv{width:90%; margin:0 auto; padding:14px 0 36px;}
.anv-kinds{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px;}
.anv-kinds a{font:500 .98rem var(--font-ui); color:var(--ink-soft); text-decoration:none; padding:6px 12px; border:1px solid var(--line); border-radius:999px; background:var(--surface);}
.anv-kinds a span,.anv-chip small,.anv-mentions span{color:var(--ink-faint); font-weight:400; margin-left:4px;}
.anv-kinds a.is-on{background:var(--green-soft); border-color:var(--green); color:var(--green-deep);}
.anv-expanded{font:400 .98rem var(--font-ui); color:var(--ink-soft); margin:0 0 12px;}
.anv-expanded a{color:var(--green); margin-left:6px;}
.anv-chip{display:inline-block; font:500 .92rem var(--font-ui); color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:999px; padding:3px 10px; margin:2px 4px 2px 0; text-decoration:none;}
.anv-chip.is-on{background:var(--green-soft); border-color:var(--green); color:var(--green-deep);}
a.anv-chip:hover{border-color:var(--green); color:var(--green);}

.anv-panel{display:flex; gap:22px; align-items:flex-start; background:var(--paper-deep); border:1px solid var(--line); border-radius:14px; padding:20px 22px; margin:0 0 22px;}
.anv-panel__img{width:150px; height:150px; object-fit:cover; border-radius:10px; flex:none; border:1px solid var(--line);}
.anv-panel__main{min-width:0; flex:1;}
.anv-panel h2{font:600 1.6rem var(--font-serif); margin:0 0 6px; display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.anv-panel h2 a{color:var(--green); text-decoration:none;}
.anv-panel h2 a:hover{color:var(--vermilion);}
.anv-panel__summary{font:400 1.04rem/1.5 var(--font-ui); color:var(--ink-soft); margin:0 0 10px; max-width:72ch;}
.anv-names,.anv-rel,.anv-others{font:400 .98rem/1.55 var(--font-ui); margin:4px 0; color:var(--ink);}
.anv-names b,.anv-rel b,.anv-others b,.anv-nodes b{font-weight:600; color:var(--ink-soft); margin-right:6px;}
.anv-rel a,.anv-others a{color:var(--green);}
.anv-more{color:var(--ink-faint);}
.anv-facts{margin:10px 0 6px; padding:0 0 0 18px; font:400 .98rem/1.5 var(--font-ui); color:var(--ink);}
.anv-facts li{margin:3px 0;}
.anv-facts cite{font-style:normal; color:var(--ink-faint); font-size:.9rem; margin-left:6px;}
.anv-nodes{font:400 .98rem var(--font-ui); margin:0 0 14px;}

.anv-group{margin:0 0 10px;}
.anv-group h3{font:600 1.15rem var(--font-serif); color:var(--ink-soft); margin:18px 0 4px; display:flex; gap:12px; align-items:baseline;}
.anv-all{font:500 .92rem var(--font-ui); color:var(--green); text-decoration:none;}
.anv-group .result-item{display:flex; gap:14px;}
.anv-group .result-item .result-body{min-width:0; flex:1;}
.result-thumb{width:64px; height:64px; object-fit:cover; border-radius:8px; flex:none; border:1px solid var(--line);}
.anv-chno{display:inline-block; min-width:1.6em; text-align:center; font:600 .82em var(--font-ui); color:var(--green-deep); background:var(--green-soft); border-radius:6px; padding:1px 5px; vertical-align:middle;}
.anv-facet{margin:4px 0 10px;}
.anv-group .anv-sloka{display:block;}
.anv-sloka__text{margin:0 0 6px; padding:8px 14px; border-left:3px solid var(--vermilion); font:400 1.12rem/1.65 var(--font-serif); color:var(--ink); background:var(--surface);}
.anv-sloka__text.lang-telu{font-family:var(--font-te);}
.anv-sloka__text.lang-deva{font-family:var(--font-hi);}
.anv-pager{font:500 .98rem var(--font-ui); display:flex; gap:18px; margin:12px 0;}
.anv-pager a{color:var(--green);}
.anv-none{font:400 1.05rem var(--font-ui); color:var(--ink-soft); padding:20px 0;}

/* as-you-type suggestions (anveshana.js) */
.anv-suggest{position:absolute; z-index:60; left:0; right:0; top:calc(100% + 6px); background:var(--surface); border:1px solid var(--line); border-radius:12px; box-shadow:0 8px 24px rgba(42,36,30,.12); overflow:hidden; font:400 .98rem var(--font-ui);}
.anv-suggest a{display:flex; align-items:center; gap:10px; padding:8px 12px; color:var(--ink); text-decoration:none; border-top:1px solid var(--line-soft);}
.anv-suggest a:first-child{border-top:none;}
.anv-suggest a:hover,.anv-suggest a.is-active{background:var(--green-soft);}
.anv-suggest img{width:32px; height:32px; border-radius:6px; object-fit:cover; flex:none;}
.anv-suggest .t{flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.anv-suggest .k{color:var(--ink-faint); font-size:.85rem; flex:none;}
.anv-suggest .m{color:var(--ink-soft); font-size:.9rem;}
.search-pill,.search-hero{position:relative;}
.search-pill .anv-suggest{left:auto; right:0; width:min(380px, 92vw);}

@media (max-width: 640px){
  .anv-panel{flex-direction:column; gap:12px; padding:14px;}
  .anv-panel__img{width:96px; height:96px;}
  .result-thumb{display:none;}
}