/* Project-wide styles. Bootstrap 5 provides the base; this file holds
   overrides and anything the Svelte components do not own. */

.git-commit-footer {
  opacity: 0.5;
}

/* Wiki article HTML rendered outside the wiki's own pages (the home page).

   django-wiki's templates emit Bootstrap 4 class names — float-left,
   float-right, .thumbnail, .caption — and its own pages ship a bundled
   Bootstrap 4 to match. Bootstrap 5 renamed the float helpers to
   float-start/float-end and dropped .thumbnail and .caption entirely, so an
   image with `align:left` would otherwise render unfloated and unstyled here.
   Mapping the handful of classes is less brittle than overriding the plugin's
   render.html. */
.wiki-article::after {
  display: block;
  clear: both;
  content: "";
}

.wiki-article img {
  max-width: 100%;
  height: auto;
}

.wiki-article figure.thumbnail {
  display: inline-block;
  max-width: 100%;
  padding: 0.25rem;
  margin-bottom: 1rem;
  background-color: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.wiki-article .float-left {
  float: left;
  margin-right: 1rem;
}

.wiki-article .float-right {
  float: right;
  margin-left: 1rem;
}

.wiki-article .caption {
  padding: 0.5rem 0.25rem 0;
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}