/*
Purpose: Footer-specific responsive layout overrides for HybridOps documentation.
Usage: Loaded after custom.css so footer behavior can remain narrow and explicit.
*/

.md-footer-meta__inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 14px;
}

.md-copyright {
  min-width: 0;
  flex: 1 1 auto;
}

.md-social {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin: 0;
}

/* Sponsorship is a distinct action, not another social network. */
.md-social__link:nth-child(3) {
  margin-inline-start: 0.4rem;
}

@media (max-width: 600px) {
  .md-footer-meta__inner {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 10px;
  }

  .md-copyright {
    width: 100%;
  }

  .md-social {
    width: 100%;
    justify-content: flex-start;
  }
}