/* ke_search — supplementary styles on top of Bootstrap 5.3.
   The Fluid template/partial overrides live at
   fileadmin/templates/t3sb/Resources/Private/KeSearch/ and already use
   Bootstrap 5 utility/component classes (form-control, form-select,
   form-check, input-group, list-group, pagination, alert, ...).
   Only the bits Bootstrap has no utility for are styled here. */

/* WCAG: Bootstrap's default btn-outline-secondary text/border color is too
   light against a white background to reliably clear 4.5:1 contrast. */
.tx-kesearch-pi1 .btn-outline-secondary {
  --bs-btn-color: #495057;
  --bs-btn-border-color: #495057;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #495057;
  --bs-btn-hover-border-color: #495057;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #495057;
  --bs-btn-active-border-color: #495057;
}

/* Search-term highlighting (the "hit" span is injected server-side by ke_search itself) */
.tx-kesearch-pi1 .hit {
  color: var(--bs-danger);
  font-weight: 700;
}

/* Keep small type icons aligned with the first line of text */
.tx-kesearch-pi1 .teaser_icon img {
  vertical-align: top;
}

/* Sort direction indicator triangles (Sorting.html) */
.tx-kesearch-pi1 #kesearch_ordering .sortlink {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
}

.tx-kesearch-pi1 #kesearch_ordering span.down,
.tx-kesearch-pi1 #kesearch_ordering span.up {
  display: inline-block;
  width: 0;
  height: 0;
}

.tx-kesearch-pi1 #kesearch_ordering span.down {
  border-color: var(--bs-danger) transparent;
  border-style: solid solid none;
  border-width: 0.3em 0.3em 0;
}

.tx-kesearch-pi1 #kesearch_ordering span.up {
  border-color: transparent transparent var(--bs-danger);
  border-style: none solid solid;
  border-width: 0 0.3em 0.3em;
}