/* ============================================================
   Footer Unhas — gaya Harvard: near-black minimalis, teks muted,
   kolom pendek, sosial, copyright. Konsisten dg overlay header (#0e0e0e).
   ============================================================ */
:root{ --uh-ink:#0e0e0e; --uh-mute:#8b96a0; }

/* Sembunyikan footer bawaan Astra + sisa footer ElementsKit */
#colophon,.ekit-template-content-footer{display:none !important;}

.uh-footer{
  background:var(--uh-ink);color:var(--uh-mute);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:15px;line-height:1.6;
}
.uh-footer a{color:var(--uh-mute);text-decoration:none;transition:color .15s;}
.uh-footer a:hover{color:#fff;}

.uh-footer-main{
  max-width:1180px;margin:0 auto;
  padding:clamp(48px,7vw,88px) clamp(18px,4vw,40px) clamp(32px,4vw,48px);
  display:grid;gap:clamp(32px,5vw,64px);
  grid-template-columns:1.6fr 1fr 1fr 1fr;
}

/* Kolom brand */
.uh-flogo{height:44px;width:auto;margin-bottom:22px;display:block;}
.uh-faddr{margin:0 0 22px;color:var(--uh-mute);max-width:300px;font-size:14px;}
.uh-fsocial{display:flex;gap:20px;}
.uh-fsocial a{display:inline-flex;color:var(--uh-mute);}
.uh-fsocial a:hover{color:#fff;}
.uh-fsocial svg{width:20px;height:20px;fill:currentColor;}

/* Kolom link (Harvard: heading kecil title-case, link muted) */
.uh-fcol h3{
  color:#fff;font-size:15px;font-weight:500;letter-spacing:0;margin:0 0 18px;
}
.uh-fcol ul{list-style:none;margin:0;padding:0;}
.uh-fcol li{margin:0 0 12px;}
.uh-fcol li a{font-size:14px;}

/* Bar copyright — tipis, muted */
.uh-footer-bottom{
  border-top:1px solid rgba(255,255,255,.10);
  max-width:1180px;margin:0 auto;
  padding:22px clamp(18px,4vw,40px);
  display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center;justify-content:space-between;
  font-size:13px;color:#6f7883;
}
.uh-footer-bottom p{margin:0;}
.uh-footer-bottom .uh-legal{display:flex;flex-wrap:wrap;gap:8px 22px;}

@media(max-width:900px){
  .uh-footer-main{grid-template-columns:1fr 1fr;}
  .uh-fbrand{grid-column:1 / -1;}
}
@media(max-width:520px){
  .uh-footer-main{grid-template-columns:1fr;}
  .uh-footer-bottom{justify-content:flex-start;}
}