/* header.css */

/* Ensure the logo image is properly sized and aligned */
.navbar-brand img {
    height: 50px; /* Adjust as needed */
    width: auto;
    /* Remove any extra padding/margin if needed */
    padding-bottom: 5px;
}

/* Ensure the container-fluid uses flexbox properly */
.navbar .container-fluid {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Center the navbar links */
.navbar-nav.mx-auto {
    flex-grow: 1;
    justify-content: center;
    display: flex;
}

/* Style nav links for better spacing and alignment */
.navbar-nav .nav-link {
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    height: 100%;
}

/* Adjust navbar padding for better vertical alignment */
.navbar {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* Optional: Hover effect for nav links */
.navbar-nav .nav-link:hover {
    color: #ffc107; /* Example color, adjust as needed */
}

/* Ensure the language dropdown is vertically centered */
.navbar-nav.ms-auto .nav-link {
    display: flex;
    align-items: center;
}

/* Optional: Adjust the position of the language dropdown */
.navbar-nav.ms-auto .dropdown-menu {
    right: 0;
    left: auto;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .navbar-nav .nav-link {
        padding-left: 10px;
        padding-right: 10px;
    }
}