/*
 * Sierra NSP — shared search-match highlight.
 *
 * Add class "tix-search-hit" to a <mark> wrapping a matched substring. Loaded
 * globally from body_open.php so any page's search can highlight matches in the
 * same bright yellow the User Guide / FAQ use. Pair with assets/js/search-highlight.js.
 */
.tix-search-hit {
  display: inline;
  padding: 0 0.08em;
  border-radius: 2px;
  background: #fef08a;
  color: #111827;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
body.theme-dark .tix-search-hit {
  background: #fde047;
  color: #111827;
}
@media (prefers-color-scheme: dark) {
  body:not(.theme-light) .tix-search-hit {
    background: #fde047;
    color: #111827;
  }
}

/* Whole-control highlight: form fields can't hold <mark>, so a matching
   input/select/textarea value flags the whole control in the same yellow. */
.tix-search-hit-field {
  background: #fef08a !important;
  color: #111827 !important;
  border-color: #eab308 !important;
}
body.theme-dark .tix-search-hit-field {
  background: #fde047 !important;
  color: #111827 !important;
  border-color: #ca8a04 !important;
}
@media (prefers-color-scheme: dark) {
  body:not(.theme-light) .tix-search-hit-field {
    background: #fde047 !important;
    color: #111827 !important;
    border-color: #ca8a04 !important;
  }
}