/*
 * Hires Consulting — site customizations on top of Quark 2.
 * Loaded last, so rules here win without !important.
 */

/* Heading font and weight are set in Admin > Themes > Hires Consulting
   (see templates/default.html.twig). */

/* Text wordmark in the header */
.navbar-brand.wordmark { text-decoration: none; }
.wordmark-text {
  font-family: var(--pico-font-family-display);
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.08em;
  color: var(--q2-text-strong);
  white-space: nowrap;
}
.mobile-logo .wordmark-text { font-size: 1.5rem; }

/* Link-list pages: tighter lists, visible hierarchy */
.content-item ul { margin-bottom: 1.25rem; }
.content-item li { margin: 0.2rem 0; }
.content-item li > ul { margin: 0.25rem 0 0.75rem; }
.content-item h3 {
  margin-top: 2rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid var(--q2-divider);
}
.content-item h3:first-of-type { margin-top: 1rem; }

/* Two-column lists on wide screens (used by the Presentations page) */
.two-columns { column-count: 2; column-gap: 3rem; }
.two-columns > li { break-inside: avoid; }
@media (max-width: 720px) { .two-columns { column-count: 1; } }

/* Support page: remote-access logos */
.logo-row, .logo-row p {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  align-items: center;
  margin: 2rem 0;
}
.logo-row a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 260px;
  height: 120px;
  padding: 1rem 1.5rem;
  background: var(--q2-bg-elev);
  border-radius: var(--q2-radius-md);
  box-shadow: var(--q2-shadow-card);
  transition: box-shadow .15s ease, transform .15s ease;
}
.logo-row a:hover { box-shadow: var(--q2-shadow-raised); transform: translateY(-2px); }
.logo-row img { max-width: 100%; max-height: 100%; object-fit: contain; }
:root[data-theme='dark'] .logo-row a { background: #ffffff; }

/* Footer: smaller, lighter, less padding */
#footer {
  font-size: 0.75rem;
  font-weight: 300;
  color: color-mix(in oklab, var(--q2-text-muted) 75%, transparent);
  padding-block: 1.5rem;
}

/* Small print after download links, e.g. "(55 MB - PowerPoint)" */
.content-item small { color: var(--q2-text-muted); }