/**
 * Quelquesfilms Core — champs taxonomie en autocomplétion de la recherche avancée.
 *
 * Couleurs reprises de Sequex : accent #2196f3.
 */

/* Suggestion : nom à gauche, nombre de films à droite. */
.qf-term-result {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75em;
}

.qf-term-result__count {
	flex: none;
	font-size: 0.8em;
	opacity: 0.7;
	white-space: nowrap;
}

/* Lien « Voir toutes les thématiques » sous le champ, aligné à droite. */
.qf-term-index {
	display: block;
	margin-top: 8px;
	text-align: right;
	color: #2196f3;
	font-size: 13px;
	line-height: 1.3;
	text-decoration: underline;
}

/*
 * Saisie trop courte : pas de message, ni de liste vide sous le champ.
 * Select2 4.0.0 (Sequex) affiche ses messages dans un simple `li.select2-results__option`
 * (la classe `select2-results__message` n'existe qu'à partir de 4.0.1) : on vise l'option seule et vide,
 * une vraie suggestion ou un message (« Recherche… », « Aucun … ») ayant toujours un texte.
 */
.select2-results__option:only-child:empty {
	display: none;
}

.select2-dropdown:has(.select2-results__option:only-child:empty) {
	display: none;
}

/*
 * Champs en 16px : recherche avancée (champs natifs et Select2, y compris la saisie)
 * et menu « Recherche d'une thématique ». En dessous, iOS zoome à la mise au point.
 * La saisie du menu déroulant (liste ouverte) est ajoutée au `<body>` par Select2.
 */
#wp-advanced-search input:not([type="submit"]):not([type="reset"]):not([type="radio"]),
#wp-advanced-search select,
#wp-advanced-search .select2-selection,
#wp-advanced-search .select2-search__field,
.wpmoly.taxonomies.collection .select2-selection,
.select2-container--open .select2-search--dropdown .select2-search__field {
	font-size: 16px;
}