/* ============================================================
   C2E Engineering — footer.css
   The ONE place footer styling lives. Linked by every page.
   Layout — brand cap + two zones:
     Cap   : centered logo + accent tagline
     Row   : address (left)  ·  legal links + copyright (right)
   Collapses to a centered stack on mobile. Vars from tokens.css.
   ============================================================ */

footer{
  background:var(--dark-surface);
  border-top:1px solid var(--dark-border);
}

/* ---- Brand cap (centered) ---- */
.footer-cap{ padding:34px 48px 26px; text-align:center; }
.footer-logo{
  font-size:13px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--on-dark);
}
.footer-tagline{
  font-size:11px;letter-spacing:.04em;
  color:var(--accent-bright);margin-top:10px;
}

/* ---- Detail row: address (left) · meta (right) ---- */
.footer-cols{
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:24px;padding:24px 48px;border-top:1px solid var(--dark-border);
}
.footer-address{
  font-size:10px;color:var(--on-dark-faint);
  letter-spacing:.02em;line-height:1.7;text-align:left;
}
.footer-address .name{font-weight:700;color:var(--on-dark-soft)}

.footer-meta{
  display:flex;flex-direction:column;align-items:flex-end;
  gap:12px;text-align:right;
}
.footer-links{display:flex;flex-direction:column;gap:7px;align-items:flex-end}
.footer-links a{
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--on-dark);text-decoration:none;transition:color .2s;
}
.footer-links a:hover{color:var(--accent-bright)}
.footer-copy{font-size:10px;color:var(--on-dark);text-align:right}

/* ---- Mobile: centered single-column stack ---- */
@media(max-width:900px){
  .footer-cap{padding:28px 20px 20px}
  .footer-logo{font-size:11px}
  .footer-cols{
    flex-direction:column;align-items:center;text-align:center;
    gap:16px;padding:20px 20px;
  }
  .footer-address{text-align:center}
  .footer-meta{align-items:center;text-align:center}
  .footer-links{align-items:center}
  .footer-copy{text-align:center}
}