/*
 * Minimal overrides for the docs search dropdown.
 *
 * The layout is BetterDocs' (see wp-content/plugins/betterdocs/assets/public/
 * css/search.css) and is reused as-is by assets/js/docs-search.js. Two of its
 * rules were written for short WordPress post titles and do not survive ours --
 * "Connecting Your Gmail or Google Workspace Email to Slack" is 55 characters,
 * and the category renders as a second span on the same line.
 *
 * Kept as a separate file rather than edited into the vendor CSS or the
 * per-page inline Elementor CSS, so it is obvious what is ours.
 */

/* Vendor sets white-space:nowrap, which pushes long titles out of the 800px
   dropdown horizontally. */
.betterdocs-live-search .docs-search-result li a {
  white-space: normal;
}

/* Title and category are inline spans by default and collide. Stack them. */
.betterdocs-live-search .docs-search-result li a .betterdocs-search-title {
  display: block;
  line-height: 1.35;
}

.betterdocs-live-search .docs-search-result li a .betterdocs-search-category {
  display: block;
  margin-top: 4px;
  opacity: 0.7;
}

/* The list is absolutely positioned; a click target that fills the row makes
   the whole li clickable rather than just the text. */
.betterdocs-live-search .docs-search-result li {
  width: 100%;
}

.betterdocs-live-search .docs-search-result li a {
  width: 100%;
}