/*
 * Blog Voyage Ultime — listes d'articles
 * (catégories, étiquettes, page des articles, recherche)
 */

.bvu-archive__cover {
	height: 330px;
	margin-top: 30px;
	overflow: hidden;
	background: var(--bvu-placeholder);
}
.bvu-archive__cover img { width: 100%; height: 100%; object-fit: cover; }

.bvu-archive__head { padding-top: 46px; text-align: center; }
.bvu-archive__head .bvu-crumbs { margin-bottom: 16px; }

.bvu-archive__title {
	margin: 0 0 18px;
	font: 300 48px/1.1 var(--bvu-title);
	letter-spacing: .04em;
	text-transform: uppercase;
}

.bvu-archive__desc p {
	max-width: 66ch;
	margin: 0 auto;
	font: 400 16px/1.7 var(--bvu-text);
	color: var(--bvu-grey-2);
}
.bvu-archive__desc p + p { margin-top: 12px; }

/* Sous-catégories */
.bvu-filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px 28px;
	padding-top: 34px;
	font: 400 11px/1 var(--bvu-title);
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--bvu-grey-4);
}
.bvu-filters a { padding-bottom: 5px; border-bottom: 1px solid transparent; }
.bvu-filters a[aria-current="page"] { color: var(--bvu-ink); border-bottom-color: var(--bvu-accent-bg); }

.bvu-archive__grid { padding-top: 46px; }

/* Pagination : « 1 2 3 … 6 Suivant » */
.bvu-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 20px;
	padding: 54px var(--bvu-pad) 76px;
	font: 400 13px/1 var(--bvu-title);
	letter-spacing: .14em;
	color: var(--bvu-grey-4);
}
.bvu-pagination .current { padding: 11px 15px; color: var(--bvu-on-accent, var(--bvu-bg)); background: var(--bvu-accent-bg); }
.bvu-pagination .prev,
.bvu-pagination .next {
	padding-bottom: 4px;
	border-bottom: 1px solid var(--bvu-rule);
	font-size: 11px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--bvu-ink);
}

/* Aucune pagination : même respiration avant le pied de page. */
.bvu-archive__grid:last-child { padding-bottom: 76px; }

@media (max-width: 640px) {
	.bvu-archive__cover { height: 200px; margin-top: 20px; }
	.bvu-archive__head { padding-top: 34px; }
	.bvu-archive__title { font-size: clamp(30px, 9vw, 48px); letter-spacing: .02em; }
	.bvu-filters { gap: 12px 20px; padding-top: 26px; }
	.bvu-archive__grid { padding-top: 34px; }
	.bvu-pagination { gap: 14px; padding-block: 44px 56px; }
}