/* Universal Search visual treatment from the ui-refresh branch.
   Kept separate so it does not change the existing navigation layout. */
.uwh-universal-search-offcanvas {
  right: .75rem !important;
  left: .75rem !important;
  width: auto !important;
  max-width: 1180px;
  margin: 0 auto;
  border-radius: 0 0 14px 14px !important;
  box-shadow: 0 16px 34px rgba(20, 38, 61, .18);
  background-color: #f8fcfb;
  background-image:
    radial-gradient(circle at 92% 8%, rgba(94, 234, 212, .2), transparent 28%),
    radial-gradient(circle at 8% 100%, rgba(147, 197, 253, .15), transparent 30%),
    linear-gradient(to top, #eefaf7, #fbfefd);
}

.uwh-universal-search-offcanvas .offcanvas-header,
.uwh-universal-search-offcanvas .offcanvas-body {
  background: transparent;
}

.uwh-universal-search-offcanvas .uwh-search-result-active {
  position: relative;
  z-index: 1;
  color: inherit !important;
  background-color: #dff6f0 !important;
  outline: 2px solid #2aa895;
  outline-offset: -2px;
}

[data-bs-theme="dark"] .uwh-universal-search-offcanvas {
  background-color: #142b25;
  background-image:
    radial-gradient(circle at 92% 8%, rgba(45, 212, 191, .18), transparent 28%),
    radial-gradient(circle at 8% 100%, rgba(96, 165, 250, .14), transparent 30%),
    linear-gradient(to top, #10231e, #172e28);
}

[data-bs-theme="dark"] .uwh-universal-search-offcanvas .uwh-search-result-active {
  color: #e6fffa !important;
  background-color: #1e4f45 !important;
  outline-color: #5eead4;
}

@media (max-width: 575.98px) {
  .uwh-universal-search-offcanvas {
    right: .5rem !important;
    left: .5rem !important;
  }
}