/* Styles for the navbar and logo positioning */

/* Position logo on the left side */
.navbar-brand-container {
    display: flex;
    align-items: center;
}

.navbar-brand {
    padding: 5px 0;
    margin-right: 20px;
}

/* Logo styling */
.navbar-logo {
    max-height: 80px;
    width: auto;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1));
    transition: transform 0.3s ease;
}

/* Gentle hover effect */
.navbar-logo:hover {
    transform: scale(1.05);
}

/* Main navbar styling - frosted glass effect */
#mainNavbar {
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    background-color: rgba(255, 255, 255, 0.1);
}

#mainNavbar.scrolled {
    background-color: rgba(255, 255, 255, 0.85);
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .navbar-brand-container {
        position: relative;
        z-index: 1050;
    }

    .navbar-logo {
        max-height: 45px;
    }

    .navbar-toggler {
        border: none;
    }
}