/* Blagovist site search — suggestions dropdown */
.bvs-form { position: relative; }
.bvs-list {
  position: absolute; left: 0; right: 0; top: 100%; z-index: 10000;
  min-width: min(320px, calc(100vw - 32px)); max-height: 60vh; overflow-y: auto;
  margin: 2px 0 0; padding: 4px 0; list-style: none; text-align: left;
  background: #fff; color: #222; border: 1px solid #ddd; border-radius: 4px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .15);
  font-family: inherit; font-size: 15px; line-height: 1.35; letter-spacing: normal; text-transform: none;
}
.bvs-list[hidden] { display: none; }
/* header search spans the whole nav bar: centre the list under the centred input */
#main-nav .bvs-list { left: 50%; right: auto; transform: translateX(-50%); width: min(640px, calc(100vw - 32px)); }
.bvs-list li { margin: 0; padding: 0; list-style: none; border: 0; }
.bvs-list li::before { content: none; }
.bvs-item a {
  display: block; padding: 9px 12px; color: inherit; text-decoration: none;
  white-space: normal; overflow-wrap: anywhere; font-weight: 400;
}
.bvs-item.bvs-best a { font-weight: 600; }
.bvs-item.is-active a, .bvs-item a:hover { background: #f0ece6; }
.bvs-all { border-top: 1px solid #eee; margin-top: 4px; }
.bvs-all a { color: #8b6d3f; font-size: 14px; }
.bvs-none { padding: 9px 12px; color: #777; font-size: 14px; }
@media (max-width: 600px) {
  .bvs-item a { padding: 12px; }   /* bigger touch targets */
}
/* theme dark mode (body class from the theme/switcher) */
.ashe-dark-mode .bvs-list, .dark-mode .bvs-list, body.dark .bvs-list { background: #1e1e1e; color: #e6e6e6; border-color: #3a3a3a; }
.ashe-dark-mode .bvs-item.is-active a, .ashe-dark-mode .bvs-item a:hover,
.dark-mode .bvs-item.is-active a, .dark-mode .bvs-item a:hover,
body.dark .bvs-item.is-active a, body.dark .bvs-item a:hover { background: #2d2a26; }
.ashe-dark-mode .bvs-all, .dark-mode .bvs-all, body.dark .bvs-all { border-color: #333; }
.ashe-dark-mode .bvs-all a, .dark-mode .bvs-all a, body.dark .bvs-all a { color: #d4b483; }