/* ============================================================
   footer.css — Hanya untuk footer + sosial media
   Edit link sosmed di components/footer.html & index.html
   (cari komentar "SOSMED-EDIT").
   ============================================================ */
.site-footer { background: #080d18; border-top: 1px solid rgba(201, 168, 106, 0.25); }

.socmed-btn {
  width: 42px; height: 42px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #e2e8f0;
  font-size: 1.05rem;
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.socmed-btn:hover {
  transform: translateY(-3px);
  background: linear-gradient(135deg, #d9bc85, #c9a86a);
  border-color: transparent;
  color: #0f172a;
}

.footer-link { color: #94a3b8; font-size: 0.9rem; transition: color 0.2s ease; }
.footer-link:hover { color: var(--gold-400); }

#back-to-top { transition: opacity 0.3s ease, transform 0.3s ease; }
#back-to-top.hide { opacity: 0; pointer-events: none; transform: translateY(10px); }