/*
 * AlvaradoCSS — shared components and utilities
 *
 * This root-level stylesheet is loaded through _quarto.yml. Keeping it at the
 * project root preserves existing relative paths to images and pattern assets.
 */

/* Center a block-level element while preserving its intrinsic width. */
.center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/*
 * Center the complete credit-logo group. Quarto may place the variable output
 * inside a paragraph, so centering is applied to both the fenced div and any
 * paragraph generated inside it.
 */
.merged-credits,
.merged-credits > p {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

/*
 * Keep the credit logos on the same line while preserving their authored
 * dimensions and aspect ratios.
 */
.merged-credits img {
  display: block;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

.post-footer-logo {
  display: block;
  width: 100%;
  text-align: center;
}

.post-footer-logo img {
  display: block;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

/* Reusable inline navigation and separator icons. */
.icon-inline-arrow {
  display: inline-block;
  margin-right: 0.12em;
  color: var(--color-brand-burgundy);
  font-size: 0.8em;
  font-weight: 900;
  line-height: 1;
  vertical-align: 0.02em;
}

.icon-inline-separator {
  display: inline-block;
  margin-right: 0.12em;
  color: var(--color-brand-pink);
  font-size: 1.3em;
  font-weight: 900;
  line-height: 1;
  vertical-align: 0.02em;
}

/* Reusable inline email icon. */
.icon-inline-email {
  display: inline-block;
  margin-right: 0.12em;
  color: var(--color-brand-teal);
  font-size: 0.8em;
  font-weight: 900;
  line-height: 1;
  vertical-align: 0.02em;
}

/* Reusable inline bell icon. */
.icon-inline-bell {
  display: inline-block;
  margin-right: 0.12em;
  color: var(--color-brand-teal);
  font-size: 0.8em;
  font-weight: 900;
  line-height: 1;
  vertical-align: 0.02em;
}

/* =============================================================================
 * Reusable Manifold wordmark
 *
 * Apply this class around the corresponding Quarto variable whenever the
 * branded gold, small-caps treatment is required.
 * ========================================================================== */

.manifold-neutral-wordmark {
  font-variant-caps: small-caps;
  font-weight: 700;
  letter-spacing: 0.06em;
  white-space: nowrap;
}

.manifold-wordmark {
  color: var(--color-brand-gold);
  font-variant-caps: small-caps;
  font-weight: 700;
  letter-spacing: 0.06em;
  white-space: nowrap;
}

.varona-neutral-wordmark {
  font-weight: 700;
  letter-spacing: 0.06em;
  white-space: nowrap;
}

.varona-wordmark {
  color: var(--color-brand-varona);
  font-weight: 700;
  letter-spacing: 0.06em;
  white-space: nowrap;
}