/*
 * Search box styling for the restored Chronicles site.
 *
 * Added during restoration; the original searched through WordPress. Pagefind
 * ships its own stylesheet, so this only retunes it to the tpSunrise palette
 * and to the dark theme, using Pagefind's documented custom properties.
 */

#site-search {
  margin: 0 0 14px;
}

#site-search .pagefind-ui {
  --pagefind-ui-scale: 0.72;
  --pagefind-ui-primary: #2b587a;
  --pagefind-ui-text: #333;
  --pagefind-ui-background: #fff;
  --pagefind-ui-border: #c9c6c6;
  --pagefind-ui-tag: #eceaea;
  --pagefind-ui-border-width: 1px;
  --pagefind-ui-border-radius: 4px;
  --pagefind-ui-font: inherit;
}

/* The sidebar is narrow; the default input is built for a full-width page. */
#site-search .pagefind-ui__search-input {
  width: 100%;
  box-sizing: border-box;
}

#site-search .pagefind-ui__result-title {
  font-size: 1em;
  line-height: 1.3;
}

#site-search .pagefind-ui__result-excerpt {
  font-size: 0.92em;
  line-height: 1.4;
}

/* Long result lists would push the links widget far down the page. */
#site-search .pagefind-ui__results-area {
  max-height: 60vh;
  overflow-y: auto;
}

:root[data-theme="dark"] #site-search .pagefind-ui {
  --pagefind-ui-primary: #8fb5e8;
  --pagefind-ui-text: #e3e6ea;
  --pagefind-ui-background: #1e2126;
  --pagefind-ui-border: #3a4048;
  --pagefind-ui-tag: #23272e;
}

/* Pagefind marks matched terms; the default highlight is unreadable on dark. */
:root[data-theme="dark"] #site-search mark {
  background: #3d4426;
  color: #e3e6ea;
}