/***
    TYPEAHEAD FOR ALGO-CHAIN (FIXED)
***/

/* Container alignment wrapper */
span.twitter-typeahead {
    width: 100% !important;
    display: block !important;
}

    /* Aspect of the dropdown results menu */
    span.twitter-typeahead .tt-menu {
        min-width: 100%;
        background: #ffffff;
        border: 1px solid #dee2e6;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.05);
        border-radius: 0.375rem; /* Clean Bootstrap 5 rounded edge style */
        font-size: 0.95rem; /* Better scale for dense financial data strings */
        margin-top: 4px;
        max-height: 350px; /* Prevents huge scrolling lists */
        overflow-y: auto; /* Adds vertical scrollbar if limit is high */
        z-index: 1051 !important;
    }

    /* Clean up individual result styles */
    span.twitter-typeahead .tt-suggestion {
        color: #212529; /* Standard readable near-black text instead of bright blue */
        cursor: pointer;
        padding: 10px 15px;
        /* text-transform: capitalize;  <-- REMOVED: Preserves exact Ticker & ISIN casing */
        font-weight: 400;
        border-bottom: 1px solid #f8f9fa; /* Subtle separation lines */
    }

        /* Remove bottom border on the very last item */
        span.twitter-typeahead .tt-suggestion:last-child {
            border-bottom: none;
        }

        /* Hover & Keyboard Arrow Selection highlight states */
        span.twitter-typeahead .active.tt-suggestion,
        span.twitter-typeahead .tt-suggestion.tt-cursor,
        span.twitter-typeahead .tt-suggestion:hover {
            background-color: #f0f7fe; /* Light subtle blue highlight */
            color: #0a58ca; /* Darker blue accent text */
        }

/* Optional: styling adjustment explicitly for our custom flex row structure */
.etf-suggestion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}