/* ===================================================
   Mania AI — Footer
   =================================================== */

@layer layout {

  .m-footer {
    border-block-start: 1px solid var(--m-border);
    padding-block: var(--m-space-xl);
  }

  .m-footer__inner {
    max-inline-size: 75rem;
    margin-inline: auto;
    padding-inline: var(--m-space-lg);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--m-space-xl);
  }

  /* Left: nav */
  .m-footer__nav .menu {
    display: flex;
    flex-wrap: wrap;
    gap: var(--m-space-md) var(--m-space-lg);
  }

  .m-footer__nav .menu-item a {
    font-size: var(--m-text-sm);
    color: var(--m-text-tertiary);
    transition: color var(--m-duration) var(--m-ease);
  }

  .m-footer__nav .menu-item a:hover {
    color: var(--m-text-primary);
  }

  /* Right: logo + copyright */
  .m-footer__brand {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--m-space-sm);
    flex-shrink: 0;
    margin-inline-start: auto;
  }

  .m-footer__brand img {
    block-size: 1.25rem;
    inline-size: auto;
  }

  .m-footer__legal {
    font-size: var(--m-text-xs);
    color: var(--m-text-disabled);
  }

  /* SP: stack */
  @media (max-width: 767px) {
    .m-footer__inner {
      flex-direction: column;
      align-items: center;
    }
    .m-footer__nav .menu {
      justify-content: center;
    }
    .m-footer__brand {
      align-items: center;
    }
  }
}