.page-link {
  white-space: nowrap;
}

// Blacklight's decision to try to use bootstrap modal CSS with an html5 dialog --
// in such a way the <dialog> element actually serves as the modal backdrop --
// requires some fixes to both bootstrap CSS and user-agent default css
dialog.modal[open] {
  // override bootstrap .modal class default display: none
  // since we aren't using bootstrap JS that sets and unsets the display
  display: block;
  background: none;
  border: none;

  max-height: unset; // override user-agent dialog
  max-width: unset; // override user-agent dialog

  &::backdrop {
    background-color: var(--bl-modal-backdrop-bg);
  }
}

/* Contrast fix for Bootstrap's btn-outline-secondary in dark mode */
[data-bs-theme="dark"] .btn-outline-secondary {
  --bs-btn-color: #848D94;
  --bs-btn-border-color: #848D94;
}

/* Contrast fix for Bootstrap's text success color in dark mode */
[data-bs-theme="dark"] .facets {
  --bl-facet-active-item-color: #1D9F63;
}

/* Contrast fix for Bootstrap's accordion icon on success background in dark mode */
[data-bs-theme="dark"] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'><path d='m2 5 6 6 6-6'/></svg>");
  --bs-accordion-btn-active-icon: var(--bs-accordion-btn-icon);
}