/* Shared footer styles. Used with src/_includes/footer.html */
.footer {
  background: var(--black); border-top: 1px solid rgba(255,255,255,0.06);
  padding: 2.5rem 2rem;
}
.footer-inner {
  max-width: 1100px; margin: 0 auto;
  display: flex; justify-content: space-between; align-items: center;
}
.footer-left { display: flex; flex-direction: column; gap: 0.5rem; }
.footer-logo img { height: 32px; width: auto; display: block; filter: brightness(0) invert(1); }
.footer-copy { font-size: 0.82rem; color: rgba(255,255,255,0.7); }
.footer-right { display: flex; align-items: center; gap: 2rem; }
.footer-links { display: flex; gap: 1.5rem; }
.footer-links a { font-size: 0.85rem; color: rgba(255,255,255,0.85); transition: color 0.2s; }
.footer-links a:hover { color: var(--honey-light); }
.footer-social { display: flex; gap: 1rem; }
.footer-social a {
  width: 32px; height: 32px; border-radius: 8px;
  background: rgba(255,255,255,0.06); display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.85); transition: all 0.2s;
}
.footer-social a:hover { background: rgba(232,154,38,0.15); color: var(--honey-light); }
.footer-social svg { width: 16px; height: 16px; fill: currentColor; }

@media (max-width: 768px) {
  .footer-inner { flex-direction: column; gap: 1.5rem; text-align: center; }
  .footer-left { align-items: center; }
  .footer-right { flex-direction: column; gap: 1rem; }
}