@use 'variables';

.algolia-autocomplete {
    .ds-dropdown-menu {
        border: none;
        box-shadow: 0 0 24px rgba(variables.$dg-black, 0.18);

        [class^='ds-dataset-'] {
            background: variables.$dg-bg-color;
            border: none;
            .algolia-docsearch-suggestion {
                background: variables.$dg-bg-color;
            }
        }

        &::before {
            display: none;
        }
    }

    .algolia-docsearch-suggestion--title {
        color: variables.$dg-text-color;
    }

    .algolia-docsearch-suggestion--highlight {
        color: variables.$dg-primary;
    }
    .page-wrapper-rtl & {
        direction: rtl !important;
    }

    .ds-dropdown-menu
        .ds-suggestion.ds-cursor
        .algolia-docsearch-suggestion:not(.suggestion-layout-simple)
        .algolia-docsearch-suggestion--content {
        background-color: rgba(variables.$dg-primary, 0.05);
    }
}