<>
.trending-searches-dropdown {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: #F8F8F8;
box-shadow: 0 2px 4px rgba(0000.1);
z-index: 10;
display: none;
padding: 15px 10px 5px 10px;
text-align: left;
border-top: 1px solid black;
}
.trending-searches-heading {
font-family: var(--font-accent);
font-size: 9px;
font-weight: 500;
line-height: 1.6;
text-transform: uppercase;
letter-spacing: 1px;
color: #9b9b9b;
margin-bottom: 7px;
}
.trending-searches-list {
list-: none;
padding: 0;
margin: 0;
}
.trending-searches-item {
margin-bottom:10px;
}
.trending-searches-link {
color:#000;
text-decoration: none;
font-size: 14px;
transition: color 0.2s ease;
}
.trending-searches-link:hover {
color: #000;
}
/* Show dropdown when search is open but user hasn't typed anything */
.live-search:not(.live-search-hidden):not(.live-search-results-hidden) .trending-searches-dropdown {
display: block;
}
/* Hide dropdown when results are shown */
.live-search:not(.live-search-results-hidden) .trending-searches-dropdown[*="display: none"] {
display: none !important;
}