#homepage-navbar {
  background-color: var(--white-color) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important; /* For Safari support */
}
/* Brand Logo Container */
.brand-logo-box {
  background: var(--success-color);
  width: 38px;
  height: 38px;
  border-radius: var(--border-radius-10);
  color: var(--white-color);
  transition: transform 0.3s ease;
}

.navbar-brand:hover .brand-logo-box {
  transform: scale(1.05);
}

/* Brand Text Container */
.brand-text {
  letter-spacing: -1.5px;
  line-height: 1;
}

/* "Oja" Part */
.brand-main {
  font-weight: 700;
  font-size: 1.7rem;
  color: var(--dark-color); /* Standard Bootstrap dark text */
}

/* "Plug" Part */
.brand-accent {
  color: var(--success-color);
  font-size: 1.7rem;
  font-weight: 700;
}

/* Mobile responsiveness - slightly smaller on phones */
@media (max-width: 576px) {
  .brand-main,
  .brand-accent {
    font-size: 1.4rem;
  }
  .brand-logo-box {
    width: 32px;
    height: 32px;
  }
}