/*
 * Listes de suggestions (autocomplétion jQuery UI) : un seul habillage pour tout le
 * back-office.
 *
 * Avant, chaque écran imposait sa hauteur (120, 200 ou 500px) avec un ascenseur toujours
 * visible (styleprojet.css, css_comun.css et une trentaine de <style> locaux), le thème Ace
 * surlignait la ligne active en bleu soutenu, et le texte tapé ressortait en rouge.
 *
 * Les sélecteurs portent deux classes (.ui-autocomplete.ui-menu) : ils l'emportent sur les
 * règles locales à une classe sans !important, quel que soit l'ordre de chargement.
 * Gère les deux balisages de jQuery UI : 1.11 (<li><a>) et 1.12 (<li><div class="ui-menu-item-wrapper">).
 */

.ui-autocomplete.ui-menu {
    height: auto;
    max-height: 320px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 4px;
    background: #fff;
    border: 1px solid #e4e8ee;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(24, 39, 59, .12);
    font-size: 13px;
}

.ui-autocomplete.ui-menu .ui-menu-item {
    margin: 0;
    padding: 7px 10px;
    border: 0;
    border-radius: 6px;
    color: #2b3648;
    line-height: 1.35;
    list-style: none;
    background: none;
}

/* Le lien ou le bloc de la ligne couvre toute la ligne : la teinte de survol aussi. */
.ui-autocomplete.ui-menu .ui-menu-item > a,
.ui-autocomplete.ui-menu .ui-menu-item > .ui-menu-item-wrapper {
    display: block;
    margin: -7px -10px;
    padding: 7px 10px;
    border: 0;
    border-radius: 6px;
    color: inherit;
    text-decoration: none;
    white-space: normal;
}

.ui-autocomplete.ui-menu .ui-menu-item:hover,
.ui-autocomplete.ui-menu .ui-state-focus,
.ui-autocomplete.ui-menu .ui-state-active,
.ui-autocomplete.ui-menu .ui-menu-item > a:hover {
    margin: 0;
    border: 0;
    background: #eef4fc;
    color: #1f5fae;
    font-weight: normal;
}

.ui-autocomplete.ui-menu .ui-menu-item > a.ui-state-focus,
.ui-autocomplete.ui-menu .ui-menu-item > a.ui-state-active,
.ui-autocomplete.ui-menu .ui-menu-item > a:hover,
.ui-autocomplete.ui-menu .ui-menu-item > .ui-menu-item-wrapper.ui-state-active {
    margin: -7px -10px;
}

/* Texte tapé (surlignerSuggestion) : gras dans la couleur du texte. Les anciens appels qui
   posent encore un rouge en ligne sont ramenés à la même règle. */
.ui-autocomplete .suggestion-surlignee,
.ui-autocomplete b[style*="red"] {
    color: inherit !important;
    font-weight: 700;
}

/* Titres de groupe (catcomplete) : séparation discrète. */
.ui-autocomplete.ui-menu .ui-autocomplete-category {
    margin: 4px 0 2px;
    padding: 4px 10px;
    border: 0;
    background: none;
    color: #8a94a6;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
}