/* контейнер и выпадашка */
.btk-suggest-wrap { position: relative; width: 100%; overflow: visible !important; }
.btk-suggest {
  position: absolute; top: 100%; left: 0; right: 0; margin-top: 4px;
  background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow);
  border-radius: 8px; z-index: 5000; max-height: 320px; overflow-y: auto;
}
.btk-suggest.d-none { display: none !important; }

.suggest-list { list-style: none; margin: 0; padding: 0; }

/* элементы */
.suggest-item { padding: 6px 8px; }
.suggest-item + .suggest-item { border-top: 1px solid rgba(0,0,0,.06); }
.suggest-item a { color: var(--text); display: flex; align-items: center; text-decoration: none; }
.suggest-item:hover { background: rgba(0,227,248,.08); }

/* мини-обложка */
.suggest-item .thumb {
  width: 40px; height: 56px; flex: 0 0 40px;
  border-radius: 4px; overflow: hidden; background: #e9eef5;
  display: inline-flex; align-items: center; justify-content: center;
  margin-right: .5rem;
}
.suggest-item .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* текст */
.suggest-item .meta { min-width: 0; }
.suggest-item .title { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.suggest-item .sg-year { color: var(--muted); font-weight: 500; margin-left: 6px; }

/* пусто */
.suggest-empty { padding: 6px 8px; }

/* футер */
.suggest-footer {
  position: sticky; bottom: 0;
  background: var(--surface);
  border-top: 1px solid var(--border);
  text-align: center;
  padding: 8px 10px;
}
.all-results-link {
  font-weight: 700;
  color: var(--accent);
  display: inline-flex; align-items: center; gap: 6px;
  text-decoration: none;
}
.all-results-link:hover { color: var(--accent-hover); }

/* в navbar всегда поверх */
.navbar .btk-suggest-wrap { position: relative; z-index: 6000; overflow: visible !important; }
/* Подсветка совпадений в подсказках */
/* Яркая, хорошо видимая подсветка совпадений */
.suggest-list .sg-hl{
  background: #ffe58f;          /* сочный жёлтый как у Google */
  color: inherit;
  padding: 0 .12rem;
  border-radius: .2rem;
  font-weight: 600;             /* слегка жирнее, чтобы было видно */
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
}
html.theme-dark .suggest-list .sg-hl{
  background: #6b5b00;          /* тёплый тёмно-жёлтый для дарк-темы */
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.1);
}