/* Hide default MkDocs footer branding */
.md-footer-meta .md-copyright { display: none !important; }
.md-footer-meta .md-social { display: none !important; }

/* Custom Array Corp footer — single line on desktop, stacked on mobile */
.array-footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem 1.5rem;
  padding: 1rem 0;
  font-size: 0.8rem;
  color: var(--md-footer-fg-color--light);
}

.array-footer-copyright {
  color: var(--md-footer-fg-color--light);
  font-size: 0.8rem;
}

.array-footer-links {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 1.5rem;
}

.array-footer-links a {
  color: var(--md-footer-fg-color--light);
  text-decoration: none;
  transition: color 0.2s ease;
  white-space: nowrap;
}

.array-footer-links a:hover {
  color: var(--color-blue-300);
  text-decoration: underline;
}

.array-footer-links a + a {
  border-left: 1px solid var(--md-footer-fg-color--lighter);
  padding-left: 1.5rem;
}

/* Mobile: stack copyright above links, both centered. The Material
   breakpoint for the drawer toggle is 76.1875em (~1220px); collapse
   the footer well before that so the two columns never crash. */
@media (max-width: 44em) {
  .array-footer {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 0.5rem;
  }
  .array-footer-links {
    justify-content: center;
  }
}