/**
 * Mise en forme des familles d'équipements.
 *
 * On ne restyle jamais les cases ni les libellés : ils gardent le conteneur
 * .checkboxes de Listeo et donc son positionnement. On n'ajoute que les
 * titres de famille et l'espacement entre les blocs.
 */
.hl-feature-group {
	margin: 0 0 26px;
}

.hl-feature-group:last-child {
	margin-bottom: 6px;
}

.hl-feature-group-title {
	display: block;
	margin: 0 0 12px;
	padding: 0 0 7px;
	border-bottom: 1px solid rgba( 0, 0, 0, 0.09 );
	font-size: var( --hl-fs-body );
	font-weight: 600;
	line-height: 1.3;
}

.hl-search-warning {
	display: block;
	margin: 6px 0 0;
	color: #c0392b;
	font-size: var( --hl-fs-meta );
	line-height: 1.35;
}

/*
 * Panier WooCommerce du thème Listeo.
 * Le site ne vend rien en direct : les paiements passent par la réservation.
 * Masqué à l'affichage, le thème le rend sans proposer de réglage pour le retirer.
 */
.listeo-cart-container {
	display: none !important;
}

/*
 * Pages d'univers : le gabarit demi-carte impose son formulaire générique, et
 * Listeo n'offre aucun moyen de le remplacer sur une page ordinaire. Le bon
 * formulaire est injecté dans le contenu par [listeo_search_form source="..."],
 * on masque donc celui du gabarit pour ne pas en afficher deux.
 * Le reste de la section est conservé, il porte le bouton « Afficher la carte ».
 */
.page-id-416 form.listeo-form-search_on_half_map,
.page-id-417 form.listeo-form-search_on_half_map,
.page-id-418 form.listeo-form-search_on_half_map {
	display: none !important;
}

/*
 * Bouton d'envoi rendu à nos formulaires de recherche. Le gabarit demi-carte
 * n'en affiche aucun, il compte sur une recherche AJAX qui ignore les filtres
 * de champ personnalisé.
 */
.hl-search-submit {
	display: block;
	width: 100%;
	margin: 4px 0 0;
	padding: 13px 20px;
	border: 0;
	border-radius: 999px;
	background: var( --hl-red );
	color: var( --hl-ivory );
	font-size: var( --hl-fs-body );
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
}

.hl-search-submit:hover {
	filter: brightness( 0.94 );
}

/*
 * Liste de catégories posée à la place du menu en cascade, qui reste vide en
 * recherche quel que soit le nombre d'annonces classées.
 */
.hl-taxonomy-select {
	display: block;
	width: 100%;
	height: 44px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid rgba( 0, 0, 0, 0.12 );
	border-radius: 4px;
	background: var( --hl-ivory-light );
	font-size: var( --hl-fs-body );
	line-height: 1.2;
}

.hl-visually-hidden {
	display: none !important;
}

/*
 * Listeo passe les résultats à 50 % d'opacité dès qu'un panneau de filtre
 * s'ouvre (classe faded-out). Tout le bas de page semblait désactivé.
 */
.fs-inner-container.faded-out .listings-container {
	opacity: 1 !important;
	pointer-events: auto !important;
}

/* Les pastilles remplacent le menu imbriqué : le panneau n'a plus à couper. */
form[class*="listeo-form-recherche_"] .panel-dropdown-content {
	max-height: none;
	overflow: visible;
}

.hl-choice-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	max-height: 320px;
	margin: 0 0 4px;
	padding: 2px;
	overflow-y: auto;
}

.hl-choice-group {
	flex: 0 0 100%;
	margin: 10px 0 2px;
	color: #6b6151;
	font-size: var( --hl-fs-meta );
	font-weight: 600;
}

.hl-choice-group:first-of-type {
	margin-top: 4px;
}

.hl-choice {
	margin: 0;
	padding: 8px 14px;
	border: 1px solid rgba( 0, 0, 0, 0.14 );
	border-radius: 999px;
	background: var( --hl-ivory-light );
	color: #373132;
	font-size: var( --hl-fs-small );
	line-height: 1.2;
	cursor: pointer;
	transition: border-color 0.15s, background-color 0.15s, color 0.15s;
}

.hl-choice:hover {
	border-color: #373132;
}

.hl-choice.is-active {
	border-color: var( --hl-red );
	background: #fff0f3;
	color: var( --hl-red );
}