/* Brand image sizing & alignment */
.brandbar .brand-logo {
  display: block;           /* remove baseline gap */
  height: 36px;             /* default navbar height */
  width: auto;              /* keep aspect */
  object-fit: contain;
}

/* Slightly larger on md+ navbars */
@media (min-width: 768px) {
  .brandbar .brand-logo { height: 40px; }
}

/* If your navbar is dark and you need subtle separation */
.navbar-dark .brandbar .brand-logo {
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.25));
}

/* Optional: make the hit area comfy without growing the image */
.brandbar { padding: .25rem 0; }

/* Fine-tune brand spacing inside the navbar */
.navbar .brandbar {
  padding-top: 0.25rem;   /* ≈4px */
  padding-left: 0.5rem;   /* ≈8px */
}

/* Adjust image sizing and spacing */
.navbar .brandbar .brand-logo {
  height: 40px;
  width: auto;
  object-fit: contain;
}