/* ===== NAVBAR LOGO IMAGE ===== */
.nav-logo {
  padding: 0;
  display: flex;
  align-items: center;
}

.nav-logo-img {
  height: 78px;          /* controls logo size in navbar */
  width: auto;
  display: block;
  object-fit: contain;
  /* If background is still black, this blends it: */
  mix-blend-mode: multiply;
}

[data-theme="dark"] .nav-logo-img {
  /* On dark mode, invert blend so logo shows on dark bg */
  mix-blend-mode: normal;
  filter: brightness(1.1);
}