section[data-autocomplete-source-id="pages"] li.aa-Item {
    width: 100%;
}
.aa-Panel em {
    color: rgb(0, 127, 164);
    font-style: normal;
    font-weight: 600;
}

.ais-Hits mark {
    color: rgb(0, 127, 164);
    font-style: normal;
    font-weight: 600;
}

.aa-Input {
    border-radius: 99999px;
}
.aa-Input:focus {
    border-color: rgb(0, 127, 164);
    --tw-ring-color: rgb(0, 127, 164);
}

/* Sitebuilder search element (odb_search): the panel is rendered inside the element and spans its full width.
   Overrides the "left: auto !important" from Algolia's autocomplete.css, which is meant for the header panel. */
.aa-Panel.odb-search-panel {
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
}
