/* Sticky footer pattern */
html, body { height: 100%; }
body { min-height: 100%; display: flex; flex-direction: column; }
.site-footer { margin-top: auto; }

/* Footer base (matches header via global theme vars) */
.site-footer{
  background: linear-gradient(120deg, var(--ui-1, #6a85ff) 0%, var(--ui-2, #82e0ff) 100%);
  color:#e9eefc;
  /* ↓ compact padding */
  padding: 10px 14px;
  line-height: 1.2;
}

/* Inner layout */
.footer-inner{
  width:min(1200px,100%);
  margin-inline:auto;
  display:grid;
  gap:8px;                 /* ↓ tighter gaps */
  justify-items:center;
  align-items:center;
  text-align:center;
}

/* Brand */
.footer-brand{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  color:inherit;
}
.footer-logo{
  width: clamp(22px, 5vw, 30px); /* ↓ smaller mark */
  height:auto;
  object-fit:contain;
}
.footer-name{
  font-family:'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight:700;
  font-size: clamp(14px, 2vw, 18px);
}

/* Links */
.footer-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;           /* ↓ tighter link spacing */
}
.footer-nav a{
  color:#e9eefc;
  text-decoration:none;
  font-weight:600;
  font-size: clamp(12px, 1.6vw, 14px); /* ↓ smaller */
  opacity:.9;
}
.footer-nav a:hover{ opacity:1; text-decoration:underline; }

/* Copyright */
.footer-copy{
  margin:0;
  font-size: clamp(11px, 1.4vw, 13px); /* ↓ smaller */
  opacity:.85;
}

/* Desktop: 3 slim columns */
@media (min-width:768px){
  .footer-inner{
    grid-template-columns:auto 1fr auto; /* brand | links | copy */
    text-align:left;
    justify-items:stretch;
    /* slightly more breathing room but still compact */
    padding-block: 2px;
  }
  .footer-brand{ justify-self:start; }
  .footer-nav{ justify-self:center; }
  .footer-copy{ justify-self:end; text-align:right; }
}

/* High-contrast focus (a11y) */
.footer-nav a:focus-visible,
.footer-brand:focus-visible{
  outline:2px solid #84d3fa;
  outline-offset:3px;
}

/* Make sure FAB/modal sit above footer */
.ai-fab { position: fixed; right: 16px; bottom: 16px; z-index: 9999; }
.ai-modal { z-index: 10000; }