/* Navbar Inner Pages (Non-Home) */
.navbar-inner {
    background-color: var(--secondary-color);
    border-bottom: 1px solid var(--border-glass);
    padding: 0.7rem 0;
    /* Match scrolled height */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
}

/* Force Black Title and Icon on Inner Pages in Light Mode */
.navbar-inner .brand-text,
.navbar-inner .menu-icon,
.navbar-inner .nav-link {
    color: var(--text-color) !important;
    filter: none;
    /* Remove drop shadow from icon */
}

/* Specific styling for Light Mode if requested to have "topbar bg black" - assuming user meant consistent dark header? 
   No, conforming to "title black" which implies light bg. 
   But if user insisted on "bg black" in light mode...
   Let's keep it clean with vars.
*/
.navbar-inner .nav-link:hover,
.navbar-inner .nav-link.active {
    background: rgba(0, 0, 0, 0.05);
    /* Light hover effect */
    color: var(--primary-color) !important;
}

/* Dark Mode Overrides for Inner Pages */
[data-theme="dark"] .navbar-inner {
    background-color: var(--bg-body);
    /* Black */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .navbar-inner .brand-text,
[data-theme="dark"] .navbar-inner .menu-icon,
[data-theme="dark"] .navbar-inner .nav-link {
    color: #ffffff !important;
}

[data-theme="dark"] .navbar-inner .nav-link:hover,
[data-theme="dark"] .navbar-inner .nav-link.active {
    background: rgba(255, 255, 255, 0.1);
    color: var(--primary-color) !important;
}