/* =========================
   YanlunAI Search Page (ONLY /search/)
   Scope: .page-search
   ========================= */

/* 防冲突：只在 search 页生效 */
.page-search {
  --yl-search-radius: 16px;
  --yl-search-radius-sm: 14px;
}

/* Searchbox wrapper */
.page-search .searchbox {
  position: relative;
  margin: 16px 0 14px;
  border-radius: var(--yl-search-radius);
  background: var(--entry);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-l1);
  overflow: hidden;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.page-search .searchbox:focus-within {
  border-color: rgba(124, 92, 255, 0.60);
  box-shadow:
    0 0 0 3px rgba(124, 92, 255, 0.14),
    var(--shadow-l1);
}

/* Input */
.page-search #searchInput {
  width: 100%;
  padding: 16px 52px 16px 16px;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--primary);
  font-size: 16px;
  line-height: 1.5;
}

.page-search #searchInput::placeholder {
  color: var(--secondary);
  opacity: .65;
}

/* Right icon (decor) */
.page-search .searchbox::after {
  content: "⌕";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  opacity: .45;
  pointer-events: none;
  color: var(--secondary);
}

/* Count */
.page-search .search-meta {
  margin: 0 0 12px;
  color: var(--secondary);
  font-size: 14px;
}

/* =========================
   Results container
   ========================= */

/* 你的模板是 ul#searchResults.search-results */
.page-search #searchResults.search-results {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

/* 兼容 search.js 可能插入的 li / div */
.page-search #searchResults > li,
.page-search #searchResults > div {
  margin: 0;
  padding: 0;
}

/* =========================
   Card styling (兼容多结构)
   ========================= */

/* 1) 你自定义结构：li.search-result a ... */
.page-search #searchResults .search-result a {
  display: block;
  text-decoration: none;
  background: var(--entry);
  border: 1px solid var(--border);
  border-radius: var(--yl-search-radius-sm);
  padding: 14px 14px 12px;
  box-shadow: var(--shadow-l1);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  color: var(--primary) !important; /* 修复“只有框没字” */
}

.page-search #searchResults .search-result a:hover {
  transform: translateY(-1px);
  border-color: rgba(124, 92, 255, 0.35);
  box-shadow:
    0 0 0 2px rgba(124, 92, 255, 0.10),
    var(--shadow-l1);
}

/* 标题/摘要（自定义结构） */
.page-search #searchResults .search-result a .search-title,
.page-search #searchResults .search-result a h2,
.page-search #searchResults .search-result a h3 {
  margin: 0 0 6px;
  font-size: 16px;
  line-height: 1.35;
  color: var(--primary) !important;
}

.page-search #searchResults .search-result a .search-snippet,
.page-search #searchResults .search-result a p {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--secondary) !important;
  opacity: 0.92;
}

/* 2) PaperMod 常见结构：article.post-entry / .entry-header / .entry-title / .entry-content */
.page-search #searchResults article.post-entry {
  background: var(--entry);
  border: 1px solid var(--border);
  border-radius: var(--yl-search-radius-sm);
  padding: 14px 14px 12px;
  box-shadow: var(--shadow-l1);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.page-search #searchResults article.post-entry:hover {
  transform: translateY(-1px);
  border-color: rgba(124, 92, 255, 0.35);
  box-shadow:
    0 0 0 2px rgba(124, 92, 255, 0.10),
    var(--shadow-l1);
}

/* PaperMod 的链接通常在 article 内部，这里兜底强制可见 */
.page-search #searchResults article.post-entry a {
  color: var(--primary) !important;
  text-decoration: none;
}

/* 标题 */
.page-search #searchResults .entry-title,
.page-search #searchResults h2.entry-title,
.page-search #searchResults h3.entry-title {
  margin: 0 0 6px;
  font-size: 16px;
  line-height: 1.35;
  color: var(--primary) !important;
}

/* 摘要 */
.page-search #searchResults .entry-content,
.page-search #searchResults .entry-summary,
.page-search #searchResults .entry-content p {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--secondary) !important;
  opacity: 0.92;
}

/* 空结果 */
.page-search #searchResults .search-empty,
.page-search #searchResults .not-found,
.page-search #searchResults .no-results {
  padding: 14px;
  border-radius: var(--yl-search-radius-sm);
  background: var(--entry);
  border: 1px dashed var(--border);
  color: var(--secondary);
}

/* =========================
   Mobile
   ========================= */
@media (max-width: 640px) {
  .page-search .searchbox {
    border-radius: 14px;
  }

  .page-search #searchInput {
    padding: 14px 48px 14px 14px;
    font-size: 15px;
  }

  .page-search #searchResults.search-results {
    gap: 9px;
  }

  .page-search #searchResults .search-result a,
  .page-search #searchResults article.post-entry {
    border-radius: 13px;
    padding: 13px 13px 11px;
  }
}
/* =========================
   Hard reset for PaperMod search dropdown styles
   Fix: results overlay / wrong position / clickable blank area
   ========================= */

/* 强制把结果列表恢复为“正常文档流”，避免被主题当成下拉框 absolute */
.page-search #searchResults {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  z-index: auto !important;
}

/* 有些主题会给 result item / a 做 absolute 覆盖点击区，这里一刀切恢复 */
.page-search #searchResults .search-result,
.page-search #searchResults .search-result a {
  position: static !important;
  inset: auto !important;
  transform: none !important;
}

/* 确保列表一定在搜索框下方（哪怕上游有奇怪的负 margin） */
.page-search .searchbox {
  position: relative;
  z-index: 2;
}

.page-search .search-meta,
.page-search #searchResults {
  position: relative;
  z-index: 1;
  margin-top: 10px;
}

/* 防止“点击空白处触发跳转”：如果上游给了透明层/伪元素覆盖，这里禁用 */
.page-search #searchResults::before,
.page-search #searchResults::after {
  content: none !important;
  pointer-events: none !important;
}
/* =========================
   Hard isolate for /search/
   Fix: results appear above input / overlay clickable blank area
   ========================= */

/* 让搜索页的 main 成为一个明确的文档流容器 */
.page-search {
  position: relative;
}

/* 强制结果列表回归文档流（主题有时会给它 absolute/transform） */
.page-search #searchResults,
.page-search #searchResults.search-results {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  max-height: none !important;
  overflow: visible !important;
  z-index: 1 !important;
}

/* 彻底避免“透明层覆盖点击区”的情况 */
.page-search #searchResults * {
  transform: none !important;
}

/* 保证搜索框永远在结果上方（视觉/交互都稳定） */
.page-search .searchbox {
  position: relative;
  z-index: 2;
}

/* 结果在搜索框下面 */
.page-search .search-meta {
  position: relative;
  z-index: 1;
  margin-top: 10px;
}
/* =========================
   Hard reset for PaperMod conflicts (MUST)
   Fix: results stacked above searchbox / blank clickable overlay
   ========================= */

   .page-search {
    position: relative;
  }
  
  .page-search .searchbox {
    position: relative;
    z-index: 20; /* 搜索框永远在上层 */
  }
  
  .page-search #searchResults {
    position: relative !important;
    z-index: 10;
    margin-top: 12px;
    overflow: visible;
  }
  
  /* 彻底消除“隐形覆盖层导致空白可点” */
  .page-search #searchResults .search-result,
  .page-search #searchResults .search-empty {
    position: relative !important;
    overflow: visible;
  }
  
  .page-search #searchResults .search-result a {
    position: relative !important;
    z-index: 1;
  }
  
  /* 防止主题把 ul/li 搞成奇怪的 display/position */
  .page-search #searchResults,
  .page-search #searchResults * {
    transform: none;
  }