.custom-search-dropdown {
    position: absolute;
    top: calc(100% + 5px); /* xuống dưới input một chút */
    left: 0;
    width: calc(100% - 40px); /* trừ chỗ của nút search (20px mỗi bên tuỳ padding) */
    background: #fff;
    max-height: 300px;
    overflow-y: auto;
    z-index: 999;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border-radius: 6px;
}
.custom-search-item {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}
.custom-search-item:hover {
    background-color: #f3f3f3;
}
.custom-search-item strong {
    color: #0097DB;
}


.input-wrapper {
  position: relative;
  display: inline-block;
}

#searchInput {
  padding-right: 30px; /* chừa chỗ cho nút clear */
}

.clear-btn {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  font-size: 18px;
  cursor: pointer;
  display: none; /* mặc định ẩn */
  color: #999;
}

.clear-btn:hover {
  color: #333;
}