.pf-footer { 
  background-color:#0d6efd; 
  color:#fff; 
  text-align:center; 
  padding:15px 0 70px; 
}
.pf-container { 
  max-width:960px; 
  margin:0 auto; 
}

/* Bottom nav melayang */
.pf-bottomnav { 
  position:fixed; 
  bottom:0; 
  left:0; 
  right:0; 
  background:#fff; 
  border-top:1px solid #ddd; 
  z-index:1050; 
}
.pf-nav { 
  display:flex; 
  justify-content:space-around; 
  margin:0; 
  padding:5px 0; 
  list-style:none; 
}
.pf-nav-item { 
  flex:1; 
  text-align:center; 
}
.pf-nav-link { 
  color:#0d6efd; 
  display:inline-block; 
  position:relative; 
  text-decoration:none; 
}
.pf-nav-link:hover,
.pf-link:hover,
.pf-popup-link:hover { 
  text-decoration:underline; 
}
.pf-badge { 
  background:#dc3545; 
  color:#fff; 
  font-size:0.7rem; 
  border-radius:50%; 
  padding:2px 6px; 
  position:absolute; 
  top:0; 
  right:-10px; 
}

/* Ikon sosial */
.pf-social { 
  display:flex; 
  justify-content:center; 
  gap:10px; 
  margin:15px 0; 
}
.pf-social-btn { 
  background:#fff; 
  color:#0d6efd; 
  width:30px; 
  height:30px; 
  border-radius:50%; 
  display:flex; 
  align-items:center; 
  justify-content:center; 
  box-shadow:0 2px 6px rgba(0,0,0,0.15); 
  text-decoration:none; 
  transition:transform 0.15s ease, box-shadow 0.15s ease; 
}
.pf-social-btn:hover { 
  transform:translateY(-1px); 
  box-shadow:0 4px 10px rgba(0,0,0,0.2); 
}

/* Link dinamis */
.pf-links { margin-bottom:15px; }
.pf-list-inline { list-style:none; padding:0; margin:0; }
.pf-list-inline-item { display:inline; margin:0 5px; }
.pf-link { color:#fff; text-decoration:none; }

/* Popup notifikasi */
.pf-popup { 
  position:fixed; 
  bottom:70px; 
  left:50%; 
  transform:translateX(-50%); 
  width:280px; 
  background:#fff; 
  border:1px solid #ddd; 
  border-radius:6px; 
  box-shadow:0 2px 8px rgba(0,0,0,0.2); 
  z-index:1060; 
}
.pf-popup-header { 
  display:flex; 
  justify-content:space-between; 
  align-items:center; 
  padding:8px; 
  border-bottom:1px solid #ddd; 
  font-weight:bold; 
}
.pf-popup-link { color:#0d6efd; text-decoration:none; }
.pf-popup-list { list-style:none; margin:0; padding:0; }
.pf-popup-item { padding:8px; border-bottom:1px solid #eee; }
.pf-popup-item:last-child { border-bottom:none; }
.pf-text-center { text-align:center; }
.pf-text { margin:0; }

/* Search form di bottom nav */
.pf-search-form { 
  display:flex; 
  align-items:center; 
  justify-content:center; 
  gap:5px; 
}
.pf-search-input { 
  flex:1; 
  padding:4px 6px; 
  font-size:0.9rem; 
  border:1px solid #ccc; 
  border-radius:4px; 
}
.pf-search-btn { 
  background:#0d6efd; 
  color:#fff; 
  border:none; 
  border-radius:4px; 
  padding:4px 8px; 
}
.pf-search-btn i { font-size:1rem; }