/* ============================================
   DYNAMIC NAVIGATION CUSTOMIZATION
   Auto-generated from Admin Settings
   ============================================ */

/* Top Bar Colors */
.top-bar {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
}

/* Navbar Background */
.navbar {
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(20px);
}

/* Navigation Link Colors */
.navbar-nav .nav-link {
    color: #333333 !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #667eea !important;
}

/* Underline Style */
.navbar-nav .nav-link::before {
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
}

/* Hover Background Effect */
.navbar-nav .nav-link::after {
    background: linear-gradient(135deg, #667eea1A 0%, #764ba21A 100%);
}

/* Hamburger Button */
.navbar-toggler {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Icon Buttons */
.btn-outline-primary {
    border-color: #667eea;
}

.btn-outline-primary::before {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.btn-outline-primary:hover {
    border-color: #667eea;
    box-shadow: 0 8px 20px #667eea4D;
}

/* Scroll Progress Bar */
.scroll-progress {
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
}

/* Mobile Menu Active State */
@media (max-width: 991.98px) {
    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link.active {
        background: linear-gradient(90deg, #667eea26 0%, #764ba226 100%);
        border-left-color: #667eea;
    }
}

/* Disable All Animations if Setting is Off */

/* Color Variables for JavaScript */
:root {
    --nav-primary-color: #667eea;
    --nav-secondary-color: #764ba2;
    --nav-hover-color: #667eea;
}