/* MindAttic.Ideas.Plugin.PoweredBy — site footer + the CMS byline. Scoped (MAIL-LAW-6).
   Deliberately light on layout: when the Footer plugin is also active it owns the .ma-footer chrome
   and the pin-when-short behavior, and this file only styles the .ma-pb-* internals. */

.ma-pb {
  --ma-pb-border: var(--border, rgba(128, 128, 128, .3));
  --ma-pb-muted: var(--muted, rgba(128, 128, 128, .9));
  --ma-pb-accent: var(--accent, currentColor);

  border-top: 1px solid var(--ma-pb-border);
  margin-top: 3rem;
  padding: 1.25rem 0;
  font-size: .82rem;
  color: var(--ma-pb-muted);
}

.ma-pb-inner {
  max-width: var(--ma-pb-max-width, var(--max-width, 70rem));
  margin: 0 auto;
  padding: var(--ma-pb-inner-padding, 0 1rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ma-pb-gap, .75rem 1.25rem);
}

.ma-pb-links {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 1.1rem;
}

.ma-pb-link,
.ma-pb-badge-link {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.ma-pb-link:hover,
.ma-pb-link:focus-visible,
.ma-pb-badge-link:hover,
.ma-pb-badge-link:focus-visible {
  color: var(--ma-pb-accent);
  border-bottom-color: var(--ma-pb-accent);
}

/* The badge sits at the far end on a wide footer and wraps under everything else on a narrow one. */
.ma-pb-badge { margin-left: auto; }
.ma-pb-badge-link {
  font-weight: 600;
  border-bottom-color: var(--ma-pb-border);
}

@media (max-width: 40rem) {
  .ma-pb-inner { flex-direction: column; align-items: flex-start; }
  .ma-pb-badge { margin-left: 0; }
}