/**
 * Intitulés dépliants de la barre de filtres (pages de listing).
 *
 * Ils étaient des <p> rendus cliquables en JavaScript : absents de l'ordre de
 * tabulation, sans rôle ni état. Ce sont désormais des <button>, focusables et
 * actionnables à Entrée comme à Espace sans code supplémentaire.
 *
 * Ce fichier ne fait que neutraliser l'apparence par défaut d'un bouton. La
 * faible spécificité du sélecteur est délibérée : les règles de styles.min.css,
 * bien plus spécifiques, continuent de fixer la couleur, la casse, la taille de
 * police et le soulignement animé. Le rendu est donc strictement inchangé.
 *
 * Chargé après styles.min.css.
 */

button.filter-name {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

/**
 * Sans JavaScript, le filtrage, le changement de vue et la carte sont
 * inopérants. La classe no-js — posée sur <html> et retirée dès le parsing du
 * <head> lorsque les scripts fonctionnent — permet de retirer ces commandes
 * plutôt que de les laisser cliquables sans effet, ce qui laisserait croire à
 * un dysfonctionnement. Le message du <noscript> prend leur place et la liste
 * des résultats, elle, reste entièrement consultable.
 */
.no-js .filter-bar-filters,
.no-js .filter-button,
.no-js .display-type {
    display: none;
}

.no-js .no-js-message {
    margin: 0;
    padding: 12px 16px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
}

/**
 * Aucune règle de focus ici, volontairement : style.css du thème enfant en
 * définit déjà une pour button:focus-visible — liseré #B3123B en !important et
 * halo blanc — appliquée à l'ensemble du site. En ajouter une seconde
 * superposait deux encadrements de couleurs différentes, l'outline restant rouge
 * à cause du !important tandis que le halo, lui, était remplacé.
 *
 * Devenus des <button>, ces intitulés héritent donc de l'indicateur commun.
 */