/* Mobile Modal Styling */
.modal-content {
    background: #1E1B55 !important;
    color: #fff !important;
    border: none !important;
}

.modal-header {
    border-bottom: 1px solid #444 !important;
}

.modal-footer {
    border-top: 1px solid #444 !important;
}

.nav-links {
    list-style: none !important;
    padding: 0 !important;
}

.nav-links li {
    margin: 15px 0 !important;
}

.nav-links a {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 20px !important;
    transition: color 0.3s !important;
}

.nav-links a:hover {
    color: #17a2b8 !important;
}

/* Hide Modal Button on Larger Screens */
.mobile-toggle {
    display: none !important;
}

/* Display Modal Button Only on Mobile */
@media (max-width: 991px) {
    .mobile-toggle {
        display: inline-block !important;
    }

    .desktop-nav {
        display: none !important;
    }
}

.navbar {
    transition: background 0.3s, box-shadow 0.3s !important;
}

.navbar .navbar-brand {
    opacity: 0 !important;
    display: none !important;
    transition: opacity 0.9s, visibility 0.9s !important;
}

.navbar.scrolled .navbar-brand {
    opacity: 1 !important;
    display: block !important;

}