/* Search Visualizer — Styles
 *
 * Loaded automatically in head.njk for all themes via the visualizer CSS
 * auto-include system (bundle-visualizers.js → assets/css/visualizers/search.css).
 *
 * Results always appear above the filter panel.
 * Filters (tags) are hidden by default; opt-in with `show_tags: true` in the code fence.
 */

/* Results always first, filters below */
.pagefind-ui .pagefind-ui__drawer {
  flex-direction: column;
}

.pagefind-ui .pagefind-ui__results-area {
  order: 1;
}

.pagefind-ui .pagefind-ui__filter-panel {
  order: 2;
  width: 100%;
}

/* Hide filter panel by default on all search widgets */
.search-visualizer .pagefind-ui__filter-panel,
.home-search .pagefind-ui__filter-panel,
.footer-search__panel .pagefind-ui__filter-panel {
  display: none !important;
}

/* Opt-in: show_tags: true in code fence adds this class */
.search-visualizer--show-tags .pagefind-ui__filter-panel {
  display: block !important;
}