/*
  Footer bersama untuk etalase publik, portal, dan kedua halaman login.

  Sebelumnya CSS footer ditulis dua kali (dashboard.html dan portal_umkm.html)
  dengan isi yang sama persis, sementara halaman login tidak punya footer sama
  sekali. Semuanya dikumpulkan di sini supaya satu perubahan berlaku serentak.

  Data kontak diambil dari halaman resmi Kantor Perwakilan Bank Indonesia
  Provinsi Lampung di bi.go.id.
*/

footer.site{
  background:var(--bi-navy-deep);
  color:rgba(255,255,255,0.6);
}
.footer-inner{
  max-width:1240px; margin:0 auto; padding:40px 24px;
  display:flex; justify-content:space-between; gap:32px; flex-wrap:wrap;
  align-items:flex-start;
}
.footer-inner .brand-text .t2{font-size:14px;}

/* Judul tiap kolom. Ditulis biasa, bukan ALL-CAPS ber-letter-spacing lebar. */
.footer-judul{
  font-size:13.5px; font-weight:700; color:rgba(255,255,255,0.92); margin-bottom:12px;
}

.footer-kolom{display:flex; flex-direction:column; gap:8px; max-width:320px;}
.footer-nama{font-size:13px; color:rgba(255,255,255,0.78); line-height:1.5; margin-bottom:2px;}

/* Satu baris kontak: ikon sejajar baris pertama teks, bukan di tengah blok. */
.footer-baris{
  display:flex; align-items:flex-start; gap:9px;
  font-size:13px; line-height:1.5; color:rgba(255,255,255,0.6);
  text-decoration:none;
}
.footer-baris svg{flex:none; margin-top:2px;}
a.footer-baris:hover{color:#fff;}

.footer-sosmed{display:flex; flex-direction:column; gap:9px;}
.footer-sosmed a{
  display:flex; align-items:center; gap:9px;
  font-size:13px; color:rgba(255,255,255,0.6); text-decoration:none;
}
.footer-sosmed a:hover{color:#fff;}

.footer-links{display:flex; flex-direction:column; gap:9px; font-size:13px;}
.footer-links a{text-decoration:none; color:rgba(255,255,255,0.6); cursor:pointer;}
.footer-links a:hover{color:#fff;}

/* Di layar sempit kolom menumpuk sendiri karena .footer-inner sudah flex-wrap. */
@media(max-width:720px){
  .footer-inner{gap:26px; padding:32px 20px;}
  .footer-kolom{max-width:none;}
}