/* Feuille commune aux deux archives à facettes du projet, celle des domaines
 * viticoles et celle des cuvées. Elle accompagne js/archives-filtres.js et
 * couvre ce que les deux pages partagent : les champs de facette de WP Grid
 * Builder, la pastille du compteur de filtres actifs, le pied du panneau
 * latéral et le masquage des liens de pagination sous filtre.
 *
 * Ce qui ne concerne que la carte des domaines (dimensionnement de la facette,
 * bulle Leaflet, bascule liste et carte) vit dans css/archive-domaines-carte.css,
 * chargé sur cette seule archive. */

/* L'annulation du margin-bottom de 40px que WP Grid Builder pose sur le dernier
   fieldset de chaque facette vit dans le thème ilucid-v2 depuis sa version
   1.47.0, au niveau global : elle ne concerne pas que les deux archives de ce
   projet, toutes les pages à facettes en ont besoin. */

/* Le fond blanc des champs de facette de WP Grid Builder vit dans le thème
   ilucid-v2 depuis sa version 1.35.0 : l'habillage n'a rien de spécifique à ce
   projet, tout site sous ce thème qui rend des facettes en a besoin. */

/* Compteur de filtres actifs, ajouté au bouton FILTRES par archives-filtres.js. */
#compteur-filtres {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	margin-left: 8px;
	padding: 0 6px;
	border-radius: 9999px;
	background-color: #ffffff;
	color: var(--couleur-bouton-filtres, #ffa539);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

/* Pied du panneau de filtres : les deux boutons doivent partager la même
   géométrie. Celui d'effacement est rendu par WP Grid Builder, qui le sert en
   18px avec 12px sur 36px de marge intérieure, alors que le bouton de résultats
   d'en face est en 16px avec 8px sur 12px. On aligne le premier sur la
   géométrie du second (16px, interligne 20px, 12px sur 24px de marge, rayon
   4px, 44px de haut). Les couleurs restent celles de chacun, le rouge de WPGB
   à gauche et var(--couleur-bouton-filtres) à droite.

   La règle est scopée aux deux panneaux : la même facette « effacer les
   filtres » pourrait être posée ailleurs, elle garderait alors son rendu WPGB.

   Le display: flex sur la facette évite l'écart de ligne de base qu'un bouton
   inline laisse sous lui, et qui décalait les deux boutons d'un pixel. */
#panneau-filtres-domaines #delete-filters .wpgb-facet,
#panneau-filtres-cuvees #delete-filters .wpgb-facet {
	display: flex;
}

#panneau-filtres-domaines #delete-filters .wpgb-button.wpgb-reset,
#panneau-filtres-cuvees #delete-filters .wpgb-button.wpgb-reset {
	/* WP Grid Builder sert ce bouton avec « margin: 0 0 40px » : les 40px
	   rendaient sa cellule 40px plus haute que celle du bouton de résultats,
	   et le centrage du pied décalait les deux boutons de 20px l'un par
	   rapport à l'autre. */
	margin: 0;
	padding: 12px 24px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
}

/* Les liens précédent et suivant vivent hors du conteneur rafraîchi par WPGB :
   leur décompte devient faux dès qu'un filtre est actif. */
.vb-pagination-masquee #pagination { display: none !important; }

/* Lien « page suivante » à droite et à l'apparence d'un bouton primaire.

   Les deux liens sont rendus par custom_pagination_link_prev() et
   custom_pagination_link_next() du thème ilucid-v2, et stylés dans son CSS en
   bouton neutre à bordure grise. Le thème étant un paquet Composer partagé
   entre projets, la reprise se fait ici, scopée aux deux archives.

   Le margin-left: auto plutôt qu'un justify-end sur le conteneur : sur la
   première page il n'y a pas de lien précédent, et le lien suivant resté seul
   dans un justify-between se retrouvait à gauche. Avec la marge automatique il
   est à droite dans les deux cas.

   Les valeurs reprennent les variables de bouton du thème (--btn-*,
   --color-primary) : la pagination suivra donc toute évolution du bouton
   primaire du design-system, sans avoir à repasser ici. */
.vb-archive-domaines #pagination .lld-pagination-next,
.vb-archive-cuvees #pagination .lld-pagination-next {
	margin-left: auto;
	padding: var(--btn-padding-y) var(--btn-padding-x);
	border-color: var(--color-primary);
	background-color: var(--color-primary);
	font-size: var(--btn-font-size);
	font-weight: var(--btn-font-weight);
	letter-spacing: var(--btn-letter-spacing);
	text-transform: uppercase;
	transition: background-color 150ms ease, border-color 150ms ease;
}

.vb-archive-domaines #pagination .lld-pagination-next:hover,
.vb-archive-cuvees #pagination .lld-pagination-next:hover {
	border-color: var(--color-primary-hover);
	background-color: var(--color-primary-hover);
}

.vb-archive-domaines #pagination .lld-pagination-next a,
.vb-archive-cuvees #pagination .lld-pagination-next a {
	color: #ffffff;
	text-decoration: none;
}