/* ==========================================================================
   Tenos — site footer. Markup: resources/views/sections/footer.blade.php
   ========================================================================== */

.m-footer{margin-top:0}
.m-footer__inner{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:clamp(20px, 3vw, 40px);
  padding-block:clamp(40px, 5vw, 72px);
}

.m-footer__brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--white)}
/* The wordmark file is flat navy (#1e3096), which would vanish on the navy
   band — brightness(0) crushes it to black and invert(1) lifts it to white,
   so the one asset serves both header and footer. */
.m-footer__logo{
  width:clamp(180px, 16vw, 260px);
  height:auto;display:block;
  filter:brightness(0) invert(1);
}

.m-footer__placeholder{margin:0;opacity:0.85}

.m-footer__contact{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(16px, 2vw, 32px)}
.m-footer__contact a{font-weight:500;text-decoration:none}
.m-footer__contact a:hover{text-decoration:underline}
.m-footer__social{
  display:grid;place-items:center;width:44px;height:44px;border-radius:50%;
  background:rgba(255, 255, 255, 0.12);transition:background var(--speed) var(--ease);
}
.m-footer__social:hover{background:rgba(255, 255, 255, 0.24)}

.m-footer__bar{border-top:1px solid rgba(255, 255, 255, 0.2)}
.m-footer__bar-inner{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:12px;padding-block:18px;font-size:0.8125rem;opacity:0.85;
}
.m-footer__bar-links{display:flex;gap:1.5rem}
.m-footer__bar-links a:hover{text-decoration:underline}