@layer layout {
  /* ===================================================
     Site Footer
     Version: 2.5  Tokenised + Consolidated (2026)
     Changes:
     • Updated to v2.5 token standard
     • Cleaner structure and comments
     • All full-bleed layout, decorative top gradient glow line,
       inner content centering, and link overflow handling preserved 100%
     =================================================== */

  .site-footer {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: var(--space-lg) var(--space-md);
    text-align: center;
    position: relative;
    isolation: isolate;

    background: linear-gradient(to bottom, var(--bg-secondary), var(--bg-primary));
    border-top: 1px solid transparent;

    overflow-x: hidden; /* protects against long links causing horizontal scroll */
  }

  .site-footer::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 9px;
    pointer-events: none;
    z-index: 1;
    background:
      linear-gradient(
        to bottom,
        color-mix(in srgb, var(--bg-primary) 20%, transparent) 0%,
        transparent 100%
      ),
      linear-gradient(
        to right,
        transparent 0%,
        color-mix(in srgb, var(--text-accent) 42%, transparent) 30%,
        color-mix(in srgb, var(--highlight) 58%, transparent) 50%,
        color-mix(in srgb, var(--text-accent) 42%, transparent) 70%,
        transparent 100%
      );
    box-shadow:
      inset 0 1px 0 color-mix(in srgb, var(--text-accent) 30%, transparent),
      0 1px 7px color-mix(in srgb, var(--shadow-glow) 16%, transparent);
  }

  .site-footer .footer-inner {
    max-width: var(--grid-max-width, 1200px);
    margin: 0 auto;

    background: transparent;
    border: 0;
    box-shadow: none;

    padding: 0;
  }

  .footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    justify-content: center;
    margin-bottom: var(--space-md);

    padding: 0;
    list-style: none;
  }

  .footer-links a {
    overflow-wrap: anywhere; /* prevents long URLs from breaking layout */
  }

  .footer-divider {
    opacity: 0.6;
  }
}