/* RSU Wajak Husada — Global Footer Styles */

.wh-footer{
  background:#ff650f;
  padding:36px 0 24px;
  font-family:'Roboto',sans-serif;
}
.wh-footer-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr 1fr;
  gap:24px;
  color:#fff;
}
/* Logo resmi berteks hitam: ditempatkan pada kartu putih agar terbaca di atas footer oranye */
.wh-footer-brand .wh-footer-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  padding:10px 16px;
  background:#fff;
  border-radius:14px;
  text-decoration:none;
}
.wh-footer-logo-img{display:block;height:72px;width:auto;max-width:100%;object-fit:contain;}
.wh-footer-address{
  font-size:12.5px;
  line-height:1.6;
  color:rgba(255,255,255,.92);
  margin-bottom:16px;
}
.wh-footer-social{display:flex;gap:10px;}
.wh-footer-social a{
  width:32px;height:32px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.5);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:13px;
  text-decoration:none;
  transition:.2s ease;
}
.wh-footer-social a:hover{background:#fff;color:#ff650f;}
.wh-footer-col h4{
  font-family:'Oswald',sans-serif;
  font-weight:700;
  text-transform:uppercase;
  font-size:13.5px;
  margin-bottom:14px;
  letter-spacing:.3px;
}
.wh-footer-links{list-style:none;padding:0;margin:0;}
.wh-footer-links li{margin-bottom:10px;}
.wh-footer-links li a{
  font-size:12.5px;
  color:rgba(255,255,255,.9);
  display:flex;
  align-items:center;
  gap:8px;
  line-height:1.4;
  text-decoration:none;
}
.wh-footer-links li a i{width:14px;font-size:11px;flex-shrink:0;}
.wh-footer-links li a:hover{text-decoration:underline;}
.wh-footer-links-inline{display:flex;flex-wrap:wrap;gap:6px 14px;}
.wh-footer-links-inline li{margin-bottom:0;}

.wh-copyright-bar{
  background:#343a40;
  padding:12px 0;
  text-align:center;
}
.wh-copyright-bar p{
  color:rgba(255,255,255,.85);
  font-size:12px;
  margin:0;
}

/* Responsive — tablet */
@media (max-width:991px){
  .wh-footer-grid{grid-template-columns:repeat(2,1fr);gap:20px 16px;}
  .wh-footer-brand{grid-column:1/2;grid-row:1/3;}
  .wh-footer-col:nth-child(2){grid-column:2/3;grid-row:1;}
  .wh-footer-col:nth-child(3){grid-column:2/3;grid-row:2;}
  .wh-footer-col:nth-child(4){grid-column:1/3;grid-row:3;margin-top:4px;}
}

/* Responsive — mobile */
@media (max-width:767px){
  .wh-footer{padding:24px 0 16px;}
  .wh-footer-grid{grid-template-columns:1fr 1fr;gap:20px 14px;}
  .wh-footer-brand .wh-footer-logo{padding:8px 12px;border-radius:12px;}
  .wh-footer-logo-img{height:54px;}
  .wh-footer-address{font-size:10.5px;margin-bottom:10px;}
  .wh-footer-social a{width:26px;height:26px;font-size:11px;}
  .wh-footer-col h4{font-size:11px;margin-bottom:8px;}
  .wh-footer-links li{margin-bottom:7px;}
  .wh-footer-links li a{font-size:10.5px;}
  .wh-footer-links-inline{display:flex;flex-wrap:wrap;gap:6px 14px;}
  .wh-footer-links-inline li{margin-bottom:0;}
  .wh-copyright-bar p{font-size:10px;}
}

@media (max-width:480px){
  .wh-footer-grid{grid-template-columns:1fr;}
  .wh-footer-brand{grid-column:1;grid-row:auto;}
  .wh-footer-col{grid-column:1;grid-row:auto;}
}
