/* ── Footer ─────────────────────────────────────────────────────────── */
.site-footer {
  background: linear-gradient(160deg, var(--color-primary-dark) 0%, #0D1F3C 100%);
  color: rgba(255,255,255,.82);
  padding: 4rem 0 0;
  margin-top: 4rem;
}

.footer-logo {
  width: 48px;
  height: 48px;
  object-fit: contain;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.25);
  background: var(--color-white);
}

.footer-acronym {
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--color-white);
  letter-spacing: .04em;
}

.footer-desc {
  font-size: .9rem;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
}

.footer-contact a {
  color: rgba(255,255,255,.8);
  text-decoration: none;
  font-size: .9rem;
  transition: color .15s;
}
.footer-contact a:hover { color: var(--color-white); }
.footer-contact .fa-envelope,
.footer-contact .fa-phone { color: var(--color-teal); }

.footer-heading {
  font-size: .8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: rgba(255,255,255,.55);
  margin-bottom: 1rem;
}

.footer-links li { margin-bottom: .45rem; }
.footer-links a {
  color: rgba(255,255,255,.78);
  text-decoration: none;
  font-size: .9rem;
  transition: color .15s, padding-left .15s;
  display: inline-block;
}
.footer-links a:hover {
  color: var(--color-white);
  padding-left: 4px;
}

.btn-donate-footer {
  background-color: var(--color-donate);
  border-color: var(--color-donate);
  color: var(--color-white);
  font-weight: 700;
  border-radius: var(--radius-sm);
  padding: .5rem 1.4rem;
  font-size: .9rem;
  transition: background-color .2s, transform .15s;
}
.btn-donate-footer:hover {
  background-color: var(--color-donate-hover);
  color: var(--color-white);
  transform: translateY(-1px);
}

/* Bottom bar */
.footer-bottom {
  margin-top: 3rem;
  border-top: 1px solid rgba(255,255,255,.1);
  padding: 1.1rem 0;
  font-size: .8rem;
  color: rgba(255,255,255,.5);
}

.footer-credit a {
  color: rgba(255,255,255,.55);
  text-decoration: none;
  transition: color .15s;
}
.footer-credit a:hover { color: var(--color-white); }