/* ==========================================================================
   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:16px 32px;
  padding-block:clamp(28px, 3vw, 40px) clamp(24px, 3vw, 32px);
}

.m-footer__brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--white);flex:none}
/* 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(140px, 12vw, 190px);
  height:auto;display:block;
  filter:brightness(0) invert(1);
}

.m-footer__right{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 28px;margin-left:auto}
.m-footer__placeholder{margin:0;opacity:0.85;font-size:0.9375rem}

/* One compact row of top-level links, right-aligned beside the logo. */
.m-footer__nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 22px}
.m-footer__nav a{color:rgba(255, 255, 255, 0.8);font-size:0.9375rem;line-height:1.3;text-decoration:none;white-space:nowrap}
.m-footer__nav a:hover{color:var(--white);text-decoration:underline}

/* Offices: a quiet four-up strip under a hairline, each office on three
   short lines. Small type, muted, so the nav row above stays the focus. */
.m-footer__offices{
  width:100%;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px 32px;
  margin-top:8px;padding-top:20px;border-top:1px solid rgba(255, 255, 255, 0.14);
  font-style:normal;font-size:0.9375rem;line-height:1.55;
  color:rgba(255, 255, 255, 0.62);
}
.m-footer__office{display:flex;flex-direction:column;gap:2px}
.m-footer__office strong{color:var(--white);font-weight:700;font-size:1rem;margin-bottom:2px}
.m-footer__office a{color:rgba(255, 255, 255, 0.85);text-decoration:none;width:fit-content}
.m-footer__office a:hover{color:var(--white);text-decoration:underline}

@media (max-width: 900px){
  .m-footer__offices{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media (max-width: 700px){
  .m-footer__right{margin-left:0;justify-content:flex-start;width:100%}
  .m-footer__nav{justify-content:flex-start;gap:6px 18px}
}
@media (max-width: 440px){
  .m-footer__offices{grid-template-columns:1fr;gap:14px}
}

.m-footer__contact{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;font-size:0.9375rem}
.m-footer__contact a{color:rgba(255, 255, 255, 0.8);font-weight:500;text-decoration:none}
.m-footer__contact a:hover{text-decoration:underline}
.m-footer__social{
  display:grid;place-items:center;width:34px;height:34px;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.9375rem;opacity:0.85;
}
.m-footer__bar-links{display:flex;flex-wrap:wrap;gap:0.5rem 1.5rem}
.m-footer__bar-links a:hover{text-decoration:underline}