/* ============================================================
   FESTNEST — FOOTER  |  assets/css/footer.css
   ============================================================ */
.footer{background:var(--bg-dark);padding:64px var(--page-padding) 32px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-brand .footer-logo{
  font-family:'Clash Display',sans-serif;font-size:26px;font-weight:700;
  background:var(--grad);-webkit-background-clip:text;
  -webkit-text-fill-color:transparent;background-clip:text;
  margin-bottom:14px;display:block
}
.footer-desc{font-size:14px;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:20px;max-width:300px}
.footer-socials{display:flex;gap:10px}
.social-btn{width:36px;height:36px;background:rgba(255,255,255,.08);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:var(--transition);text-decoration:none;color:rgba(255,255,255,.7)}
.social-btn:hover{background:var(--color-primary);color:#fff}
.footer-col h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:800;color:rgba(255,255,255,.9);margin-bottom:16px;text-transform:uppercase;letter-spacing:.6px}
.footer-link{display:block;font-size:13px;color:rgba(255,255,255,.5);margin-bottom:10px;transition:color .2s;cursor:pointer}
.footer-link:hover{color:rgba(255,255,255,.9)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-bottom-text{font-size:13px;color:rgba(255,255,255,.3)}
.footer-bottom-links{display:flex;gap:20px}
.footer-bottom-link{font-size:13px;color:rgba(255,255,255,.3);cursor:pointer;transition:color .2s}
.footer-bottom-link:hover{color:rgba(255,255,255,.7)}

@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:640px){
  .footer{padding:48px var(--page-padding) 24px}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-bottom{flex-direction:column;text-align:center}
}