/*
 * Components: the sidebar pieces (author card, find-me links, tag cloud,
 * archive) and the blog pagination. find-me is also used, grouped, on the
 * About page.
 */

/* === AUTHOR CARD === */
.author-card {
  padding-bottom: 1rem;
  border-bottom: var(--bs-border-width) solid var(--bs-border-color);
}

.author-name {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
}

.author-links a {
  text-decoration: none;
}

.author-links a:hover {
  text-decoration: underline;
}

/* === FIND ME === */
.find-me-label {
  font-family: var(--bs-font-monospace);
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}

.find-me a {
  text-decoration: none;
}

.find-me a:hover {
  text-decoration: underline;
}

.find-me-grouped {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.375rem 1rem;
}

.find-me-grouped dt {
  font-family: var(--bs-font-monospace);
  font-weight: 400;
  color: var(--bs-secondary-color);
}

.find-me-grouped dd {
  margin: 0;
}

/* === TAG CLOUD === */
.tag-cloud {
  font-family: var(--bs-font-monospace);
}

/* !important to beat Bootstrap's .link-light on the cloud's links */
.tag-cloud a:hover {
  color: var(--accent) !important;
}

/* === ARCHIVE === */
.post-archive {
  font-size: 0.875rem;
}

.post-archive summary {
  cursor: pointer;
  font-family: var(--bs-font-monospace);
  padding: 0.125rem 0;
}

.post-archive ul {
  margin: 0.25rem 0 0.75rem 1rem;
}

.post-archive li {
  margin-bottom: 0.375rem;
  line-height: 1.35;
}

.post-archive a {
  color: var(--bs-body-color);
  text-decoration: none;
}

.post-archive a:hover,
.post-archive a[aria-current] {
  color: var(--accent);
}

/* === PAGINATION === */
.pagination {
  --bs-pagination-color: var(--accent);
  --bs-pagination-hover-color: var(--accent-hover);
  --bs-pagination-focus-color: var(--accent-hover);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--accent-rgb), 0.25);
  --bs-pagination-active-color: var(--bs-dark);
  --bs-pagination-active-bg: var(--accent);
  --bs-pagination-active-border-color: var(--accent);
  font-family: var(--bs-font-monospace);
}