/* ================================================
   FLUXFRONT — Footer
   Footer bar, links, old footer compat
   ================================================ */


.footer {
  padding: 40px 0;
  border-top: 1px solid var(--border);
}

.footer__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.footer__copy { font-size: 13px; color: var(--text-3); }

.footer__links {
  display: flex;
  gap: 20px;
}

.footer__links a {
  font-size: 13px;
  color: var(--text-3);
  transition: color 0.2s;
}
.footer__links a:hover { color: var(--text); }


/* Old footer compat (services.html, contact.html) */
.footer-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
.footer-text { font-size: 14px; color: var(--text-3); }
.footer-links { display: flex; align-items: center; gap: 12px; font-size: 14px; color: var(--text-3); }
.footer-divider { color: var(--text-3); }
.footer-link { transition: color 0.2s; }
.footer-link:hover { color: var(--text); }