/* footer.css — Fixed, compact footer shared by the map viewer,
 * data catalog and metadata editor.
 *
 * The landing page uses a taller, three-row footer styled in
 * css/landing.css. This file only owns the `.site-footer.compact`
 * variant.
 *
 * Height contract: 33 px exactly (1 px border + 4 px padding top + ~24 px
 * content + 4 px padding bottom). The map viewer's #map height calc
 * subtracts 33 px so the map ends flush above the footer. The data
 * catalog and metadata editor add `padding-bottom: 33px` to body so
 * scrolled-to-bottom content isn't hidden behind the fixed footer.
 */
.site-footer.compact {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  background: #fff;
  border-top: 1px solid #e0e0e0;
  padding: 4px 16px;
  height: 33px;
  overflow: hidden;
  font-size: 0.72rem;
  line-height: 1.3;
  color: #666;
  font-family: 'Segoe UI', Arial, sans-serif;
  box-sizing: border-box;
}

.site-footer.compact .footer-inner {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0 16px;
  height: 100%;
}

.site-footer.compact .row {
  display: flex;
  flex-wrap: nowrap;
  gap: 0 8px;
  align-items: baseline;
  white-space: nowrap;
}

.site-footer.compact .sep {
  color: #cccccc;
}

.site-footer.compact a {
  color: #0057a8;
  text-decoration: none;
}
.site-footer.compact a:hover {
  text-decoration: underline;
}

.site-footer.compact .meta a {
  color: #555555;
}
.site-footer.compact .meta a:hover {
  color: #003f7a;
}