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

footer.site-footer{
  border-top: 1px solid var(--border);
  padding: 60px 22px 30px;
}

/* Footer layout */
.footer-inner{
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 36px;
}

/* Brand */
.footer-logo{
  font-size: 18px;
  font-weight: 700;
}
.footer-logo span{
  color: var(--accent2);
}
.footer-desc{
  margin-top: 10px;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.6;
}

/* Columns */
.footer-col h4{
  margin-bottom: 14px;
  font-size: 14px;
}

.footer-col a{
  display: block;
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 10px;
}

.footer-col a:hover{
  color: var(--text);
}

/* Bottom bar */
.footer-bottom{
  text-align: center;
  font-size: 12px;
  color: var(--muted);
  margin-top: 40px;
}