#menu-bar {
    height: 65px;
}

#menu-bar .container {
    height: 100%;
}

#menu-bar .container .menu-bar-wrapper {
    height: 100%;
    align-items: center;
}

#menu-bar .container .menu-bar-wrapper .menu-item {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #111827;
}

/* Logo Styling */
.logo-container img {
    width: 63px;
    height: 41px;
}

.menu-item:hover {
    color: #ffffff;
}

/* Authentication Buttons */
.login-btn {
    padding: 8px 16px;
    border: 1px solid #E5E7EB;
    color: #000000;
    font-size: 16px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
}

.signup-btn {
    padding: 8px 16px;
    background: #1F2937;
    color: white;
    font-size: 16px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
}

.signup-btn:hover {
    background: #374151;
}

.menu-item {
    font-weight: 500;
}

.menu-item.active {
    color: #0274D4 !important;
}

.menu-item span {
    position: relative;
    padding-bottom: 2px; /* Adds space between text and underline */
}

.menu-item.active span {
    color: #0274D4;
    border-bottom: 2px solid #0274D4; /* Creates the underline */
}

.coming-soon {
    position: absolute;
    top: -6px;
    right: 0;
    font-size: 10px;
    color: #0274D4;
    font-weight: 500;
    border: unset !important;
}