/* =========================================
   Site footer
   Ported from the Footer component in the client's Lovable project. Rendered
   by Site::renderFooter() on every page that draws the app shell, so the auth
   screens (Page::usesAppShell() === false) are excluded automatically.
   ========================================= */

/* 16px/24px is the design's base; the app's is 17px/25.5px, which the list
   items inherit and which would make every column 6px taller than the design. */
.site-footer {
  /* Not width:100%. The shell offsets this by the 64px nav rail, so a full
     width of the parent overhung the viewport by exactly that much and gave
     every page a horizontal scrollbar. Auto fills what is left of the row. */
  padding: 64px 48px 0;
  background: #0f1729;
  font-size: 16px;
  line-height: 24px;
}

.site-footer-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 32px;
  max-width: 1152px;
  margin: 0 auto;
}

/* moved.css sets h4 to 24px with a 20px bottom margin, and gives ul a disc
   marker; the class selectors below outrank it without !important. */
.site-footer-col h4 {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #ffffff;
}

.site-footer-col ul {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.site-footer-col li + li {
  margin-top: 12px;
}

.site-footer-col a {
  font-size: 14px;
  line-height: 20px;
  color: #94a3b8;
  text-decoration: none;
  transition: color 0.2s ease;
}

.site-footer-col a:hover,
.site-footer-col a:focus-visible {
  color: #ffffff;
}

.site-footer-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1152px;
  margin: 48px auto 0;
  padding-top: 32px;
  border-top: 1px solid rgba(51, 65, 85, 0.5);
}

.site-footer-logo {
  display: block;
  height: 32px;
  width: auto;
}

.site-footer-bar p {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #64748b;
}


@media (max-width: 1023px) {
  .site-footer {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (max-width: 767px) {
  .site-footer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .site-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-footer-bar {
    flex-direction: column;
  }

  .site-footer-logo {
    margin-bottom: 16px;
  }
}

/* Reuses .app-footer so left-nav.css keeps shifting it clear of the sidebar
   (84px, or 352px with the flyout open). The legacy strip's top border and
   transparent background are not part of this design. */
.app-footer.site-footer {
  border-top: 0;
  background: #0f1729;
}

/* Build marker, kept from the strip this replaced. */
.site-footer-version {
  margin-left: 12px;
  color: #475569;
}