.navbar-brand img {
    max-height: 50px;
}
/* === Initial state (transparent - top of page) === */
.navbar-clone.navbar-unstick .navbar-brand img {
    content: url("./frontend/assets/logo.png"); /* your normal/dark logo */
}

/* Links/text in initial transparent state */
.navbar-clone.navbar-unstick .nav-link,
.navbar-clone.navbar-unstick .dropdown-toggle,
.navbar-clone.navbar-unstick .navbar-brand {
    color: #ffffff !important; /* white text */
}

/* === Scrolled / Sticky state === */
.navbar-clone.navbar-stick .navbar-brand img {
    content: url("/frontend/assets/logo.png"); /* white version of logo */
}

/* Text/links become dark when background is dark */
.navbar-clone.navbar-stick,
.navbar-clone.navbar-stick .nav-link,
.navbar-clone.navbar-stick .dropdown-toggle,
.navbar-clone.navbar-stick .navbar-brand {
    color: #0f1e3a !important; /* dark navy / black */
}

/* Optional: keep orange hover even in sticky state */
.navbar-clone.navbar-stick .nav-link:hover,
.navbar-clone.navbar-stick .dropdown-toggle:hover {
    color: #fd7e14 !important;
}