@layer layout {
/* --- Full-bleed footer + no boxed panel --- */
.site-footer{
  width: 100%;
  margin: 0;
  /* keep your existing gradient/border/padding/text-align */
  background: linear-gradient(to bottom, var(--bg-secondary), var(--bg-primary));
  border-top: 2px solid var(--text-accent);
  padding: var(--space-lg) var(--space-md);
  text-align: center;
}

/* If you have a wrapper inside the footer, keep content centered but transparent */
.site-footer .footer-inner{
  max-width: 1200px;       /* tweak to your site width */
  margin: 0 auto;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0;              /* avoid extra “box” padding */
}

/* Link row layout stays tidy */
.footer-links{
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  justify-content: center;
  margin-bottom: var(--space-md);
}

/* Optional: thin separators */
.footer-divider{ opacity: .6; }

}