/**
 * Plan du site HTML — mise en page seulement.
 *
 * Cette feuille sort sur des pages publiques, pas dans l'administration :
 * elle n'impose donc aucune couleur de marque, aucune police, aucune taille
 * de titre. Tout cela vient du thème, qui sait mieux que nous à quoi
 * ressemble le site. Ne sont fixés ici que les espacements, la suppression
 * des puces et le passage en colonnes des longues listes — un plan de
 * deux cent vingt-trois produits sur une seule colonne se lit mal.
 *
 * @package Crafty_SEO
 */

.cseo-html-sitemap {
	margin: 0 0 2em;
}

.cseo-html-sitemap__section {
	margin: 0 0 2.5em;
}

.cseo-html-sitemap__section:last-child {
	margin-bottom: 0;
}

.cseo-html-sitemap__title {
	margin: 0 0 0.6em;
}

/*
 * Colonnes décidées par la largeur disponible, pas par un nombre fixe : le
 * plan du site tombe aussi bien dans une colonne de blog étroite que dans une
 * page pleine largeur, et le thème garde la main sur son gabarit. Deux
 * colonnes imposées donnaient des colonnes de trois centimètres dans une barre
 * latérale, et une page interminable sur un grand écran.
 */
.cseo-html-sitemap__list {
	list-style: none;
	margin: 0;
	padding: 0;
	columns: 17em;
	column-gap: 2.5em;
}

.cseo-html-sitemap__item {
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	margin: 0 0 0.45em;
	padding: 0;
	line-height: 1.5;
}

.cseo-html-sitemap__item::before {
	content: none;
}

.cseo-html-sitemap__date {
	font-size: 0.85em;
	opacity: 0.7;
	white-space: nowrap;
}

.cseo-html-sitemap__empty {
	margin: 0;
}

@media (max-width: 782px) {
	.cseo-html-sitemap__list {
		columns: 1;
	}
}