/* BIMBINGAN_FOOTER_UNIFIED_V5 - public website footer only */
footer.bim-footer-v5, footer.bim-footer-v5 * { box-sizing: border-box; }
footer.bim-footer-v5 {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #203556 !important;
  background: #f8fbff !important;
  border-top: 1px solid #dfeaf6 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
  font: 500 14px/1.55 system-ui, -apple-system, "Segoe UI", sans-serif !important;
}
footer.bim-footer-v5 .bimfv-shell {
  width: min(1160px, calc(100% - 48px));
  margin: 0 auto;
  padding: 39px 0 22px;
}
footer.bim-footer-v5 .bimfv-primary {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1.16fr) minmax(0,1fr);
  align-items: start; gap: 32px;
}
footer.bim-footer-v5 .bimfv-brand a { display: inline-flex; max-width: 100%; align-items: center; }
footer.bim-footer-v5 .bimfv-brand img {
  display:block!important; width:194px!important; height:auto!important;
  max-width:100%!important; max-height:none!important;
  object-fit:contain!important; object-position:left center!important;
}
footer.bim-footer-v5 .bimfv-brand p {
  max-width:235px; margin: 5px 0 0; color: #5b6e88;
  font-size: 12px; line-height: 1.6;
}
footer.bim-footer-v5 .bimfv-nav h2,
footer.bim-footer-v5 .bimfv-contact h2 {
  margin: 0 0 12px !important; padding: 0 !important;
  color: #102447 !important;
  font: 800 14px/1.3 system-ui, -apple-system, "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
}
footer.bim-footer-v5 .bimfv-navlinks {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 18px;
}
footer.bim-footer-v5 .bimfv-navlinks a,
footer.bim-footer-v5 .bimfv-contact a {
  display:inline-flex; width:fit-content; min-height:24px;
  color:#425878!important; text-decoration:none!important;
  font: 600 12px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  white-space:normal!important; overflow-wrap:anywhere;
}
footer.bim-footer-v5 a:hover { color:#155ddd!important; text-decoration:underline!important; }
footer.bim-footer-v5 a:focus-visible { outline: 3px solid #f4a24a; outline-offset: 3px; border-radius: 5px; }
footer.bim-footer-v5 .bimfv-contact { min-width:0; }
footer.bim-footer-v5 .bimfv-contact a {
  display:flex; align-items:center; gap:10px;
  margin:0 0 10px; color:#0e55b8!important;
  font-weight:750!important; font-size:13px!important;
}
footer.bim-footer-v5 .bimfv-contact svg {
  display:block; height:19px; width:19px; flex:none;
}
footer.bim-footer-v5 .bimfv-secondary {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(215px,.45fr);
  gap: 24px; align-items:center;
  margin-top:26px; padding-top:21px;
  border-top:1px solid #dce7f5;
}
footer.bim-footer-v5 .bimfv-legal p {
  max-width:690px; margin:0 0 6px; color:#63748c;
  font: 500 11px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif;
}
footer.bim-footer-v5 .bimfv-legal small { display:block; font-size:11px; color:#74859d; }
/* Cloudflare widget becomes an integrated, borderless metric in the footer bottom row. */
footer.bim-footer-v5 .bimfv-stat { min-width:0; justify-self:end; width:100%; }
footer.bim-footer-v5 .bimfv-stat .bcft {
  width:100%!important; max-width:none!important;
  margin:0!important; padding:0 0 0 22px!important;
  border:0!important; border-left:1px solid #dce7f5!important;
  border-radius:0!important; background:none!important; box-shadow:none!important;
  color:#203556!important;
}
footer.bim-footer-v5 .bimfv-stat .bcft-heading { display:none!important; }
footer.bim-footer-v5 .bimfv-stat .bcft-grid { display:block!important; margin-top:0!important; }
footer.bim-footer-v5 .bimfv-stat .bcft-left { width:auto!important; }
footer.bim-footer-v5 .bimfv-stat .bcft-kicker {
  display:block!important; font-size:12px!important; font-weight:750!important; color:#405d81!important;
}
footer.bim-footer-v5 .bimfv-stat .bcft-main {
  display:flex!important; gap:8px!important; margin:2px 0 0!important; align-items:baseline!important;
}
footer.bim-footer-v5 .bimfv-stat .bcft-number {
  color:#1461d8!important; font-size:32px!important;
  font-weight:900!important; line-height:1.15!important;
}
footer.bim-footer-v5 .bimfv-stat .bcft-label { font-size:11px!important; color:#5c7390!important; }
footer.bim-footer-v5 .bimfv-stat .bcft-note { display:none!important; }
footer.bim-footer-v5 .bimfv-stat::after {
  content:"Sumber: Cloudflare"; display:block; margin:3px 0 0 22px;
  font-size:10px; color:#7b8da6;
}
@media(max-width:860px){
  footer.bim-footer-v5 .bimfv-primary { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:26px; }
  footer.bim-footer-v5 .bimfv-contact { grid-column:1/-1; }
  footer.bim-footer-v5 .bimfv-contact a { display:inline-flex; margin:0 22px 0 0; }
}
@media(max-width:600px){
  footer.bim-footer-v5 .bimfv-shell { width:calc(100% - 32px); padding:26px 0 98px; }
  footer.bim-footer-v5 .bimfv-primary { display:grid!important; grid-template-columns:1fr!important; gap:23px!important; }
  footer.bim-footer-v5 .bimfv-brand img { width:174px!important; }
  footer.bim-footer-v5 .bimfv-brand p { max-width:260px; }
  footer.bim-footer-v5 .bimfv-contact { grid-column:auto; }
  footer.bim-footer-v5 .bimfv-contact a { display:flex; margin:0 0 10px; }
  footer.bim-footer-v5 .bimfv-navlinks { gap:9px 12px; }
  footer.bim-footer-v5 .bimfv-secondary { display:flex; flex-direction:column-reverse; align-items:stretch; gap:15px; margin-top:23px; padding-top:18px; }
  footer.bim-footer-v5 .bimfv-stat { align-self:stretch; }
  footer.bim-footer-v5 .bimfv-stat .bcft { padding:0!important; border-left:0!important; }
  footer.bim-footer-v5 .bimfv-stat .bcft-number { font-size:30px!important; }
  footer.bim-footer-v5 .bimfv-stat::after { margin-left:0; }
  footer.bim-footer-v5 .bimfv-legal { padding-top:15px; border-top:1px solid #e1eaf5; }
  html body .bim-chat-mini-trigger { right:12px!important; bottom:calc(13px + env(safe-area-inset-bottom,0px))!important; }
}
@media(prefers-reduced-motion:reduce) {
  footer.bim-footer-v5 .bcft-number { animation:none!important; }
}