/**
 * Annuaire public des organisateurs, `/organisateurs/`.
 * La carte est la primitive `organizer-card`.
 */

/* Fond de page, comme le reste du site public */

body.fl-organizers-directory {
	background: var(--fl-color-page);
}

.fl-organizers-page {
	margin-top: 60px;
	margin-bottom: 60px;
}

.fl-organizers-page__header {
	margin-bottom: var(--fl-space-3xl);
}

.fl-organizers-page__title {
	margin: 0 0 var(--fl-space-lg);
	color: var(--fl-text-primary);
	font-size: var(--fl-font-size-3xl);
	font-weight: 700;
	line-height: var(--fl-line-height-tight);
}

.fl-organizers-page__lead {
	margin: 0;
	color: var(--fl-text-primary);
	font-size: var(--fl-font-size-base);
	line-height: var(--fl-line-height-relaxed);
}

.fl-organizers-page ul.authors {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: var(--fl-space-xl);
	list-style: none;
	margin: 0 0 50px;
	padding: 0;
}

.fl-organizers-page ul.authors li {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}

.fl-organizers-page ul.authors li .fl-ui-organizer-card {
	width: 100%;
}

.fl-organizers-page__search {
	display: flex;
	gap: var(--fl-space-sm);
	align-items: flex-end;
	max-width: 640px;
	margin: 0 auto 40px;
}

.fl-organizers-page__search-field {
	flex: 1 1 auto;
	min-width: 0;
}

.fl-organizers-page__pagination {
	margin-bottom: var(--fl-space-3xl);
}

@media (max-width: 1024px) {
	.fl-organizers-page ul.authors {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 540px) {
	.fl-organizers-page {
		margin-top: 40px;
	}

	.fl-organizers-page ul.authors {
		grid-template-columns: 1fr;
	}

	.fl-organizers-page__search {
		flex-direction: column;
		align-items: stretch;
	}
}