/*
 * Menus de filtre recherchables — voir public/js/components/filtre-recherchable.js.
 *
 * Liste longue : environ 10 catégories visibles, puis défilement ; le champ
 * de recherche reste fixé en haut pendant le défilement. Sélecteurs doublés
 * avec #documents / #recherche pour l'emporter sur les règles des pages
 * (page_documents.css), plus spécifiques.
 */
.dropdown-menu[data-recherche],
#documents .dropdown-menu[data-recherche],
#recherche .dropdown-menu[data-recherche] {
    max-height: 480px;          /* ≈ 10 lignes de 42 px + le champ de recherche */
    overflow-y: auto;
    overscroll-behavior: contain; /* la page ne défile pas avec la liste */
    padding-top: 0;
    min-width: 17rem;
    scrollbar-width: thin;
    scrollbar-color: #CBD5E1 transparent;
}

.dropdown-menu[data-recherche]::-webkit-scrollbar {
    width: 6px;
}

.dropdown-menu[data-recherche]::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 3px;
}

.filtre-recherche {
    position: sticky;
    top: 0;
    z-index: 2;
    margin: 0 -8px 6px;          /* compense le padding latéral du menu */
    padding: 10px 10px 8px;
    background: #fff;
    border-bottom: 1px solid #E6EAF0;
}

.filtre-recherche__champ {
    width: 100%;
    padding: .5rem .75rem;
    border: 1px solid #D5DBE5;
    border-radius: 8px;
    font-size: .9rem;
    color: #10233F;
    background: #F8FAFC;
}

.filtre-recherche__champ:focus {
    outline: none;
    border-color: #1e5f8e;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(30, 95, 142, .15);
}

.filtre-recherche__vide {
    margin: 0;
    padding: .6rem 1rem;
    font-size: .85rem;
    color: #6B7280;
}

.dropdown-menu[data-recherche] .dropdown-item-text {
    display: block;
    padding: .6rem 1rem;
    font-size: .85rem;
    color: #6B7280;
    white-space: normal;
}