/* Header bar */
.brandbar { backdrop-filter: saturate(150%) blur(2px); }
.brandbar-inner { padding-top: .6rem; padding-bottom: .6rem; }

/* Top accent */
.top-accent { height: 4px; background: linear-gradient(90deg,#5a2d82,#f7b500); }

/* Buttons: kecil, pil, kemas */
.btn-pill { border-radius: 999px; }
.btn-ghost-sm { padding: .35rem .8rem; font-weight: 600; }
.btn-outline-primary, .btn-outline-secondary { border-width: 1px; }

/* Hover/active states yang ‘clean’ */
.btn-outline-primary:hover { background: rgba(13,110,253,.06); }
.btn-outline-secondary:hover { background: rgba(108,117,125,.08); }
.btn:focus { box-shadow: 0 0 0 .15rem rgba(13,110,253,.25); }

/* Scrollable actions on mobile (tanpa burger) */
.nav-pills-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.nav-pills-scroll::-webkit-scrollbar { display: none; }

/* Spacing + responsif */
@media (max-width: 768px) {
  .brandbar-inner { gap: .75rem; }
  .brand-logos img { height: 32px; }
}
@media (max-width: 576px) {
  .brandbar-inner { padding-top: .45rem; padding-bottom: .45rem; }
  .btn-ghost-sm { padding: .32rem .7rem; font-size: .92rem; }
  .top-accent { height: 3px; }
}

/* Optional: haluskan border supaya nampak premium */
.brandbar.border-bottom { border-color: rgba(0,0,0,.06)!important; }

/* Top accent */
.top-accent { height:4px; background:linear-gradient(90deg,#5a2d82,#f7b500); }

/* Burger kecil */
.navbar-toggler.navbar-toggler-sm{padding:.25rem .45rem;border:1px solid rgba(0,0,0,.12);border-radius:.6rem}
.navbar-toggler.navbar-toggler-sm .navbar-toggler-icon{width:1.1rem;height:1.1rem}

/* Butang gaya pil */
.btn-pill{border-radius:999px}
.btn-ghost-sm{padding:.35rem .8rem;font-weight:600}
.btn-outline-primary,.btn-outline-secondary{border-width:1px}
.btn-outline-primary:hover{background:rgba(13,110,253,.06)}
.btn-outline-secondary:hover{background:rgba(108,117,125,.08)}

@media (max-width:991.98px){
  .navbar-nav .nav-item + .nav-item{margin-top:.4rem}
  .navbar .d-flex.align-items-center.gap-3 img{height:32px}
  .top-accent{height:3px}
}