﻿/* UL Awesomplete (wszystkie listy sugestii) */
ul[id^="awesomplete_list_"] {
    position: absolute; /* pozycję ustawiasz JS-em */
    z-index: 3000;
    background: var(--bs-body-bg, #fff);
    color: var(--bs-body-color, #212529);
    border: 1px solid var(--bs-border-color, rgba(0,0,0,.175));
    border-radius: .375rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    margin: .25rem 0 0 0;
    padding: .25rem 0;
    list-style: none;
    opacity: 1;
    max-height: 280px;
    overflow-y: auto;
    font-size: .875rem;
}

    /* LI Awesomplete (pozycje) */
    ul[id^="awesomplete_list_"] > li[id^="awesomplete_list_"][id$="_item_0"],
    ul[id^="awesomplete_list_"] > li[id^="awesomplete_list_"] {
        list-style: none;
        padding: .375rem .75rem;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        background: transparent;
        color: inherit;
    }

    /* hover */
    ul[id^="awesomplete_list_"] > li:hover {
        background: var(--bs-tertiary-bg, rgba(0,0,0,.05));
    }

    /* zaznaczony (strzałkami / enter) */
    ul[id^="awesomplete_list_"] > li[aria-selected="true"] {
        background: var(--bs-primary, #0d6efd);
        color: #fff;
    }

    /* podświetlenie fragmentu (Awesomplete używa <mark>) */
    ul[id^="awesomplete_list_"] mark {
        background: transparent;
        color: inherit;
        font-weight: 700;
        padding: 0;
    }
