/*
 * Page Acheter et archives produit (cf. inc/functions-catalog-widgets.php) : widgets de la colonne
 * de filtres, en-tête des archives.
 */

/* En-tête des archives de métier et de catégorie (H1 + description) visible en mobile : Besa le
   masque sous 767 px (template2.css, chargée après ce fichier : .woocommerce-products-header
   { display: none }), si bien qu'une archive n'avait plus ni titre ni texte sur téléphone. */
body .woocommerce-products-header {
	display: block;
}

/* H1 à 22 px à toutes les largeurs, comme le H1 mobile de la page Acheter : Besa le réduit à
   16 px sous 991 px (.archive-shop .page-title). */
.archive-shop .woocommerce-products-header .page-title {
	font-size: 22px;
	line-height: 1.25;
}

/* Titres de widgets tels que saisis : Besa force une majuscule à chaque mot sur les archives
   (.sidebar > .widget > .widget-title { text-transform: capitalize }). */
body .sidebar > .widget > .widget-title,
body .sidebar > .widget .widgettitle,
.widget .widget-title {
	text-transform: none;
}

/* Nuage d'étiquettes des métiers affiché comme la liste du widget « Catégories de produits » :
   un lien par ligne, sans cadre ni fond (Besa : .tagcloud a en étiquettes flottantes encadrées). */
.widget_tag_cloud .tagcloud {
	padding: 0;
	border: 0;
}

.widget_tag_cloud .tagcloud a {
	display: block;
	float: none;
	min-width: 0;
	height: auto; /* Besa fixe 32 px : les noms sur deux lignes se chevauchaient */
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--black-color, #000);
}

/* Libellés sur deux lignes lisibles comme un seul élément : interligne resserré dans le libellé,
   l'espace entre deux éléments passant par le padding (même pas de 28 px pour une ligne). */
.widget_product_categories .product-categories li,
.widget_tag_cloud .tagcloud {
	line-height: 20px;
}

.widget_product_categories .product-categories li > a,
.widget_tag_cloud .tagcloud a {
	display: block;
	padding: 4px 0;
	line-height: 20px;
}

.widget_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a.current-cat {
	color: var(--tb-theme-color);
	background: transparent;
	border: 0;
}