/* Composant : typesense autocomplete dropdown
 * Style appliqué au dropdown créé par /site/js/components/typesense_autocomplete.js.
 * Consomme les design tokens de /site/css/global/tokens.css.
 */

.lieu-autocomplete-dropdown {
    position: absolute;
    background: var(--color-surface);
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
    padding: 6px 0;
    max-height: 320px;
    overflow-y: auto;
    z-index: 10000;
}

.lieu-autocomplete-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    font-size: 14px;
    color: var(--color-text-primary);
    cursor: pointer;
    border: none;
    background: transparent;
    transition: background 0.15s ease;
    width: 100%;
    text-align: left;
}

.lieu-autocomplete-item::before {
    content: "\f3c5";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--color-secondary);
    font-size: 13px;
    width: 16px;
    text-align: center;
}

.lieu-autocomplete-item:hover,
.lieu-autocomplete-item.is-active {
    background: var(--color-surface-alt);
}