.nav-item {
    font-size: 14px;
    font-weight: 500;
    padding: 0 14px;
}

.nav-item .active {
    color: var(--blue-color) !important;
}

#avatar-btn {
    border: 1px solid var(--blue-color);
}

#avatar-btn:hover {
    box-shadow: 0 5px 10px rgba(135, 129, 129, 0.3); /* Bóng đổ inset khi nhấn */
    transition: transform 0.5s ease, box-shadow 0.5s ease; /* Hiệu ứng chuyển tiếp */
}

#search-input {
    height: 40px;
    box-shadow: none !important;
    border: 0.5px solid var(--gray-color);
}

@media (min-width:992px) {
    #form-search {
        width: 500px !important;
    }
}

#search-input:hover, #search-input:hover ~ #search-btn {
    border-color: var(--blue-color);
}

#search-input::placeholder {
    font-size: 14px;
    font-weight: 500;
}

#search-btn {
    background-color: white;
    border-color: var(--gray-color);
}

#search-btn i {
    color: var(--gray-color);
}

#search-btn:hover, #search-btn:hover i {
    background-color: transparent;
    color: var(--blue-color);
}