/* VolunHub theme for published sites (add-ga-public-site).
 *
 * design_system.css already paints .navbar, buttons, cards and the --vh-* / --oncr-*
 * tokens exactly as the app does; this file adds only what a public site needs on top:
 * the two-line brand, the account button on the dark navbar, the footer and the
 * GA blocks. Colours come from tokens, never hex literals. */

.vh-site-brand {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
  min-width: 0;
}

.vh-site-brand__title {
  font-weight: 700;
  letter-spacing: 0.04em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 60vw;
}

.vh-site-brand__tagline {
  font-size: var(--vh-font-xs, 0.75rem);
  text-transform: none;
  letter-spacing: 0;
  color: var(--oncr-auriu);
}

.site-account-nav__login,
.site-account-nav__toggle {
  color: var(--vh-text-on-dark) !important;
  border: 1px solid rgba(255, 255, 255, 0.45);
  white-space: nowrap;
}

.site-account-nav__login:hover,
.site-account-nav__toggle:hover,
.site-account-nav__toggle:focus {
  color: var(--oncr-auriu) !important;
  border-color: var(--oncr-auriu);
}

.vh-site-footer {
  background-color: var(--oncr-bleumarin);
  color: var(--vh-text-on-dark);
}

.vh-site-footer__link {
  color: var(--vh-text-on-dark);
  text-decoration: none;
}

.vh-site-footer__link:hover {
  color: var(--oncr-auriu);
}

.vh-site-footer__rule {
  border-color: rgba(255, 255, 255, 0.25);
  opacity: 1;
}

.vh-site-edit-fab {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 1040;
}

.vh-site .static-body img,
.vh-site .article-body img {
  max-width: 100%;
  height: auto;
}

/* General Assembly blocks */
.ga-card__date {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--bs-primary);
}

.ga-calendar__row--past {
  color: var(--bs-secondary-color);
}

.ga-calendar__row--past .ga-calendar__date {
  text-decoration: line-through;
}