/* =========================================================================
   L'ATELIER MATA — FOOTER
   v0.6.0
   ----------------------------------------------------------------------
   Loaded site-wide. Replaces Salient's stock footer entirely.
   ========================================================================= */

#lm-footer {
  background: var(--lm-bg);
  color: var(--lm-text-mute);
  border-top: 1px solid var(--lm-rule);
  margin-top: 0;
  padding: var(--lm-s-9) 0 var(--lm-s-6);
  font-family: var(--lm-font-body);
  font-size: var(--lm-fs-sm);
  line-height: var(--lm-lh-base);
}

.lm-footer__inner {
  display: flex;
  flex-direction: column;
  gap: var(--lm-s-7);
}

/* -------------------------------------------------------------------------
   TOP — brand on the left, three columns on the right
   ------------------------------------------------------------------------- */

.lm-footer__top {
  display: grid;
  grid-template-columns: 1.2fr 2fr;
  gap: var(--lm-s-9);
  align-items: start;
}

@media (max-width: 880px) {
  .lm-footer__top {
    grid-template-columns: 1fr;
    gap: var(--lm-s-7);
  }
}

/* Brand block */

.lm-footer__brand {
  display: flex;
  flex-direction: column;
  gap: var(--lm-s-4);
}

.lm-footer__wordmark {
  font-family: var(--lm-font-display);
  font-weight: 400;
  font-size: 1.25rem;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--lm-text);
  text-decoration: none;
  border: 0 !important;
  display: inline-block;
}

.lm-footer__wordmark:hover {
  color: var(--lm-walnut);
}

.lm-footer__tagline {
  font-family: var(--lm-font-body);
  font-size: var(--lm-fs-sm);
  color: var(--lm-text-mute);
  line-height: var(--lm-lh-base);
  margin: 0;
  max-width: 32ch;
}

/* Three columns — Visit / Get in touch / Elsewhere */

.lm-footer__cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--lm-s-7);
}

@media (max-width: 640px) {
  .lm-footer__cols {
    grid-template-columns: 1fr;
    gap: var(--lm-s-6);
  }
}

.lm-footer__col {
  display: flex;
  flex-direction: column;
  gap: var(--lm-s-2);
}

.lm-footer__col .lm-eyebrow {
  margin-bottom: var(--lm-s-3);
}

.lm-footer__addr {
  font-style: normal;
  font-family: var(--lm-font-display);
  font-size: var(--lm-fs-base);
  color: var(--lm-text);
  margin: 0;
  line-height: var(--lm-lh-snug);
}

.lm-footer__note {
  font-size: var(--lm-fs-xs);
  color: var(--lm-text-soft);
  margin: var(--lm-s-2) 0 0;
}

.lm-footer__link {
  font-family: var(--lm-font-display);
  font-size: var(--lm-fs-base);
  color: var(--lm-text);
  text-decoration: none;
  border: 0 !important;
  transition: color var(--lm-dur-fast) var(--lm-ease);
}

.lm-footer__link:hover {
  color: var(--lm-walnut);
}

/* -------------------------------------------------------------------------
   HAIRLINE
   ------------------------------------------------------------------------- */

.lm-footer__rule {
  border: 0;
  border-top: 1px solid var(--lm-rule);
  margin: var(--lm-s-2) 0;
}

/* -------------------------------------------------------------------------
   BOTTOM — copyright + legal links
   ------------------------------------------------------------------------- */

.lm-footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--lm-s-3);
}

.lm-footer__copyright {
  font-family: var(--lm-font-body);
  font-size: var(--lm-fs-xs);
  letter-spacing: var(--lm-tracking-wide);
  text-transform: uppercase;
  color: var(--lm-text-soft);
}

.lm-footer__legal {
  display: flex;
  gap: var(--lm-s-5);
}

.lm-footer__legal a {
  font-family: var(--lm-font-body);
  font-size: var(--lm-fs-xs);
  letter-spacing: var(--lm-tracking-wide);
  text-transform: uppercase;
  color: var(--lm-text-soft);
  text-decoration: none;
  border: 0 !important;
  transition: color var(--lm-dur-fast) var(--lm-ease);
}

.lm-footer__legal a:hover {
  color: var(--lm-walnut);
}

@media (max-width: 640px) {
  .lm-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--lm-s-3);
  }
}

/* =========================================================================
   END footer.css — v0.6.0
   ========================================================================= */