/* DigLTBlue footer — V2 artboard "12 Footer".

   Navy, four columns, each opening with an 18px Oswald heading over a 40px
   orange rule. The bottom bar is a hairline-separated row: licence line,
   copyright, Sitemap. */

.lt-footer {
  padding: 72px var(--pad-x) 0;
  background: var(--color-navy);
  color: var(--color-on-navy);
}

.lt-footer__grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1.1fr auto;
  gap: 48px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.lt-footer__col {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

/* ── Column heading + rule ────────────────────────────────────────── */
.lt-footer__kicker-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lt-footer__kicker {
  font-family: var(--font-display);
  font-weight: var(--weight-display);
  font-size: var(--fs-title-xs);
  letter-spacing: var(--ls-display);
  color: var(--color-white);
}

/* ── Column 1 — Our Company ───────────────────────────────────────── */
.lt-footer__company {
  margin: 0;
  color: var(--color-white);
  font-size: var(--fs-meta);
  font-weight: var(--weight-label);
}

.lt-footer__row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.lt-footer__icon {
  display: inline-flex;
  flex: none;
  margin-top: 3px;
  color: var(--color-orange);
  font-size: var(--fs-meta);
}

.lt-footer__address {
  color: var(--color-on-navy-soft);
  font-size: var(--fs-meta);
  line-height: 1.7;
}

.lt-footer__phone {
  color: var(--color-white);
  font-size: var(--fs-meta);
  font-weight: var(--weight-label);
}

.lt-footer__phone:hover { color: var(--color-orange); }

.lt-footer__socials {
  display: flex;
  gap: 10px;
  margin-top: 4px;
}

.lt-footer__social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: var(--color-social-plate);
  color: var(--color-white);
  font-size: 12px;
  transition: background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);
}

.lt-footer__social:hover { background: var(--color-orange); color: var(--color-white); }

/* ── Column 2 — Quick Links ───────────────────────────────────────── */
.lt-footer__quick {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lt-footer__quick-link {
  color: var(--color-placeholder);
  font-size: var(--fs-meta);
}

.lt-footer__quick-link:hover { color: var(--color-orange); }

/* ── Column 3 — Business Hours ────────────────────────────────────── */
.lt-footer__hours {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lt-footer__hours-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: var(--color-on-navy-soft);
  font-size: var(--fs-meta);
  line-height: 1.7;
}

.lt-footer__hours-row--today {
  color: var(--color-white);
  font-weight: var(--weight-label);
}

.lt-footer__hours-row--today .lt-footer__time { color: var(--color-orange); }

/* ── Column 4 — Logo stack ────────────────────────────────────────── */
.lt-footer__col--logo {
  align-items: flex-start;
  gap: 16px;
}

.lt-footer__logo-box { display: flex; }

/* No field behind the logo: it sits directly on the navy, the same treatment
   as .lt-nav__logo in header.css. */

/* Both marks match the nav logo: 160px wide, natural height, never stretched. */
.lt-footer__logo,
.lt-footer__badge {
  width: 160px;
  height: auto;
  object-fit: contain;
}

/* ── Bottom bar ───────────────────────────────────────────────────── */
.lt-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 32px;
  max-width: var(--content-max);
  margin: 64px auto 0;
  padding: 24px 0;
  border-top: 1px solid var(--color-line-footer);
}

.lt-footer__licenses {
  margin: 0;
  color: var(--color-white);
  font-size: var(--fs-small);
  font-weight: var(--weight-label);
  letter-spacing: .04em;
}

.lt-footer__copyright {
  margin: 0;
  color: var(--color-white);
  font-size: var(--fs-small);
}

.lt-footer__link {
  color: var(--color-placeholder);
  font-size: var(--fs-small);
}

.lt-footer__link:hover { color: var(--color-orange); }

/* ── ≤1023px ──────────────────────────────────────────────────────── */
@media (max-width: 1023px) {
  .lt-footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}

/* ── ≤639px — the 400 artboard ────────────────────────────────────── */
@media (max-width: 639px) {
  .lt-footer { padding-top: 48px; }

  .lt-footer__grid { grid-template-columns: 1fr; gap: 32px; }

  .lt-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-top: 40px;
  }
}