/* ---------------------------------------------------------------------------
 * Sélection d'offres transmise par un consultant (/selection/...)
 *
 * Deux écrans : la liste + carte, qui réutilise la mise en page de la recherche, et la
 * comparaison, dont le nombre de colonnes n'est pas plafonné.
 * ------------------------------------------------------------------------- */

/* La barre « Affiner ma recherche » du pied de page n'a pas d'objet ici : la sélection est
   figée par le lien reçu, aucun filtre n'est proposé. Le sélecteur reprend la spécificité de
   celle qui l'affiche en recherche (body:not(.navmobile).page-template-tpl-jobs-biens ...). */
body.evolis-selection.page-template-tpl-jobs-biens .mobileResultsHeader {
	display: none;
}

.selection-intro {
	margin-bottom: 24px;
}

.selection-missing {
	margin-top: 24px;
	padding: 16px 18px;
	border: 1px solid #F1F1F1;
	border-radius: 4px;
	background: #FAFAFA;
	color: #5A5C7A;
	font-size: 14px;
}

.selection-empty .message {
	padding: 24px 0;
	color: #5A5C7A;
}

/* ---------------------------------------------------------------------------
 * Comparaison
 *
 * L'apparence vient de common.css, via la classe de corps « page-template-tpl-compte-comparateur »
 * posée par evolis_selection_body_class() : le tableau est identique à celui du compte. Ne
 * restent ici que les ajustements propres à une sélection, dont le nombre de colonnes n'est
 * pas plafonné à cinq.
 * ------------------------------------------------------------------------- */

.comparateur-selection {
	/* Les marges latérales viennent de .site-content, comme sur le comparateur du compte :
	   seul l'espace sous le tableau est ajouté ici. */
	padding-bottom: 60px;
}

/* Au-delà de la largeur disponible, le tableau défile sur lui-même plutôt que de comprimer
   les colonnes ou de faire déborder la page. */
.comparateur-selection .tableContainer {
	overflow-x: auto;
}

.comparateur-selection table {
	width: auto;
	min-width: 100%;
}

/* Colonne des libellés maintenue visible pendant le défilement horizontal. */
.comparateur-selection th:first-child,
.comparateur-selection td:first-child {
	position: sticky;
	left: 0;
	z-index: 2;
}

.comparateur-selection th:first-child {
	background-color: #f5f5f5;
}

.comparateur-selection th:not(:first-child),
.comparateur-selection td:not(:first-child) {
	min-width: 210px;
}

@media screen and (max-width: 767px) {
	.comparateur-selection th:not(:first-child),
	.comparateur-selection td:not(:first-child) {
		min-width: 160px;
	}
}

@media screen and (max-width: 1050px) {
	/* En recherche, le mobile ouvre la carte en plein écran et masque la liste jusqu'à la
	   bascule. Sur une sélection, c'est l'inverse qui a du sens : les quelques offres retenues
	   sont le contenu principal, la carte n'en donne qu'un aperçu. */
	.evolis-selection .page-results:not(.-full) .results-list {
		display: block;
	}

	.evolis-selection .page-results .results-map .map-wrapper {
		height: 320px !important;
	}

	.evolis-selection .selection-intro h1 {
		font-size: 28px;
	}
}