/* Footer chrome. Two variants:
 *   .site-footer          (student): legal-links list + copyright block.
 *   .site-footer.compact  (admin):   single-line copyright + release version.
 */

.site-footer {
  @apply mt-auto w-full border-t border-slate-200 bg-white text-sm text-slate-600;

  & .inner {
    @apply container mx-auto max-w-6xl p-4 text-center;
  }

  & .links {
    @apply flex flex-wrap justify-center gap-x-6 gap-y-2;

    & a {
      @apply text-xs underline hover:text-heroku-30 focus-visible:underline focus-visible:outline-none;
    }

    /* The cookie-preferences control triggers the consent manager rather than
     * navigating, so it's a real <button>. Strip the native button chrome so
     * it reads as a footer link while keeping correct button semantics. */
    & .link-button {
      @apply cursor-pointer border-0 bg-transparent p-0 text-xs text-slate-600 underline hover:text-heroku-30 focus-visible:underline focus-visible:outline-none;
    }
  }

  & .copyright {
    @apply mt-6 text-xs leading-relaxed text-slate-700;
  }

  & .version {
    @apply font-mono text-[11px] text-slate-500;
  }

  &.compact .inner {
    @apply flex flex-col items-start justify-between gap-2 py-4 text-xs text-slate-700 sm:flex-row sm:items-center;
  }
}