/* =========================================================
   FOOTER
========================================================= */

.site-footer{
  color:var(--color-white);
  background:var(--brand-mauve);
  padding:62px 24px 0;
}

.footer-grid{
  width:min(var(--content-width),100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:54px;
}

.footer-logo{
  width:170px;
  max-height:180px;
  margin-bottom:20px;
  object-fit:contain;
}

.footer-title{
  margin-bottom:16px;
  font-family:var(--font-heading);
  font-size:1.45rem;
}

.footer-links{
  display:grid;
  gap:11px;
}

.footer-bottom{
  width:min(var(--content-width),100%);
  margin:42px auto 0;
  padding:22px 0;
  display:flex;
  justify-content:space-between;
  gap:24px;
  border-top:1px solid rgba(255,255,255,0.24);
  font-size:0.86rem;
}

/* =========================================================
   FINAL FOOTER CONTENT
========================================================= */

.footer-brand-copy{
  max-width:470px;
  margin-top:12px;
  color:rgba(255,255,255,0.92);
  font-size:1rem;
  line-height:1.75;
}

.footer-veterinary-title{
  margin-top:8px;
  color:var(--brand-cream);
  font-family:var(--font-heading);
  font-size:1.45rem;
  font-weight:700;
}

.footer-logo-link{
  display:inline-flex;
}

.footer-links a{
  width:fit-content;
  color:rgba(255,255,255,0.94);
  transition:
    color var(--transition-fast),
    transform var(--transition-fast);
}

.footer-links a:hover{
  color:var(--brand-cream);
  transform:translateX(5px);
}

.footer-powered{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:5px;
  text-align:right;
  white-space:normal;
}

.footer-powered span{
  display:inline;
}

.footer-powered strong{
  white-space:nowrap;
}

@media (max-width:900px){

  .footer-powered{
    justify-content:center;
    text-align:center;
  }
}