/* ==========================================================
   DevoEnv — Navbar-specific styles
   ========================================================== */
nav ul li a.nav-active {
    color: var(--primary) !important;
}

nav ul li a.nav-active::after {
    width: 100% !important;
}

.nav-cta {
    background: var(--gradient-1) !important;
    border-radius: 10px !important;
    color: white !important;
}

.nav-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 82, 255, 0.35) !important;
}

.nav-cta::after { display: none !important; }

@media (max-width: 900px) {
    .nav-cta { display: inline-flex; width: fit-content; }
}