/* ============================================================
   components/footer.css — Footer
   ============================================================ */

.site-footer {
  background:var(--ink);
  padding:64px 0 32px;
  margin-top:0;
}
.footer-top {
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:56px;
  padding-bottom:48px;
  border-bottom:1px solid rgba(255,255,255,.1);
  margin-bottom:32px;
}
.footer-logo {
  font-family:var(--serif);
  font-size:1.5rem; font-weight:700;
  color:#fff; text-decoration:none; display:block; margin-bottom:4px;
  transition:color var(--transition);
}
.footer-logo:hover { color:var(--green); }
.footer-tagline {
  font-size:.72rem; font-weight:400;
  letter-spacing:.12em; text-transform:uppercase;
  color:rgba(255,255,255,.4); margin-bottom:14px;
}
.footer-desc {
  font-size:.85rem; color:rgba(255,255,255,.45);
  max-width:280px; line-height:1.75; margin-bottom:24px;
}

/* Social icons */
.footer-socials { display:flex; gap:12px; }
.soc {
  width:42px; height:42px; border-radius:var(--radius-sm);
  display:flex; align-items:center; justify-content:center;
  text-decoration:none; transition:all var(--transition);
}
.soc-fb { background:rgba(24,119,242,.2);  color:#60a5fa; }
.soc-ig { background:rgba(245,158,11,.2);  color:#fcd34d; }
.soc-li { background:rgba(10,102,194,.2);  color:#93c5fd; }
.soc:hover { transform:translateY(-3px); filter:brightness(1.35); }

/* Nav */
.footer-nav-title {
  font-size:.68rem; font-weight:500;
  letter-spacing:.2em; text-transform:uppercase;
  color:var(--green); margin-bottom:16px;
}
.footer-nav ul { display:flex; flex-direction:column; gap:10px; }
.footer-nav a {
  font-size:.85rem; color:rgba(255,255,255,.5);
  text-decoration:none; transition:color var(--transition);
}
.footer-nav a:hover { color:#fff; }

/* Contact list */
.footer-contact-list { display:flex; flex-direction:column; gap:12px; }
.footer-contact-list li {
  display:flex; align-items:center; gap:10px;
  font-size:.82rem; color:rgba(255,255,255,.5);
}
.footer-contact-list svg { color:var(--green); flex-shrink:0; }
.footer-contact-list a { color:rgba(255,255,255,.5); text-decoration:none; transition:color var(--transition); }
.footer-contact-list a:hover { color:#fff; }

/* Bottom bar */
.footer-bottom {
  display:flex; justify-content:space-between; align-items:center;
  flex-wrap:wrap; gap:12px;
}
.footer-copy  { font-size:.72rem; color:rgba(255,255,255,.3); }
.footer-heart { font-size:.72rem; color:rgba(255,255,255,.3); }
.footer-heart span { color:var(--green); }

.footer-credit {
  font-size:.72rem; color:rgba(255,255,255,.3);
}
.footer-credit a {
  color:var(--amber);
  text-decoration:none; font-weight:600;
  letter-spacing:.05em;
  transition:color var(--transition);
}
.footer-credit a:hover { color:var(--amber-deep); }

/* Responsive */
@media(max-width:960px) {
  .footer-top { grid-template-columns:1fr; gap:36px; }
  .footer-bottom { flex-direction:column; align-items:flex-start; gap:8px; }
}