/* Search Styles */
.search-container {
    position: relative;
    width: 100%;
}

#search-results {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
    background: #ffffff;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    border: 1px solid var(--border);
    border-radius: 0 0 12px 12px;
    list-style: none;
    padding: 0;
    margin: 4px 0 0;
    z-index: 100;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

#search-results li {
    padding: 12px 16px;
    cursor: pointer;
    font-size: 0.95rem;
    color: var(--text);
    border-bottom: 1px solid var(--border);
    transition: background 0.2s ease;
}

#search-results li:last-child {
    border-bottom: none;
}

#search-results li:hover {
    background: var(--card-bg);
    color: black;
}

#search-results li strong {
    color: var(--accent-gold);
    /* Gold highlight for matches */
}

/* Scrollbar for results */
#search-results::-webkit-scrollbar {
    width: 6px;
}

#search-results::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}