/* Bootstrap 5.3 localized docs: additions on top of docs.css. */

.bd-links-heading .bi {
  width: 1rem;
  height: 1rem;
  fill: currentColor;
}

.bd-navbar .navbar-nav .nav-link {
  white-space: nowrap;
}

/* Search trigger ---------------------------------------------------------- */

.bd-search-trigger {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-width: 15rem;
  padding: .4rem .65rem;
  color: #fff;
  font-size: .875rem;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: .5rem;
}

.bd-search-trigger:hover,
.bd-search-trigger:focus-visible {
  background: rgba(255, 255, 255, .2);
  border-color: rgba(255, 255, 255, .35);
  color: #fff;
}

.bd-search-trigger .bi {
  width: 1rem;
  height: 1rem;
  fill: currentColor;
}

.bd-search-trigger-label {
  flex: 1;
  text-align: left;
  color: rgba(255, 255, 255, .82);
}

.bd-search-trigger-keys {
  display: inline-flex;
  gap: .125rem;
}

.bd-search-trigger-keys kbd {
  padding: .05rem .3rem;
  font-size: .7rem;
  color: rgba(255, 255, 255, .85);
  background: rgba(255, 255, 255, .16);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: .25rem;
  box-shadow: none;
}

@media (max-width: 991.98px) {
  .bd-search-trigger {
    min-width: 0;
    gap: 0;
    padding: .35rem .5rem;
    background: transparent;
    border-color: transparent;
  }

  .bd-search-trigger-label {
    display: none;
  }
}

/* Search modal ------------------------------------------------------------ */

.bd-search-modal .modal-dialog {
  margin-top: 8vh;
}

.bd-search-modal .modal-header {
  padding: .85rem 1rem;
}

.bd-search-modal .modal-header .bi {
  width: 1rem;
  height: 1rem;
  fill: var(--bs-secondary-color);
}

.bd-search-input {
  border: 0;
  box-shadow: none;
  font-size: 1.05rem;
  background: transparent;
}

.bd-search-input:focus {
  border: 0;
  box-shadow: none;
  background: transparent;
}

.bd-search-input::-webkit-search-cancel-button,
.bd-search-input::-webkit-search-decoration {
  display: none;
}

.bd-search-hint,
.bd-search-empty {
  padding: .5rem .25rem;
  color: var(--bs-secondary-color);
  font-size: .875rem;
}

.bd-search-results {
  margin: 0;
}

.bd-search-result a {
  display: flex;
  flex-direction: column;
  gap: .15rem;
  padding: .55rem .65rem;
  color: var(--bs-body-color);
  text-decoration: none;
  border-radius: .5rem;
}

.bd-search-result a:hover,
.bd-search-result a.is-active {
  color: var(--bs-body-color);
  background: var(--bs-tertiary-bg);
}

.bd-search-result-title {
  font-weight: 600;
}

.bd-search-result-meta {
  font-size: .8125rem;
  color: var(--bs-secondary-color);
}

.bd-search-result mark {
  padding: 0 .1em;
  color: inherit;
  background: rgba(var(--bd-violet-rgb), .2);
  border-radius: .15rem;
}

.bd-search-badge {
  display: inline-block;
  margin-left: .35rem;
  padding: 0 .3rem;
  font-size: .7rem;
  font-weight: 500;
  color: var(--bs-secondary-color);
  border: 1px solid var(--bs-border-color);
  border-radius: .25rem;
  vertical-align: .1em;
}

/* Content --------------------------------------------------------------- */

.bd-content .bd-code-snippet .btn-clipboard.copied {
  color: var(--bs-success);
}

.bd-content img {
  max-width: 100%;
}

.bd-content .bd-example {
  overflow-x: auto;
}