/* Colonne de filtres du catalogue. Sobre : la liste doit se lire d'un coup d'oeil. */

.fda-filtres {
	font-size: 0.95rem;
}

.fda-filtres__recherche {
	margin-bottom: 1.5rem;
}

.fda-filtres__bloc {
	margin-bottom: 1.75rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.fda-filtres__bloc:last-child {
	border-bottom: 0;
}

/* Le theme applique aux titres une taille de titre de contenu (30 px),
   disproportionnee dans une colonne de filtres. Sa feuille est chargee apres
   celle-ci, d'ou la declaration forcee : c'est le seul moyen de reprendre la
   main sans dependre de l'ordre de chargement. */
.fda-filtres .fda-filtres__bloc h3,
.widget .fda-filtres .fda-filtres__bloc h3 {
	font-size: 0.82rem !important;
	line-height: 1.3 !important;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin: 0 0 0.7rem;
	opacity: 0.7;
	font-weight: 600;
}

.fda-filtres__liste {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

.fda-filtres__liste li {
	margin-bottom: 0.3rem;
}

.fda-filtres__liste ul {
	list-style: none;
	margin: 0.3rem 0 0.5rem 0.9rem;
	padding: 0;
	font-size: 0.92em;
	opacity: 0.9;
}

.fda-filtres__liste a {
	text-decoration: none;
	color: inherit;
}

.fda-filtres__liste a:hover {
	color: #be7e04;
}

/* Une valeur retenue doit se voir immediatement. */
.fda-filtres__liste a.est-actif {
	color: #be7e04;
	font-weight: 600;
}

.fda-filtres__liste a.est-actif::before {
	content: "\2713";
	margin-right: 0.35rem;
}

.fda-filtres__nb {
	font-size: 0.8em;
	opacity: 0.55;
	margin-left: 0.25rem;
}

.fda-filtres__plus {
	margin-top: 0.4rem;
	padding: 0.3rem 0;
	background: none;
	border: 0;
	color: #be7e04;
	cursor: pointer;
	font-size: 0.88rem;
	text-decoration: underline;
}

/* Pas de fond ni de cadre (demande Fred) : les tuiles dorees portent deja le
   rappel des filtres, un aplat derriere ajoutait un cadre dans le cadre. Sans
   fond, le retrait n'a plus de sens non plus : le bloc s'aligne sur la grille. */
.fda-filtres__actifs {
	margin-bottom: 1.5rem;
	padding: 0;
}

.fda-filtres__actifs-titre {
	display: block;
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	opacity: 0.7;
	margin-bottom: 0.5rem;
}

.fda-filtres__actifs ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.fda-filtres__actifs a {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	/* Tuile bornee : un nom de thematique a rallonge ne pousse pas la ligne. */
	max-width: 300px;
	padding: 0.2rem 0.55rem;
	background: #be7e04;
	color: #fff;
	border-radius: 3px;
	font-size: 0.85rem;
	text-decoration: none;
}

.fda-filtres__actifs-val {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.fda-filtres__actifs a:hover {
	background: #a06a03;
}

/* --- Curseur de prix ---------------------------------------------------
   Deux pistes superposees plutot qu'une bibliotheque : c'est le seul moyen
   d'avoir deux poignees sans dependance, et le repli sans JavaScript reste
   utilisable (les deux champs fonctionnent alors separement). */
.fda-filtres__prix .fda-prix{margin-top:.5rem;}
.fda-prix__pistes{position:relative;height:28px;}
.fda-prix__pistes input[type="range"]{
 position:absolute;left:0;top:8px;width:100%;margin:0;
 -webkit-appearance:none;appearance:none;background:transparent;pointer-events:none;
}
.fda-prix__pistes input[type="range"]::-webkit-slider-runnable-track{
 height:3px;background:var(--theme-palette-color-5,#eee);border-radius:2px;
}
.fda-prix__pistes input[type="range"]::-moz-range-track{
 height:3px;background:var(--theme-palette-color-5,#eee);border-radius:2px;
}
.fda-prix__pistes input[type="range"]::-webkit-slider-thumb{
 -webkit-appearance:none;appearance:none;pointer-events:auto;
 width:15px;height:15px;margin-top:-6px;border-radius:50%;
 background:var(--theme-palette-color-1,#be7e04);border:2px solid #fff;
 box-shadow:0 1px 3px rgba(0,0,0,.25);cursor:pointer;
}
.fda-prix__pistes input[type="range"]::-moz-range-thumb{
 pointer-events:auto;width:15px;height:15px;border-radius:50%;
 background:var(--theme-palette-color-1,#be7e04);border:2px solid #fff;
 box-shadow:0 1px 3px rgba(0,0,0,.25);cursor:pointer;
}
.fda-prix__valeurs{margin:.2rem 0 .6rem;font-size:.85rem;}
.fda-prix__valider{
 padding:5px 14px;font-size:.8rem;cursor:pointer;
 background:var(--theme-palette-color-1,#be7e04);color:#fff;border:0;border-radius:4px;
}
.fda-prix__valider:hover{background:var(--theme-palette-color-2,#9e6906);}

/* --- Champ de recherche dans la barre de navigation ---------------------
   Reprend la place qu'il occupait sur l'ancien site : a la suite des
   rubriques, et non derriere une icone. */
.fda-menu-recherche{
 display:flex;align-items:center;
 margin-left:14px;
}
.fda-menu-recherche form,
.fda-menu-recherche .vpcsi-search{
 width:var(--fda-recherche-largeur,220px);max-width:100%;margin:0;
}
.fda-menu-recherche input[type="search"],
.fda-menu-recherche input[type="text"]{
 width:100%;padding:6px 11px;
 border:1px solid rgba(0,0,0,.15);border-radius:4px;
 background:rgba(255,255,255,.75);
 font-size:.82rem;line-height:1.4;
}
.fda-menu-recherche input:focus{
 border-color:var(--theme-palette-color-1,#be7e04);
 outline:2px solid rgba(190,126,4,.15);outline-offset:0;
}
/* Sous la largeur ou le menu bascule en menu deroulant, le champ prend toute
   la place disponible plutot que de compresser les rubriques. */
@media (max-width:999px){
 .fda-menu-recherche{width:100%;margin:8px 0 0;}
 .fda-menu-recherche form,
 .fda-menu-recherche .vpcsi-search{width:100%;}
}

/* La loupe du theme ouvre une surcouche de recherche : elle fait double emploi
   avec le champ pose dans la barre de navigation. On la retire plutot que de
   laisser deux entrees pour la meme action. */
body.fda-recherche-menu .ct-header-search{display:none !important;}

/* Le theme indente fortement les sous-listes des widgets ; dans une colonne
   etroite, 10 px suffisent (demande Fred 08/08). */
.ct-widget li ul,
.ct-widget li ol {
	padding-inline-start: 10px;
}

/* Rappel des filtres au-dessus de la grille de la boutique. */
.fda-filtres__actifs--boutique {
	width: 100%;
	margin: 0 0 1.25rem;
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.5rem 0.75rem;
}
.fda-filtres__actifs--boutique .fda-filtres__actifs-titre {
	margin-bottom: 0;
}
/* Le rappel des filtres est rendu DANS la barre de liste du theme (hook
   woocommerce_before_shop_loop) : depuis que cette barre est un panneau de
   verre, l'ecart sous le bloc est celui de la barre, pas le sien, sinon un
   blanc de 24 px s'ouvre au milieu du panneau. */
.woo-listing-top .fda-filtres__actifs--boutique {
	margin-bottom: 0;
}
/* Les filtres actifs vivent a UN seul endroit par ecran : au-dessus de la
   grille en desktop (la colonne les rendait trop larges et en doublon), dans
   le panneau en mobile (ou la grille n'a pas la place). Meme seuil que le
   bouton Filtrer du theme (ct-hidden-lg, 1000px). Bloc place APRES la regle
   display:flex de --boutique, qui reprendrait la main sinon. */
@media (min-width: 1000px) {
	.fda-filtres .fda-filtres__actifs {
		display: none;
	}
}
@media (max-width: 999.98px) {
	.fda-filtres__actifs--boutique {
		display: none;
	}
}

.fda-filtres__actifs-dim {
	opacity: 0.8;
	font-size: 0.92em;
}
/* Dans une tuile bornee a 300 px, seule la VALEUR s'abrege : le libelle de
   dimension et la croix gardent leur largeur. Sans cela « Thematique : » se
   coupait en deux lignes et la tuile doublait de hauteur. */
.fda-filtres__actifs a > * {
	flex: 0 0 auto;
	white-space: nowrap;
}
.fda-filtres__actifs a > .fda-filtres__actifs-val {
	flex: 0 1 auto;
	/* Indispensable pour que l'ellipse fonctionne dans un element flex. */
	min-width: 0;
}

/* « Tout effacer » est une action de repli, pas une valeur a retirer : un lien
   souligne, jamais la meme tuile doree que les filtres poses (la regle
   `.fda-filtres__actifs a` la lui donnait, d'ou l'aspect de bouton). */
.fda-filtres__actifs .fda-filtres__actifs-effacer {
	display: inline;
	max-width: none;
	padding: 0;
	background: none;
	border-radius: 0;
	font-size: 0.82rem;
	color: #be7e04;
	text-decoration: underline;
}
.fda-filtres__actifs .fda-filtres__actifs-effacer:hover {
	background: none;
	color: #a06a03;
}

/* Pastille du nombre de filtres actifs sur le bouton "Filtrer" : cerclee et en
   currentColor, elle suit la couleur du bouton au repos comme au survol. */
.fda-filtres__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	margin-left: 6px;
	border: 1.5px solid currentColor;
	border-radius: 9px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
}

/* Recherche dans une facette plafonnee. */
.fda-filtres__chercher {
	width: 100%;
	margin: 0 0 0.5rem;
	padding: 0.35rem 0.5rem;
	font-size: 0.85rem;
	border: 1px solid rgba(190, 126, 4, 0.35);
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.6);
}
.fda-filtres__plafond {
	margin: 0.35rem 0 0;
	font-size: 0.75rem;
	opacity: 0.7;
}
.fda-filtres__vide {
	font-size: 0.85rem;
	opacity: 0.7;
}