/* Lane footer (inc/f-footer.php): help row, link columns, legal line. White, navy tint for the help row, no red
   (red is for actions). Loaded on every new-design page; the old footer styles stay in stylesheet.css for old pages. */

.sgt-f .ft { background: #fff; border-top: 1px solid var(--line); font-size: var(--t-ui); color: var(--ink-2); clear: both; }
.sgt-f .ft h2 { font-size: 15px; font-weight: 700; color: var(--ink); line-height: 1.3; }

/* Help row */
.sgt-f .ft-help { background: var(--navy-tint); }
.sgt-f .ft-help > .wrap { display: grid; grid-template-columns: minmax(220px, 300px) 1fr; gap: 16px 32px; align-items: center; padding-top: 24px; padding-bottom: 24px; }
.sgt-f .ft-help-t h2 { font-size: var(--t-h3); }
.sgt-f .ft-help-t p { margin-top: 4px; color: var(--ink-2); }
.sgt-f .ft-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.sgt-f .ft .ft-tile { display: flex; align-items: center; gap: 12px; height: 100%; min-height: 64px; padding: 10px 14px; background: #fff; border: 1px solid var(--line); border-radius: var(--r); color: var(--ink-2); text-decoration: none; transition: border-color var(--ease), box-shadow var(--ease); }
.sgt-f .ft a.ft-tile:hover { border-color: var(--navy); box-shadow: 0 2px 10px rgba(16, 22, 40, .08); text-decoration: none; }
.sgt-f .ft-ic { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--navy-tint); color: var(--navy); flex-shrink: 0; }
.sgt-f .ft-tx { display: flex; flex-direction: column; min-width: 0; }
.sgt-f .ft-lbl { font-size: var(--t-label); font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }
.sgt-f .ft-val { font-weight: 700; color: var(--ink); line-height: 1.35; overflow-wrap: anywhere; }

/* Link columns */
.sgt-f .ft-main { display: grid; grid-template-columns: 1.3fr 1fr 1fr .8fr; gap: 24px 32px; padding-top: 32px; padding-bottom: 28px; }
.sgt-f .ft-logo { display: inline-block; }
.sgt-f .ft-logo img { height: 40px; width: auto; }
.sgt-f .ft-about p { margin-top: 12px; max-width: 34ch; color: var(--muted); }
.sgt-f .ft-col h2 { margin-bottom: 8px; }
.sgt-f .ft-col a { display: inline-flex; align-items: center; min-height: 30px; color: var(--ink-2); }
.sgt-f .ft-col a:hover { color: var(--navy); }

/* Legal line */
.sgt-f .ft-legal { border-top: 1px solid var(--line-2); font-size: var(--t-small); color: var(--muted); }
.sgt-f .ft-legal > .wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 24px; padding-top: 16px; padding-bottom: 16px; padding-right: calc(var(--gutter) + 170px); } /* room for the floating chat button, bottom right */
.sgt-f .ft-social { display: flex; flex-wrap: wrap; gap: 4px 16px; align-items: center; }
.sgt-f .ft-so { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; color: var(--ink-2); }

@media (max-width: 1199px) {
  .sgt-f .ft-help > .wrap { grid-template-columns: 1fr; }
}

@media (max-width: 991px) {
  .sgt-f .ft-main { grid-template-columns: 1fr 1fr 1fr; }
  .sgt-f .ft-about { grid-column: 1 / -1; }
}

@media (max-width: 767px) {
  .sgt-f .ft { font-size: var(--t-body); }
  .sgt-f .ft-help > .wrap { padding-top: 20px; padding-bottom: 20px; gap: 14px; }
  .sgt-f .ft-help-t h2 { font-size: 18px; }
  .sgt-f .ft-tiles { grid-template-columns: 1fr; gap: 8px; }
  .sgt-f .ft .ft-tile { min-height: 56px; padding: 8px 12px; }
  /* Categories on the left; quote and company links stacked on the right */
  .sgt-f .ft-main { grid-template-columns: 1fr 1fr; gap: 20px 16px; padding-top: 24px; padding-bottom: 16px; }
  .sgt-f .ft-main .ft-col:nth-of-type(1) { grid-row: span 2; }
  .sgt-f .ft-col a { min-height: 44px; }
  .sgt-f .ft-col h2 { margin-bottom: 0; }
  .sgt-f .ft-legal { font-size: var(--t-ui); }
  .sgt-f .ft-legal > .wrap { padding-top: 12px; padding-bottom: 76px; padding-right: var(--gutter); } /* room for the floating chat button above the tab bar */
}