/*********************************************\
 * Missoula Karaoke Website
 * Song Search Autocomplete CSS Styles
 * Custom-built & © 2026 Missoula Karaoke, LLC
 * https://missoulakaraoke.com
\*********************************************/


/* Autocomplete styling: gold titles/artist names, smaller by-text */
#song-search-suggestions .autocomplete-song-title,
#song-search-suggestions .autocomplete-artist-name {
    color: #FFD700;
}
#song-search-suggestions small {
    font-size: 0.85rem;
}

/* Allow suggestions to wrap on narrow screens so long titles/artists are visible */
#song-search-suggestions .list-group-item {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Thicker outline for the autocomplete dropdown */
#song-search-suggestions {
    border: 2px solid rgba(0,0,0,0.08);
    border-radius: .375rem;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    margin-top: .25rem;
    background: #fff;
}

/* Clear button icon sizing when used inside the input-group */
#song-search-clear i { font-size: 1.25rem; line-height: 1; }

/* See-all row styling: icon and query in gold, leading text normal */
#song-search-suggestions .see-all { color: inherit; }
#song-search-suggestions .see-all i { color: #FFD700; }
#song-search-suggestions .see-all .see-all-text { color: inherit; }
#song-search-suggestions .see-all .see-all-query { color: #FFD700; font-weight: 600; margin-left: .25rem; }

/* Small responsive tweaks */
@media (max-width: 576px) {
    #song-search-suggestions { margin-top: .35rem; }
}