/* Footer variant "minimal" — one quiet line under a hairline rule: copyright,
   the links inline, a plain login link, the credit at the far end
   (minimal, person, portfolio). */

.site-footer--minimal {
  margin-top: 4rem;
  padding: 1.5rem 0 2rem;
  text-align: left;
  background: transparent;
  color: var(--page-muted, var(--text-secondary));
  border-top: 1px solid var(--page-rule, var(--gray-200));
}

.site-footer--minimal .footer-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1.5rem;
  font-size: 0.85rem;
}

.site-footer--minimal .footer-line p,
.site-footer--minimal .footer-line p.footer-credit {
  margin: 0;
  font-size: 0.85rem;
  color: inherit;
}

.site-footer--minimal .footer-copyright {
  color: var(--page-ink, var(--text-primary));
}

.site-footer--minimal .footer-navigation {
  flex: 1 1 auto;
  margin: 0;
}

.site-footer--minimal .footer-menu {
  justify-content: flex-start;
  gap: 0 1rem;
}

.site-footer--minimal .footer-menu a {
  padding: 0.25rem 0;
  min-height: 0;
  min-width: 0;
  font-size: 0.85rem;
  color: inherit;
  text-decoration: none;
}

.site-footer--minimal .footer-menu a:hover {
  background: transparent;
  color: var(--page-accent, var(--accent-color));
  text-decoration: underline;
}

.site-footer--minimal .footer-login {
  margin: 0;
}

.site-footer--minimal .login-button,
.site-footer--minimal .login-button.logout-button {
  padding: 0.25rem 0;
  background: transparent;
  color: inherit;
  font-size: 0.85rem;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  border-radius: 0;
}

.site-footer--minimal .login-button:hover,
.site-footer--minimal .login-button.logout-button:hover {
  background: transparent;
  color: var(--page-accent, var(--accent-color));
}

.site-footer--minimal .footer-credit {
  margin-left: auto;
}

@media (max-width: 768px) {
  .site-footer--minimal .footer-line {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }

  .site-footer--minimal .footer-menu {
    flex-direction: column;
    gap: 0.25rem;
  }

  .site-footer--minimal .footer-credit {
    margin-left: 0;
  }
}

/* Workspace panel (logged in): the panel takes the full line, the quiet
   copyright / login / credit line sits beneath it. */
.site-footer--minimal .footer-workspace {
  flex-basis: 100%;
  order: -1;
  margin-bottom: 0.5rem;
  color: var(--page-ink, var(--text-primary));
}

.site-footer--minimal .footer-workspace .footer-menu a {
  font-size: 0.9rem;
}