/* Shared site footer for traveler-facing pages. The homepage keeps its own
   marketing footer (products/home-footer.css); this one is the compact
   utility footer everywhere else. */

.bido-site-footer {
  margin-block-start: auto;
  border-block-start: 1px solid var(--bx-line);
  background: var(--bx-paper);
}

.bido-site-footer-inner {
  max-inline-size: 75rem;
  margin-inline: auto;
  padding-block: 1.25rem;
  padding-inline: clamp(1rem, 4vw, 2rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 2rem;
}

.bido-site-footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}

.bido-site-footer-links {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.25rem 1.1rem;
}

.bido-site-footer-links a {
  color: var(--bx-ink-2);
  text-decoration: none;
  font-size: 0.85rem;
}

.bido-site-footer-links:last-child {
  margin-inline-start: auto;
}


/* The wordmark PNG is white-on-transparent (drawn for dark pages); on the
   light trust/checkout surfaces the letters vanish into the footer. A dark
   brand chip behind it keeps one asset legible on both surfaces. */
.bx-light-surface .bido-site-footer .logo-wrap {
  background: var(--bx-ink);
  border-radius: 8px;
  padding: 0.3rem 0.55rem;
  display: inline-flex;
}

@media (any-hover: hover) {
  .bido-site-footer-links a:hover {
    color: var(--bx-ink);
    text-decoration: underline;
  }
}

@media (max-width: 40rem) {
  .bido-site-footer-links:last-child {
    margin-inline-start: 0;
  }
}