/* Navbar improvements with rounded corners */
.navli {
    display: inline-block;   
}

.navol {
    display: flex;
}

/* Enhanced navbar styles - maintain original scroll behavior with glass effect */
.navbar {
    border-radius: 0 0 15px 15px;
    transition: all 0.5s ease;
    backdrop-filter: blur(10px);
    background: rgba(229,229,229,0.9) !important;
}

/* Restore original sticky behavior */
.navbar.sticky-top {
    top: -100px;
}

/* When scrolled and visible */
.navbar.sticky-top.shadow-sm {
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    border-radius: 0;
}

/* Improved social media buttons in navbar */
.navbar .btn-square {
    border-radius: 12px !important;
    transition: all 0.3s ease;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 1px solid rgba(0,128,255,0.1);
}

.navbar .btn-square:hover {
    transform: translateY(-2px) scale(1.05);
    background: linear-gradient(135deg, #0080FF 0%, #0066cc 100%);
    box-shadow: 0 4px 15px rgba(0,128,255,0.3);
    border-color: #0080FF;
}

.navbar .btn-square img {
    transition: all 0.3s ease;
    border-radius: 6px;
}

.navbar .btn-square:hover img {
    filter: brightness(0) invert(1);
    transform: scale(1.1);
}

/* Mobile navbar improvements */
@media (max-width: 991.98px) {
    .navbar {
        border-radius: 0 0 12px 12px;
        padding: 0.5rem 1rem;
    }
    
    .navbar-toggler {
        border: 2px solid #0080FF;
        border-radius: 8px;
        padding: 0.4rem 0.6rem;
        transition: all 0.3s ease;
    }
    
    .navbar-toggler:hover {
        background-color: #0080FF;
        transform: scale(1.05);
    }
    
    .navbar-toggler:hover .navbar-toggler-icon {
        filter: brightness(0) invert(1);
    }
    
    .navbar-toggler:focus {
        box-shadow: 0 0 0 0.2rem rgba(0,128,255,0.25);
    }
    
    .navbar-collapse {
        background: linear-gradient(135deg, rgba(248,249,250,0.95) 0%, rgba(255,255,255,0.95) 100%);
        border-radius: 12px;
        margin-top: 0.5rem;
        padding: 1rem;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        backdrop-filter: blur(10px);
    }
    
    .navbar-nav .nav-link {
        padding: 0.75rem 1rem !important;
        margin: 0.25rem 0;
        border-radius: 8px;
        transition: all 0.3s ease;
    }
    
    .navbar-nav .nav-link:hover {
        background: linear-gradient(135deg, #0080FF 0%, #0066cc 100%);
        color: white !important;
        transform: translateX(5px);
    }
    
    /* Mobile social buttons */
    .navbar .btn-square {
        margin: 0.25rem;
    }
}

/* Logo improvements */
#navlogo {
    transition: all 0.3s ease;
    border-radius: 8px;
    padding: 2px;
    height: 20px !important;
    width: auto !important;
}

#navlogo:hover {
    transform: scale(1.1);
    filter: drop-shadow(0 4px 8px rgba(0,128,255,0.2));
    background: rgba(0,128,255,0.05);
}